.aoi-style-search{box-sizing:border-box;width:100%;max-width:660px;margin-inline-start:auto;padding:24px;border:1px solid #b99bce88;border-radius:16px;background:linear-gradient(125deg,#20162ef5,#3b2445ed);color:#fff;text-align:start;font-family:Arial,sans-serif;box-shadow:0 10px 36px #160d2540;backdrop-filter:blur(10px)}
.aoi-style-search *{box-sizing:border-box}.aoi-style-search [hidden]{display:none!important}
.aoi-style-search .aoi-ss-kicker{font:700 11px/1.4 monospace;letter-spacing:.1em;color:#ddc7ef;margin:0 0 9px}
.aoi-style-search .aoi-ss-label{display:block;font-size:clamp(22px,2.3vw,30px);font-weight:700;line-height:1.2;color:#fff;margin:0}
.aoi-style-search .aoi-ss-input{display:block;flex:1;min-width:0}
.aoi-style-search .aoi-ss-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.aoi-style-search .aoi-ss-field{display:flex;gap:6px;margin-top:14px;padding:5px;border:1px solid #d5c0e4;border-radius:10px;background:#fff}
.aoi-style-search input[type=search]{display:block;width:100%;min-width:0;border:0;border-radius:5px;padding:10px;background:#fff;color:#30223e;font:16px/1.3 Arial,sans-serif;box-shadow:none}
.aoi-style-search input::placeholder{color:#74637c;opacity:1}
.aoi-style-search button[type=submit]{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 16px;border:1px solid #c4df95;border-radius:6px;background:#daf2aa;color:#233310;font:700 14px/1.3 Arial,sans-serif;cursor:pointer;flex-shrink:0}
.aoi-style-search button[type=submit]:hover{background:#c9e88d}
.aoi-style-search .aoi-ss-hint{font:13px/1.5 Arial,sans-serif;color:#e0d4e8;margin:10px 0 12px}
.aoi-style-search .aoi-ss-examples{margin-top:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;color:#d7c3e5}
.aoi-style-search [data-ss-examples]{display:flex;gap:6px;flex-wrap:wrap}
.aoi-style-search .aoi-ss-examples button{padding:5px 10px;border:1px solid #9976b1;border-radius:99px;background:#ffffff0c;color:#f2eaf8;font:12px/1.4 Arial,sans-serif;cursor:pointer;min-height:30px}
.aoi-style-search .aoi-ss-examples button:hover{background:#ffffff20}
.aoi-style-search .aoi-ss-options{padding:0;margin:14px 0 0;border:0;background:transparent;color:#e2d4ec}
.aoi-style-search summary{width:fit-content;cursor:pointer;font:12px/1.4 Arial,sans-serif;padding:3px 0}
.aoi-style-search .aoi-ss-option-fields{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}
.aoi-style-search .aoi-ss-option-fields label{font:12px/1.5 Arial,sans-serif;color:#eadff1}
.aoi-style-search select{display:block;width:100%;min-width:0;margin-top:4px;padding:9px;border:1px solid #c2a9d2;border-radius:6px;background:#fff;color:#30223e;font:16px Arial,sans-serif}
.aoi-style-search :focus-visible{outline:3px solid #c39be1;outline-offset:3px}
.wp-block-cover:has(.aoi-style-search) .wp-block-cover__inner-container{width:100%;max-width:none}
.wp-block-cover:has(.aoi-style-search){min-height:500px}
@media(max-width:600px){.aoi-style-search{padding:18px;border-radius:12px}.aoi-style-search .aoi-ss-field{flex-wrap:wrap}.aoi-style-search .aoi-ss-input{flex-basis:100%}.aoi-style-search input[type=search]{padding:9px}.aoi-style-search button[type=submit]{width:100%;min-height:40px}.aoi-style-search .aoi-ss-option-fields{grid-template-columns:1fr}.wp-block-cover:has(.aoi-style-search){min-height:570px;padding:14px!important}}

/* Compact title bar and native settings disclosure. */
.aoi-style-search{container-type:inline-size}
.aoi-style-search .aoi-ss-topbar{display:grid;grid-template-columns:minmax(0,1fr) 36px 36px;gap:10px;align-items:center;position:relative}
.aoi-style-search .aoi-ss-titleline{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:3px;min-width:0}
.aoi-style-search .aoi-ss-titleline .aoi-ss-kicker{font:700 10px/1.4 monospace;letter-spacing:.035em;margin:0;color:#dec8eb}
.aoi-style-search .aoi-ss-titleline .aoi-ss-label{font:700 18px/1.25 Arial,sans-serif;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
.aoi-style-search .aoi-ss-options{grid-column:3;grid-row:1;margin:0;padding:0;position:static}
.aoi-style-search .aoi-ss-atlas{grid-column:2;grid-row:1}
.aoi-style-search .aoi-ss-icon{display:grid;place-items:center;list-style:none;width:36px;height:36px;min-height:36px;padding:7px;border:1px solid #b797cc;border-radius:8px;background:#ffffff10;color:#ecdcf6;cursor:pointer;text-decoration:none}
.aoi-style-search .aoi-ss-icon::-webkit-details-marker{display:none}
.aoi-style-search .aoi-ss-icon:hover,.aoi-style-search details[open]>.aoi-ss-icon{background:#644276;border-color:#ddbae9;color:#fff}
.aoi-style-search .aoi-ss-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.aoi-style-search a.aoi-ss-atlas{background:#c8f0ec;color:#30223e;border-color:#89d9db}
.aoi-style-search a.aoi-ss-atlas:hover{background:#e4cdff;color:#30223e}
.aoi-style-search .aoi-ss-options>.aoi-ss-option-fields{position:absolute;z-index:20;inset:calc(100% + 10px) 0 auto;margin:0;padding:16px;border:1px solid #bc96cf;border-radius:12px;background:#30213e;box-shadow:0 10px 30px #150c2855;grid-template-columns:2fr 1fr}
.aoi-style-search .aoi-ss-field{margin-top:16px}

/* Cool-to-warm header palette, with geometric accents behind a steady label. */
.aoi-style-search button.aoi-ss-explore{isolation:isolate;position:relative;overflow:hidden;border:1px solid #c398e6;border-radius:5px;background:linear-gradient(115deg,#6ce3dc 0%,#c58de8 30%,#ef8bc7 55%,#ffa58b 78%,#f9e566 100%);color:#25132f;box-shadow:3px 3px 0 #8b549c;font-weight:800;gap:10px;min-height:46px}
.aoi-style-search button.aoi-ss-explore:hover{background:linear-gradient(115deg,#8af0e8,#d4a9f0 30%,#f4a7d7 55%,#ffb79e 78%,#ffed86)}
.aoi-style-search .aoi-ss-explore>span:not(.aoi-ss-tiles){position:relative;z-index:2}
.aoi-style-search .aoi-ss-tiles{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0}
.aoi-style-search .aoi-ss-tiles i{position:absolute;width:14px;height:14px;background:#57175a55;left:8%;top:13%}
.aoi-style-search .aoi-ss-tiles i:nth-child(2){left:25%;top:55%;background:#f4ffbabb}
.aoi-style-search .aoi-ss-tiles i:nth-child(3){left:43%;top:8%;width:10px;height:10px;background:#31dacc88}
.aoi-style-search .aoi-ss-tiles i:nth-child(4){left:63%;top:62%;background:#8c42d577}
.aoi-style-search .aoi-ss-tiles i:nth-child(5){left:83%;top:18%;background:#fff5b6aa}
.aoi-style-search .aoi-ss-tiles i:nth-child(6){left:12%;top:76%;width:8px;height:8px;background:#e544b966}
.aoi-style-search .aoi-ss-tiles i:nth-child(7){left:72%;top:6%;width:8px;height:8px;background:#25133e55}
.aoi-style-search .aoi-ss-tiles i:nth-child(8){left:91%;top:70%;width:10px;height:10px;background:#5ef6e0aa}
.aoi-style-search .aoi-ss-explore[data-glitch=tiles] .aoi-ss-tiles{animation:aoi-ss-tiles .65s ease-out}
.aoi-style-search .aoi-ss-explore[data-glitch=scatter] .aoi-ss-tiles{animation:aoi-ss-scatter .7s ease-out}
.aoi-style-search .aoi-ss-explore[data-glitch=bands] .aoi-ss-tiles{animation:aoi-ss-bands .65s ease-out}
@keyframes aoi-ss-tiles{0%{opacity:0;transform:translateX(-12px)}30%{opacity:1;transform:translateX(5px)}65%{opacity:.6;transform:translateX(-3px)}100%{opacity:0;transform:translateX(0)}}
@keyframes aoi-ss-scatter{0%{opacity:0;transform:scale(.65) rotate(-4deg)}35%{opacity:1}100%{opacity:0;transform:scale(1.4) rotate(5deg)}}
@keyframes aoi-ss-bands{0%{opacity:0;transform:translateY(-18px)}35%{opacity:1;transform:translateY(3px)}70%{opacity:.5;transform:translateY(-3px)}100%{opacity:0;transform:translateY(18px)}}
@container(max-width:360px){.aoi-style-search .aoi-ss-topbar{gap:7px}.aoi-style-search .aoi-ss-titleline .aoi-ss-label{font-size:17px}.aoi-style-search .aoi-ss-titleline .aoi-ss-kicker{font-size:9px}.aoi-style-search .aoi-ss-options>.aoi-ss-option-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.aoi-style-search .aoi-ss-tiles{animation:none!important;display:none!important}}

/* Focused results dialog: top-layer positioning escapes the artwork cover. */
.aoi-style-search .aoi-ss-dialog{box-sizing:border-box;width:min(960px,calc(100vw - 32px));height:min(780px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);max-width:none;margin:auto;padding:0;border:1px solid #bba2d0;border-radius:18px;background:#faf7ee;color:#30223e;box-shadow:0 24px 90px #150d2866;text-align:start;font:15px/1.45 Arial,sans-serif;overflow:hidden}
.aoi-style-search .aoi-ss-dialog:not([open]){display:none}
.aoi-style-search .aoi-ss-dialog[open]{display:flex;flex-direction:column}
.aoi-style-search .aoi-ss-dialog::backdrop{background:#1b1125b8;backdrop-filter:blur(4px)}
.aoi-style-search .aoi-ss-dialog-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;background:#382047;color:#fff;border-bottom:3px solid #d4ed9a;flex-shrink:0}
.aoi-style-search .aoi-ss-dialog-header h2{margin:0 auto 0 0;color:#fff;font:700 23px/1.2 Arial,sans-serif}
.aoi-style-search .aoi-ss-full{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;border:1px solid #c9e18b;border-radius:9px;background:#d9efa6;color:#253613;font-weight:700;text-decoration:none}
.aoi-style-search .aoi-ss-dialog button{cursor:pointer;border:1px solid #b89acb;border-radius:8px;padding:9px 13px;min-height:44px;background:#fff;color:#382047;font:700 14px/1.3 Arial,sans-serif}
.aoi-style-search .aoi-ss-dialog button:disabled{opacity:.6;cursor:wait}
.aoi-style-search .aoi-ss-refine{display:grid;grid-template-columns:minmax(0,1fr) 170px 100px auto;align-items:end;gap:12px;padding:16px 20px 8px;flex-shrink:0}
.aoi-style-search .aoi-ss-refine label{min-width:0;font:700 12px/1.4 Arial,sans-serif;color:#50395e}
.aoi-style-search .aoi-ss-refine input,.aoi-style-search .aoi-ss-refine select{margin-top:4px;min-height:44px;border:1px solid #cbb7d6;border-radius:8px;padding:9px;background:#fff;color:#30223e;font:16px/1.3 Arial,sans-serif}
.aoi-style-search .aoi-ss-refine button[type=submit]{background:#6c3290;border-color:#6c3290;color:#fff;box-shadow:none;margin:0;min-height:44px}
.aoi-style-search .aoi-ss-status{margin:4px 20px 12px;color:#61476d;font:13px/1.5 Arial,sans-serif;flex-shrink:0}
.aoi-style-search .aoi-ss-results-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 20px 20px;scrollbar-gutter:stable}
.aoi-style-search .aoi-ss-result-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.aoi-style-search .aoi-ss-result{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:start;min-width:0;background:#fff;border:1px solid #dfd2e6;border-radius:12px;padding:10px}
.aoi-style-search .aoi-ss-result-image{display:block;aspect-ratio:1;overflow:hidden;border-radius:7px;background:#eee9e2;color:#715083}
.aoi-style-search .aoi-ss-result img{display:block;width:100%;height:100%;object-fit:contain}
.aoi-style-search .aoi-ss-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:36px}
.aoi-style-search .aoi-ss-result h3{margin:0 0 6px;font:700 17px/1.25 Arial,sans-serif;overflow-wrap:anywhere}
.aoi-style-search .aoi-ss-result h3 a{color:#5c267e;text-decoration:none}
.aoi-style-search .aoi-ss-result h3 a:hover{text-decoration:underline}
.aoi-style-search .aoi-ss-result p{margin:0;color:#675b6a;font:13px/1.45 Arial,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.aoi-style-search .aoi-ss-more,.aoi-style-search .aoi-ss-retry{display:block;margin:16px auto 0}
.aoi-style-search .aoi-ss-dialog :focus-visible{outline:3px solid #9d63be;outline-offset:3px}
@media(max-width:700px){.aoi-style-search .aoi-ss-refine{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.aoi-style-search .aoi-ss-dialog-query{grid-column:1/-1}.aoi-style-search .aoi-ss-refine button[type=submit]{grid-column:1/-1}.aoi-style-search .aoi-ss-result-cards{grid-template-columns:1fr}}
@media(max-width:450px){.aoi-style-search .aoi-ss-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.aoi-style-search .aoi-ss-dialog-header{gap:8px;padding:12px}.aoi-style-search .aoi-ss-dialog-header h2{font-size:20px;flex-basis:100%}.aoi-style-search .aoi-ss-full{margin-inline-end:auto}.aoi-style-search .aoi-ss-refine{padding:12px 12px 4px;gap:8px}.aoi-style-search .aoi-ss-status{margin:4px 12px 8px}.aoi-style-search .aoi-ss-results-scroll{padding:4px 12px 12px}.aoi-style-search .aoi-ss-result{grid-template-columns:84px minmax(0,1fr);gap:10px}.aoi-style-search .aoi-ss-result h3{font-size:16px}}