.aoi-mini-stream{--mini-cyan:#a1ffe2;box-sizing:border-box;width:calc(100% - 32px);max-width:1080px;margin:24px auto;padding:18px;background:#111320;color:#f5f4ff;border:1px solid #3b4557;border-radius:10px;font-family:system-ui,sans-serif;isolation:isolate}
.aoi-mini-stream *{box-sizing:border-box}.aoi-mini-stream [hidden]{display:none!important}
.aoi-mini-stream{position:relative}
.aoi-mini-toggle{position:absolute;z-index:3;top:8px;right:8px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #74849a;border-radius:6px;background:#111b2aeb;color:#e3fff8;font:23px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 8px #0004}
.aoi-mini-stream[data-mini-minimized="false"] .aoi-mini-heading{padding-right:36px}
.aoi-mini-stream[data-mini-minimized="true"]{padding:6px}
.aoi-mini-stream[data-mini-minimized="true"] .aoi-mini-controls,.aoi-mini-stream[data-mini-minimized="true"] .aoi-mini-name{display:none!important}

.aoi-mini-stream[data-mini-minimized="true"] .aoi-mini-window{scrollbar-width:none}
.aoi-mini-stream[data-mini-minimized="true"] .aoi-mini-window::-webkit-scrollbar{display:none}
.aoi-mini-stream[data-mini-minimized="true"] .aoi-mini-track{padding:0}
/* WordPress can nest patterns in shrink-to-fit Columns inside a vertical Stack. */
.wp-block-columns:has(> .wp-block-column > .aoi-mini-stream){width:100%;max-width:100%;min-width:0}
.wp-block-group.is-vertical > :has(.aoi-mini-stream){width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.aoi-mini-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.aoi-mini-kicker{font:9px monospace;letter-spacing:.15em;color:#a6b9cb}.aoi-mini-stream h2{font:700 23px/1.15 system-ui,sans-serif;color:#fff;margin:5px 0 0}.aoi-mini-stream h2 span{color:var(--mini-cyan)}
.aoi-mini-stream .aoi-mini-open{color:var(--mini-cyan);font-size:13px;font-weight:650;text-underline-offset:4px;white-space:nowrap}
.aoi-mini-controls{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:0 0 12px;font-size:12px;color:#cfd9e7}
.aoi-mini-controls button,.aoi-mini-controls select{font:600 12px system-ui,sans-serif;min-height:36px;padding:6px 12px;border:1px solid #52677c;border-radius:5px;color:#eafffa;background:#1e3040;cursor:pointer}.aoi-mini-controls button{min-width:94px}.aoi-mini-controls select{margin-left:6px}
.aoi-mini-speed{display:flex;align-items:center;gap:9px;flex:1;min-width:250px}.aoi-mini-speed input{accent-color:#94ffde;width:clamp(90px,16vw,200px);min-width:70px;min-height:32px;cursor:pointer;margin:0}.aoi-mini-speed output{min-width:36px;color:#fff;font-variant-numeric:tabular-nums}.aoi-mini-limits{color:#a4b2c3;font:10px monospace}
.aoi-mini-window{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#476576 #141724;border-radius:5px;overscroll-behavior-x:contain;direction:ltr}
.aoi-mini-track{display:flex;gap:10px;width:max-content;padding:2px 0 7px;position:relative}
.aoi-mini-tile{display:block;flex:none;width:174px;text-decoration:none!important;position:relative;color:#fff!important;background:#232938;border-radius:4px;overflow:hidden;border:1px solid #3d4454}
.aoi-mini-art{display:block;position:relative;width:100%;height:128px;overflow:hidden;background:#283244;isolation:isolate}.aoi-mini-art img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s;user-select:none}.aoi-mini-tile:hover img{filter:saturate(1.15)}
.aoi-mini-name{display:block;max-width:100%;padding:7px 9px;font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#151c2b}
.aoi-mini-initial{display:grid;place-items:center;height:100%;font:52px monospace;color:#9bffe1;background:linear-gradient(145deg,#272044,#1b4147)}
.aoi-mini-art::before,.aoi-mini-art::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;z-index:1}
.aoi-mini-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px;font:10px/1.5 monospace;color:#a9b6c7}.aoi-mini-foot p{margin:0}.aoi-mini-stream :focus-visible{outline:3px solid #ffb2e0;outline-offset:2px}
/* Ten short, localized distortions. No full-screen flashes or rapid brightness cycling. */
.mini-fx-rgb .aoi-mini-art::after{opacity:.55;background:linear-gradient(90deg,#ff327b66,transparent 40%,#00ffe866);mix-blend-mode:screen;animation:mini-shear .9s ease-out}
.mini-fx-slice .aoi-mini-art img{animation:mini-slice .85s ease-out}
.mini-fx-scan .aoi-mini-art::after{opacity:.5;background:repeating-linear-gradient(0deg,transparent 0 5px,#03142299 6px 8px);animation:mini-scan 1s linear}
.mini-fx-chroma .aoi-mini-art img{animation:mini-chroma 1.1s ease-in-out}
.mini-fx-ghost .aoi-mini-art::after{opacity:.6;box-shadow:inset 12px 0 #87ffe688,inset -9px 0 #ff8dd777;animation:mini-shear 1s ease-out}
.mini-fx-roll .aoi-mini-art img{animation:mini-roll .9s ease-out}
.mini-fx-mosaic .aoi-mini-art::after{opacity:.45;background:conic-gradient(#8291b566 25%,transparent 0 50%,#5affe344 0 75%,transparent 0) 0 0/22px 22px;animation:mini-reveal 1.05s ease-out}
.mini-fx-tear .aoi-mini-art::after{opacity:.8;inset:35% -10% auto;height:13%;background:#82ebf02e;border-block:2px solid #bdf7f799;transform:skewX(-18deg);animation:mini-shear .85s ease-out}
.mini-fx-signal .aoi-mini-art::after{opacity:.5;background:linear-gradient(transparent 35%,#7ffff966 45%,transparent 55%);animation:mini-scan 1.1s ease-out}
.mini-fx-duotone .aoi-mini-art img{animation:mini-duotone 1.1s ease-in-out}
@keyframes mini-shear{0%{transform:translateX(-8%)}55%{transform:translateX(4%)}100%{transform:translateX(0);opacity:0}}
@keyframes mini-slice{0%{clip-path:polygon(0 0,100% 0,100% 28%,92% 28%,92% 48%,100% 48%,100% 100%,0 100%,0 65%,8% 65%,8% 42%,0 42%);transform:translateX(4px)}100%{clip-path:inset(0);transform:none}}
@keyframes mini-scan{from{transform:translateY(-50%)}to{transform:translateY(60%);opacity:0}}
@keyframes mini-chroma{45%{filter:hue-rotate(55deg) saturate(1.8)}100%{filter:none}}
@keyframes mini-roll{40%{transform:translateY(-8px) scale(1.1)}100%{transform:none}}
@keyframes mini-reveal{from{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0);opacity:0}}
@keyframes mini-duotone{50%{filter:sepia(.75) hue-rotate(150deg) saturate(1.7)}100%{filter:none}}
@media(max-width:600px){.aoi-mini-stream{width:100%;margin:18px 0;padding:12px}.aoi-mini-heading{gap:8px}.aoi-mini-kicker{font-size:8px;letter-spacing:.06em}.aoi-mini-stream h2{font-size:21px}.aoi-mini-stream .aoi-mini-open{font-size:11px}.aoi-mini-controls{gap:8px}.aoi-mini-controls button,.aoi-mini-controls select{min-height:44px;padding-inline:8px}.aoi-mini-controls button{min-width:80px}.aoi-mini-speed{order:3;flex-basis:100%;min-width:0}.aoi-mini-speed input{flex:1;width:auto}.aoi-mini-effects{margin-left:auto;font-size:11px}.aoi-mini-art{height:118px}.aoi-mini-tile{width:158px}.aoi-mini-foot{font-size:9px}}
@media(prefers-reduced-motion:reduce){.aoi-mini-stream *,.aoi-mini-stream *::before,.aoi-mini-stream *::after{animation:none!important;transition:none!important}.aoi-mini-art::after{opacity:0!important}}

/* Compact v2: permanent heading/destination, settings stay clear of the images. */
.aoi-mini-stream,.aoi-mini-stream[data-mini-minimized="true"]{padding:8px;margin:12px auto}
.aoi-mini-heading,.aoi-mini-stream[data-mini-minimized="false"] .aoi-mini-heading{justify-content:flex-start;gap:10px;margin:0 0 6px;padding:0;flex-wrap:wrap}
.aoi-mini-stream h2{font-size:18px;line-height:1.2;margin:0}
.aoi-mini-stream .aoi-mini-open{display:inline-flex;gap:8px;align-items:center;border:1px solid #536c69;border-radius:99px;padding:5px 10px;background:#1b3032;color:#c4ffe8;font-size:11px;text-decoration:none}
.aoi-mini-stream .aoi-mini-open:hover{background:#2a4c48;color:#fff}
.aoi-mini-toggle{position:static;flex:none;margin-left:auto;width:38px;height:34px;border:1px solid #d8ffe9;background:#baffdf;color:#102c29;box-shadow:0 0 0 2px #244e42;font-size:22px;opacity:1}
.aoi-mini-toggle:hover{background:#e2fff1;box-shadow:0 0 0 3px #517d6b}
.aoi-mini-tile{width:136px}.aoi-mini-art{height:96px}.aoi-mini-track{gap:6px;padding:0 0 4px}.aoi-mini-name{padding:4px 6px;font-size:10px}
.aoi-mini-controls{gap:10px;margin:5px 0 8px}.aoi-mini-speed{min-width:180px}.aoi-mini-limits{display:none}
.aoi-mini-frequency{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.aoi-mini-frequency input{width:100px;accent-color:#a1ffe2;min-height:32px}.aoi-mini-frequency output{min-width:34px;font-variant-numeric:tabular-nums}
.aoi-mini-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #ae98c2;border-radius:18px;background:#21152e;color:#fff4df;padding:22px;box-shadow:0 20px 80px #0008;font:15px/1.5 system-ui,sans-serif}
.aoi-mini-dialog::backdrop{background:#100d20c9;backdrop-filter:blur(5px)}.aoi-mini-dialog [hidden]{display:none!important}
.aoi-mini-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;font:11px monospace;letter-spacing:.1em;color:#c5e7ab}
.aoi-mini-dialog button{border:1px solid #a38cbb;border-radius:50%;background:#392747;color:#fff;width:40px;height:40px;font-size:25px;cursor:pointer}
.aoi-mini-preview-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin:20px 0}.aoi-mini-preview-visual{aspect-ratio:1;background:#30233e;border-radius:12px;overflow:hidden;display:grid;place-items:center;font-size:60px}.aoi-mini-preview-visual img{width:100%;height:100%;object-fit:contain}.aoi-mini-dialog h2{font:700 28px/1.2 system-ui,sans-serif;color:#fff4df;margin:0 0 14px}.aoi-mini-dialog p{font-size:14px;line-height:1.6;color:#ded1e8}.aoi-mini-dialog footer{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.aoi-mini-dialog a{color:#d6efab;text-underline-offset:4px}.aoi-mini-dialog .aoi-mini-read{background:#d5efa9;color:#241430;border-radius:99px;padding:10px 16px;font-weight:700;text-decoration:none}.aoi-mini-dialog :focus-visible{outline:3px solid #ffb2e0;outline-offset:3px}
@media(max-width:600px){.aoi-mini-stream,.aoi-mini-stream[data-mini-minimized="true"]{width:100%;padding:6px;margin:10px 0}.aoi-mini-stream h2{font-size:16px}.aoi-mini-heading{gap:6px}.aoi-mini-stream .aoi-mini-open{font-size:10px;padding:5px 7px}.aoi-mini-toggle{width:34px;height:34px}.aoi-mini-tile{width:124px}.aoi-mini-art{height:86px}.aoi-mini-frequency{flex-basis:100%;order:4}.aoi-mini-frequency input{flex:1}.aoi-mini-dialog{padding:16px}.aoi-mini-preview-body{grid-template-columns:1fr;gap:16px}.aoi-mini-preview-visual{aspect-ratio:1.5}.aoi-mini-dialog h2{font-size:24px}}

/* Keep the whole minimized strip shorter despite its always-visible navigation. */
.aoi-mini-stream,.aoi-mini-stream[data-mini-minimized="true"]{padding:6px}.aoi-mini-heading{margin-bottom:4px}.aoi-mini-tile{width:124px}.aoi-mini-art{height:72px}.aoi-mini-speed{flex:1 1 240px;min-width:220px;white-space:nowrap}.aoi-mini-speed input{flex:1;min-width:70px}.aoi-mini-frequency{white-space:nowrap}@media(max-width:600px){.aoi-mini-tile{width:112px}.aoi-mini-art{height:68px}.aoi-mini-speed{min-width:0;flex-basis:100%}}

/* Images-only minimized state; the compact toggle remains available. */
.aoi-mini-stream .aoi-mini-toggle{width:28px;height:28px;font-size:17px;border-radius:5px}
.aoi-mini-stream[data-mini-minimized="true"] .aoi-mini-heading{height:0;min-height:0;margin:0;padding:0}
.aoi-mini-stream[data-mini-minimized="true"] .aoi-mini-heading h2,.aoi-mini-stream[data-mini-minimized="true"] .aoi-mini-heading .aoi-mini-open{display:none}
.aoi-mini-stream[data-mini-minimized="true"] .aoi-mini-toggle{position:absolute;top:8px;right:8px;margin:0;z-index:3}