.wpris-search { max-width: 720px; margin: 1.2em auto; }
.wpris-search [hidden] { display: none !important; }
.wpris-bar {
	display: flex; align-items: center; gap: 2px;
	background: #fff; border: 1px solid #dfe1e5; border-radius: 999px;
	padding: 5px 5px 5px 22px;
	box-shadow: 0 2px 8px rgba(32, 33, 36, 0.12);
	transition: box-shadow 0.18s ease, border-color 0.18s ease;
}
.wpris-bar:hover { box-shadow: 0 2px 14px rgba(32, 33, 36, 0.18); }
.wpris-bar:focus-within { border-color: #1a73e8; box-shadow: 0 2px 14px rgba(26, 115, 232, 0.28); }
.wpris-q {
	flex: 1; min-width: 0; border: 0; outline: 0;
	font-size: 16px; background: transparent; padding: 10px 4px; color: #202124;
}
.wpris-q::placeholder { color: #9aa0a6; }
.wpris-q::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.wpris-clear {
	border: 0; background: transparent; color: #5f6368;
	font-size: 22px; line-height: 1; width: 38px; height: 38px;
	border-radius: 50%; cursor: pointer; flex: none; padding: 0;
}
.wpris-clear:hover { background: #f1f3f4; color: #202124; }
.wpris-cam {
	display: flex; align-items: center; justify-content: center;
	width: 44px; height: 44px; border-radius: 50%;
	cursor: pointer; font-size: 20px; flex: none; margin: 0;
}
.wpris-cam:hover { background: #f1f3f4; }
.wpris-cam input[type="file"] { display: none; }
.wpris-thumb { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; display: block; }
.wpris-go {
	border: 0; border-radius: 50%; width: 46px; height: 46px; flex: none;
	background: #f1f3f4; color: #202124; cursor: pointer;
	display: flex; align-items: center; justify-content: center; padding: 0;
	transition: background 0.15s ease, box-shadow 0.15s ease;
}
.wpris-go:hover { background: #e2e6ea; box-shadow: 0 2px 10px rgba(32, 33, 36, 0.22); }
.wpris-go svg { display: block; }
.wpris-status { min-height: 1.5em; margin: 0.5em 0.5em 0; color: #666; font-size: 0.9em; }
.wpris-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin-top: 12px; }
.wpris-cell {
	display: block; aspect-ratio: 1; overflow: hidden; border-radius: 12px;
	background: #f1f3f4; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.wpris-cell:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16); }
.wpris-cell img { width: 100%; height: 100%; object-fit: cover; display: block; }