/* Search companion: precise, compact suggestions over a deep studio surface. */
.studio-layout .search-top{position:relative;z-index:20}.studio-layout .main>header{z-index:25}.search-suggestions{position:absolute;top:calc(100% + 9px);left:0;right:0;z-index:30;border:1px solid var(--border-glass);border-radius:18px;background:var(--surface);box-shadow:0 22px 70px #080d1966;padding:10px;overflow:hidden;color:var(--text)}.search-suggestions[hidden]{display:none!important}.suggestion-heading{padding:7px 10px 10px;font:9px monospace;letter-spacing:1.8px;color:var(--muted)}.search-suggestions [role=listbox]{max-height:min(360px,45dvh);overflow:auto;overscroll-behavior:contain}.search-suggestion{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;cursor:pointer;min-height:53px}.search-suggestion[aria-selected=true],.search-suggestion:hover{background:color-mix(in srgb,var(--accent) 10%,var(--bg))}.suggestion-symbol{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border-glass);border-radius:8px;color:var(--accent);font-size:16px;flex-shrink:0}.suggestion-copy{display:grid;gap:4px;min-width:0}.suggestion-copy strong{font:600 12px 'DM Sans',sans-serif;overflow-wrap:anywhere}.suggestion-copy small{font:10px 'DM Sans',sans-serif;color:var(--muted)}.search-suggestions>small{display:block;font:9px 'DM Sans',sans-serif;line-height:1.6;color:var(--muted);padding:10px 10px 4px;border-top:1px solid var(--border-glass);margin-top:7px}.search-suggestions .suggestion-status{font-size:12px;line-height:1.7;margin:8px;padding:6px;color:var(--muted)}#assistantForm{position:relative}#assistantForm>.search-suggestions{position:static}#assistantForm>div{position:relative}#assistantForm .search-suggestions{position:absolute;top:auto;bottom:calc(100% + 8px);width:100%;padding:7px;display:block}#assistantForm .search-suggestions[hidden]{display:none!important}#assistantForm .search-suggestions [role=listbox]{max-height:200px}#assistantForm .search-suggestion{padding:8px;min-height:48px}#assistantForm .suggestion-copy strong{font-size:11px}
/* A continuous, illustrated copy/paste loop. Actual execution stays with the user. */
body.studio-layout .code-preview.executor-cinema{padding:0;overflow:hidden;transform:none;animation:none;max-width:600px;align-self:center;border:1px solid var(--border-glass);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:16px 18px 0 color-mix(in srgb,var(--accent) 4%,transparent),0 30px 80px #06080955}.executor-cinema::after{display:none}.cinema-bar{display:flex;align-items:center;gap:8px;padding:15px 18px;border-bottom:1px solid var(--border-glass);font:8px monospace;letter-spacing:1.4px;color:var(--muted)}.cinema-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.cinema-bar button{margin-left:auto;min-width:32px;min-height:30px;border:1px solid var(--border-glass);border-radius:7px;background:var(--bg);color:var(--text);cursor:pointer;font-size:12px}.cinema-bar button:disabled{opacity:.5;cursor:default}.cinema-stage{padding:22px 24px;background:radial-gradient(ellipse at 100% 50%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%)}.cinema-source,.cinema-target{position:relative;border:1px solid var(--border-glass);border-radius:12px;overflow:hidden;background:var(--bg);padding:14px 16px}.cinema-window-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px monospace;letter-spacing:1.6px;color:var(--accent);padding-bottom:12px;border-bottom:1px solid var(--border-glass);overflow-wrap:anywhere}.cinema-window-label>span:last-child{opacity:.4}.cinema-code,.cinema-paste{font:12px/1.8 ui-monospace,monospace;color:var(--text);padding:12px 0 3px}.cinema-code>span,.cinema-paste>span{display:block;color:var(--muted)}.cinema-code b,.cinema-paste b{font-weight:400;color:var(--accent)}.cinema-code em,.cinema-paste em{font-style:normal;color:var(--muted)}.cinema-copy{position:absolute;bottom:14px;right:14px;padding:7px 9px;border:1px solid var(--border-glass);border-radius:6px;background:var(--surface);color:var(--accent);font:9px 'DM Sans',sans-serif;animation:cinema-copy 8s infinite}.cinema-transfer{position:relative;display:flex;align-items:center;gap:10px;height:64px}.cinema-avatar{font:800 14px 'Manrope',sans-serif;letter-spacing:-1px;border:1px solid var(--border-glass);border-radius:10px;width:42px;height:34px;display:grid;place-items:center;color:var(--bg);background:var(--accent);animation:cinema-avatar 8s infinite}.cinema-transfer>i{height:1px;background:var(--border-glass);flex:1}.cinema-packet{font:10px monospace;color:var(--accent);background:var(--surface);padding:7px 10px;border:1px solid var(--border-glass);border-radius:5px;animation:cinema-packet 8s infinite}.cinema-target{min-height:127px}.cinema-paste{animation:cinema-paste 8s infinite}.cinema-placeholder{position:absolute;left:16px;top:68px;color:var(--muted);font:10px monospace;animation:cinema-placeholder 8s infinite}.cinema-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 22px 17px;font:9px monospace;color:var(--muted)}.cinema-caption>span:first-child{color:var(--accent)}.cinema-caption i{display:inline-block;height:5px;width:5px;border-radius:50%;background:var(--accent);margin-right:5px}.cinema-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 22px;border-top:1px solid var(--border-glass);background:color-mix(in srgb,var(--accent) 3%,transparent)}.cinema-controls label{font:10px 'DM Sans',sans-serif;color:var(--muted)}.cinema-controls select{max-width:75%;padding:8px 12px;font:11px 'DM Sans',sans-serif;border:1px solid var(--border-glass);border-radius:8px}.executor-cinema .cinema-disclaimer{font-size:10px!important;line-height:1.7!important;color:var(--muted);padding:0 22px;margin:12px 0 18px}
.dock-brand a{position:relative}.logo-microclip{position:relative;display:inline-grid;grid-template-columns:auto 10px;align-items:center;gap:4px;width:54px;height:30px;border:1px solid var(--border-glass);border-radius:7px;background:var(--surface);padding:5px;margin-left:6px;overflow:hidden;font:8px monospace;letter-spacing:0}.logo-microclip>span{font:800 9px 'Manrope',sans-serif;color:var(--accent);animation:micro-logo 4s infinite}.logo-microclip>i{font:9px monospace;animation:micro-code 4s infinite;color:var(--muted)}.logo-microclip>b{position:absolute;right:4px;bottom:3px;font:9px monospace;color:var(--accent);animation:micro-arrow 4s infinite}
@keyframes cinema-copy{0%,12%,44%,100%{transform:scale(1);opacity:.65}20%,32%{transform:scale(.95);opacity:1}}@keyframes cinema-avatar{0%,12%,85%,100%{transform:translateY(0) rotate(0)}28%,42%{transform:translateY(-4px) rotate(-8deg)}56%,68%{transform:translateY(3px) rotate(5deg)}}@keyframes cinema-packet{0%,20%{opacity:0;transform:translate(-25px,-14px) scale(.8)}30%,44%{opacity:1;transform:translate(0,0) scale(1)}55%,100%{opacity:0;transform:translate(28px,18px) scale(.9)}}@keyframes cinema-paste{0%,43%,100%{opacity:0;transform:translateY(6px)}58%,90%{opacity:1;transform:translateY(0)}}@keyframes cinema-placeholder{0%,38%,100%{opacity:.7}52%,92%{opacity:0}}@keyframes micro-logo{0%,100%{transform:translateX(0)}35%,60%{transform:translateX(3px)}}@keyframes micro-code{0%,20%,100%{opacity:.25;transform:translateY(-5px)}45%,70%{opacity:1;transform:translateY(2px)}}@keyframes micro-arrow{0%,20%,100%{opacity:0;transform:translate(-7px,-3px)}50%,80%{opacity:1;transform:translate(0,0)}}
.cinema-paused *{animation:none!important}.cinema-paused .cinema-paste{opacity:1}.cinema-paused .cinema-placeholder,.cinema-paused .cinema-packet{opacity:0}body.motion-paused .executor-cinema *,body.motion-paused .logo-microclip *{animation:none!important}body.motion-paused .cinema-paste{opacity:1}body.motion-paused .cinema-placeholder,body.motion-paused .cinema-packet{opacity:0}@media(prefers-reduced-motion:reduce){.executor-cinema *,.logo-microclip *{animation:none!important}.cinema-paste{opacity:1}.cinema-placeholder,.cinema-packet{opacity:0}}
@media(max-width:950px){.dock-brand .logo-microclip{display:none}}@media(max-width:600px){.search-suggestions{border-radius:14px;padding:7px}.search-suggestions [role=listbox]{max-height:34dvh}.suggestion-copy strong{font-size:11px}.search-suggestion{min-height:48px}.suggestion-heading{font-size:8px}body.studio-layout .code-preview.executor-cinema{width:100%;max-width:none}.cinema-stage{padding:18px}.cinema-bar{padding:12px 14px;font-size:7px;letter-spacing:1px}.cinema-code,.cinema-paste{font-size:11px}.cinema-copy{font-size:8px}.cinema-caption{font-size:8px;flex-wrap:wrap;padding:0 18px 15px}.cinema-controls{padding:12px 18px}.executor-cinema .cinema-disclaimer{padding:0 18px}.cinema-controls select{max-width:70%}}
.cinema-game{position:relative;height:80px;margin:0 24px 18px;border:1px solid var(--border-glass);border-radius:10px;background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--accent) 5%,var(--bg)));overflow:hidden}.cinema-game>span{position:absolute;top:10px;left:12px;font:7px monospace;letter-spacing:1.2px;color:var(--muted)}.cinema-game-floor{position:absolute;left:0;right:0;bottom:0;height:12px;border-top:1px solid var(--border-glass);background:var(--surface)}.cinema-game-platform{position:absolute;right:28px;bottom:28px;width:65px;height:6px;background:var(--accent);opacity:.3;border-radius:4px}.cinema-game-player{position:absolute;bottom:12px;left:20px;height:24px;width:27px;border-radius:5px;background:var(--accent);color:var(--bg);display:grid;place-items:center;font:800 8px 'Manrope',sans-serif;animation:cinema-game-hop 8s infinite}.cinema-game-token{position:absolute;right:52px;bottom:42px;width:8px;height:8px;border:1px solid var(--accent);transform:rotate(45deg);animation:cinema-token 8s infinite}@keyframes cinema-game-hop{0%,55%,100%{transform:translate(0,0) rotate(0)}64%{transform:translate(45px,-21px) rotate(-7deg)}75%,88%{transform:translate(95px,-21px) rotate(0)}}@keyframes cinema-token{0%,69%,100%{opacity:.6}76%,91%{opacity:0}}@media(max-width:600px){.dock-brand .logo-microclip{display:inline-grid;width:42px;height:26px;margin-left:2px}.cinema-game{margin:0 18px 16px}}