.zoe-workspace{max-width:1440px;padding:32px}.zoe-workspace nav{display:flex;justify-content:space-between;align-items:center}.zoe-workspace a{color:#80f0b0}.zoe-workspace h1{font-size:clamp(28px,4vw,40px);margin:28px 0}.zoe-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:28px}.zoe-controls,.zoe-result{border:1px solid #293c33;padding:24px;background:#0d1416}.zoe-controls h2{font-size:20px;margin-top:0}.zoe-controls label{display:grid;gap:8px;margin:16px 0;font-size:16px}.zoe-controls input,.zoe-controls select{font:inherit;width:100%;min-width:0;padding:12px;border:1px solid #42554b;border-radius:8px;background:#080d0f;color:#f1f6f3}.zoe-controls button:disabled{opacity:.5;cursor:wait}.hint{color:#a5b8ae;font-size:14px;line-height:1.6}.zoe-search{border-top:1px solid #293c33;margin-top:28px;padding-top:24px}.zoe-result{min-height:320px;align-self:start}.zoe-result video{width:100%;margin:16px 0;background:#000}.secondary{font:inherit;color:#80f0b0;background:#10251c;border:1px solid #80f0b0;padding:10px;cursor:pointer}#status{line-height:1.6}#status.busy::before{content:'ZCM';display:inline-grid;place-items:center;width:44px;height:44px;margin-right:12px;border:2px solid #80f0b0;border-right-color:transparent;border-radius:50%;font-size:12px;font-weight:700;animation:zoe-pulse 1s ease-in-out infinite}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80f0b0;outline-offset:3px}@keyframes zoe-pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){#status.busy::before{animation:none}}@media(max-width:800px){.zoe-workspace{padding:20px 16px}.zoe-layout{grid-template-columns:1fr}.zoe-result{min-height:180px;grid-row:1}.zoe-controls{padding:20px}}
