.motion-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.motion-intro h2{font-size:28px;letter-spacing:-.6px;margin:5px 0}.motion-intro p{color:var(--text-3);margin:0}.motion-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--studio-blue)}.motion-badge{border:1px solid var(--border-bright);border-radius:30px;padding:7px 14px;font-size:12px;white-space:nowrap;color:var(--text-2)}.motion-notice{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:18px 22px;margin-bottom:24px}.motion-notice p{margin:5px 0 12px;color:var(--text-2)}.motion-form{display:flex;flex-direction:column;gap:16px}.motion-form label{display:flex;flex-direction:column;gap:7px}.motion-form input,.motion-form select{width:100%;background:var(--surface-3);color:var(--text-1);border:1px solid var(--border-bright);border-radius:4px;padding:9px 10px}.motion-form input[type=checkbox]{width:20px;min-height:20px;align-self:flex-start}.motion-help{font-size:12px;color:var(--text-3);overflow-wrap:anywhere;margin:0}.motion-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.motion-master{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-2);margin:0 0 20px}.motion-placeholder{aspect-ratio:16/9;min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:24px;border:1px solid var(--border);border-radius:8px;background:var(--surface-3)}.motion-placeholder p,.motion-placeholder small{color:var(--text-3);margin:0}.motion-placeholder-icon{font-size:24px;color:var(--studio-blue);border:1px solid var(--border);border-radius:50%;padding:16px 22px}.motion-video{width:100%;display:block;background:#171717;border-radius:8px;margin-bottom:16px}.motion-job{margin:16px 0;color:var(--text-2)}.motion-job span{display:block;font-size:12px;margin-top:6px}.motion-error{padding:16px;border:1px solid #c54a3e;color:var(--text-1);background:var(--surface);border-radius:8px;margin-bottom:20px}.motion-guide{margin-top:24px;border-top:1px solid var(--border);padding-top:18px;color:var(--text-2);font-size:13px}.motion-guide summary{cursor:pointer;font-weight:600}.motion-guide li{margin-bottom:8px}.theme-toggle{border:1px solid var(--border-bright);background:var(--surface);color:var(--text-1);border-radius:20px;padding:8px 14px;white-space:nowrap}.masthead,.graphic-mode-buttons{flex-wrap:wrap}@media (max-width:760px){.motion-intro{align-items:flex-start;flex-direction:column;gap:12px}.motion-intro h2{font-size:24px}.graphic-mode-buttons{gap:6px}.graphic-mode-buttons button{white-space:normal;min-width:120px}}.graphic-mode-buttons{display:flex;gap:8px;flex-wrap:wrap}.graphic-mode-buttons button{border:1px solid var(--border-bright,#777);border-radius:22px;background:transparent;color:var(--text-1,#eee);padding:9px 17px;font-size:12px;font-weight:600;white-space:nowrap}.graphic-mode-buttons button[aria-pressed=true]{background:var(--accent,#0265dc);border-color:var(--accent,#0265dc);color:#fff}.topical-workspace{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,2fr);gap:24px}.topical-input{display:flex;flex-direction:column;gap:24px}.topical-card{background:var(--surface,#292929);border:1px solid var(--border,#444);border-radius:12px;overflow:hidden}.topical-card h2{font-size:16px;margin:0;padding:18px 22px;border-bottom:1px solid var(--border,#444)}.topical-body{padding:22px}.topical-body label{display:block;font-size:12px;color:var(--text-2,#ddd);margin-bottom:9px}.topical-body textarea{width:100%;height:180px;resize:vertical;background:var(--surface-3,#222);border:1px solid var(--border-bright,#777);border-radius:5px;color:var(--text-1,#eee);padding:14px;line-height:1.6}.topical-composer-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-3,#bbb);margin-top:10px}.topical-text{border:0;background:transparent;color:var(--studio-blue,#82b5ff);padding:0;font-size:12px}.topical-body .topical-format{display:flex;align-items:center;gap:8px;font-size:14px}.topical-format span{margin-left:auto;color:var(--text-3,#bbb);font-size:11px}.topical-hint{font-size:12px;color:var(--text-3,#bbb);line-height:1.6;margin:12px 0 22px}.topical-body select{width:100%;background:var(--surface-3,#222);color:var(--text-1,#eee);border:1px solid var(--border-bright,#777);border-radius:4px;padding:10px;opacity:1}.topical-primary{width:100%;background:var(--accent,#0265dc);color:#fff;border:0;border-radius:25px;padding:13px 20px;font-weight:700}.topical-actions{display:flex;justify-content:flex-end;gap:12px;margin:24px 0}.topical-secondary{display:inline-block;border:1px solid var(--border-bright,#777);border-radius:22px;padding:9px 17px;background:transparent;color:var(--text-1,#eee);font-size:12px;text-decoration:none;font-weight:600}.topical-placeholder{aspect-ratio:32/9;min-height:200px;background:var(--surface-3,#222);border:1px solid var(--border,#444);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;gap:12px}.topical-placeholder strong{font-size:18px}.topical-placeholder span,.topical-message{font-size:12px;color:var(--text-3,#bbb)}.topical-result{width:100%;height:auto;display:block;border-radius:6px;border:1px solid var(--border,#444)}.topical-error{background:#492a2a;border:1px solid #a44;color:#ffd4d4;border-radius:6px;padding:14px;margin-bottom:16px;font-size:13px}.topical-error button{display:block;margin-top:12px}.topical-result-actions{display:flex;gap:10px;margin:18px 0}.topical-plan{padding-top:20px;border-top:1px solid var(--border,#444);display:grid;grid-template-columns:1fr 1fr;gap:18px}.topical-plan>div:last-of-type{grid-column:1/-1}.topical-plan label{color:var(--text-3,#bbb);margin:0 0 5px}.topical-plan strong,.topical-plan span,.topical-plan small{display:block}.topical-plan small{color:var(--text-3,#bbb);font-size:11px}.topical-plan p{font-size:13px}.topical-assets{padding:0;list-style:none;max-height:200px;overflow:auto;font-size:12px}.topical-assets li{padding:7px 0;border-bottom:1px solid var(--border,#444)}@media (max-width:1100px){.masthead{flex-wrap:wrap}.graphic-mode-buttons{order:5;width:100%}}@media (max-width:760px){.topical-workspace{grid-template-columns:1fr}.topical-body{padding:16px}.topical-actions{flex-wrap:wrap}.graphic-mode-buttons button{flex:1;padding:9px 11px}.topical-plan{grid-template-columns:1fr}}.topical-output{align-self:start}.topical-generate{width:auto;min-width:120px}.topical-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.topical-body .topical-choice{display:block;margin:0;border:2px solid #555;border-radius:8px;overflow:hidden;cursor:pointer;background:#222;min-width:0}.topical-choice.selected{border-color:#69aaff;background:#173b68}.topical-choice img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.topical-choice-grid .topical-choice img{object-fit:contain}.topical-choice span{display:flex;gap:6px;padding:8px;font-size:11px;overflow-wrap:anywhere;align-items:flex-start}.topical-choice input{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border:1px solid #bbb;border-radius:3px;margin:1px 0;background:#222}.topical-choice input:checked{background:#1473e6;box-shadow:inset 0 0 0 3px #eee}.topical-choice:focus-within{outline:2px solid white;outline-offset:3px}.topical-ai-choice img{aspect-ratio:32/9}.topical-body button:disabled{opacity:.5;cursor:not-allowed}.topical-choice-grid+.topical-hint{margin-bottom:0}.topical-connection{display:flex;align-items:center;gap:8px;margin:16px 0;font-size:13px}.topical-connection small{margin-left:auto;color:#aaa}.topical-dot{width:10px;height:10px;border-radius:50%;background:#aaa;flex-shrink:0}.topical-dot.connected{background:#52ca85}.topical-dot.disconnected{background:#f77}.topical-dot.checking{background:#d4aa48}.topical-history{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.topical-history h3{width:100%}:root{color-scheme:dark;--studio-red: #cc1100;--studio-red-dark: #a81000;--studio-blue: #82b5ff;--navy: #1d1d1d;--surface: #292929;--surface-2: #292929;--surface-3: #222222;--surface-4: #393939;--text-1: #f2f2f2;--text-2: #d1d1d1;--text-3: #b4b4b4;--border: #464646;--border-bright: #787878;--accent: #0265dc;--accent-hover: #0054b6;--radius: 12px}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--text-1);font:14px/1.5 Adobe Clean,"Source Sans 3",system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--studio-blue);outline-offset:3px}p{margin:0 0 12px}.app{max-width:1560px;margin:auto;padding:0 32px 48px}.masthead{display:flex;align-items:center;gap:20px;padding:24px 0;margin-bottom:24px;border-bottom:1px solid var(--border)}.masthead-bug{padding:12px 16px;background:var(--studio-red);color:#fff;border-radius:4px;font-size:12px;font-weight:800;letter-spacing:1.2px;white-space:nowrap}.masthead-title{flex:1}.masthead-title h1{margin:0;font-size:24px;font-weight:700;letter-spacing:-.4px}.masthead-title p{margin:2px 0 0;color:var(--text-3);font-size:13px}.masthead-status{display:flex;align-items:center;gap:8px;color:var(--text-2);max-width:300px;font-size:12px;overflow-wrap:anywhere}.status-led{flex-shrink:0;width:8px;height:8px;background:var(--text-3);border-radius:50%}.status-led.ready{background:#54c878}.status-led.working{background:#f8b644}.status-led.error{background:#ff827b}.workspace-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,2fr);gap:24px;align-items:start}.input-column{display:flex;flex-direction:column;gap:24px;min-width:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:0}.panel-head{display:flex;align-items:center;gap:12px;min-height:56px;padding:14px 20px;border-bottom:1px solid var(--border)}.panel-head-label{font-size:16px;font-weight:700;color:var(--text-1)}.panel-body{padding:20px}.input-column .panel-body{padding:20px!important}.input-column label{font-size:12px!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;color:var(--text-2)!important;margin-bottom:6px!important}.input-column input,.input-column select{min-height:38px;font-size:14px!important;border-color:var(--border-bright)!important;border-radius:4px!important}.chat-input-row{display:flex;align-items:flex-end;gap:12px}.chat-input-row textarea{flex:1;min-width:0;height:112px;padding:12px;resize:none;overflow-y:auto;color:var(--text-1);background:var(--surface-3);border:1px solid var(--border-bright);border-radius:4px}.chat-input-row textarea::placeholder{color:var(--text-3)}.btn-send,.button-accent{border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;padding:10px 20px;min-height:40px;white-space:nowrap}.btn-send:hover:not(:disabled),.button-accent:hover:not(:disabled){background:var(--accent-hover)}.chat-log{height:200px;flex:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:12px;padding:8px 4px 4px 0}.chat-msg{max-width:94%;flex-shrink:0;padding:10px 14px;border-radius:8px;overflow-wrap:anywhere}.chat-msg.user{align-self:flex-end;background:#164374;color:#fff}.chat-msg.assistant{align-self:flex-start;background:var(--surface-4)}.chat-msg.thinking{color:var(--text-3)}.generate-actions,.connection-toolbar,.result-links{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;overflow-x:auto;padding:4px;margin:-4px -4px 20px}.generate-actions .button-accent{flex:1}.connection-toolbar{font-size:12px;color:var(--text-3)}.connection-toolbar>*,.result-links>*{flex-shrink:0}.connection-status{margin-right:auto;white-space:nowrap}.result-link{display:inline-flex;justify-content:center;align-items:center;min-height:36px;padding:7px 16px;background:transparent;border:1px solid var(--border-bright);border-radius:999px;color:var(--text-1);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.result-link:hover:not(:disabled){background:var(--surface-4);border-color:var(--text-2)}.preview-frame{position:relative;aspect-ratio:403 / 253;background:#161616;border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.preview-frame img{display:block;width:100%;height:100%;object-fit:contain}.preview-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-3);text-align:center;padding:20px}.preview-empty-icon{font-size:24px;color:var(--border-bright)}.version-strip{display:flex;gap:12px;overflow-x:auto;padding:6px 4px 12px;margin:0 -4px;scrollbar-gutter:stable}.version-strip button{width:112px!important;padding:0}.version-strip button img{height:70px!important;object-fit:contain!important}.version-strip button div{padding:5px!important;font-size:11px!important}.version-strip button[aria-pressed=true]{border-color:var(--studio-blue)!important}.version-strip button[aria-pressed=true] div{color:var(--studio-blue)!important}.manifest-box{margin-top:12px;padding:16px;background:var(--surface-3);border-radius:4px;font:12px/1.6 monospace;overflow:auto;max-height:280px;white-space:pre}.loading-indicator{height:28px;width:28px;border:3px solid var(--border);border-top-color:var(--studio-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading-indicator{animation:none}}@media (max-width: 1000px){.app{padding:0 20px 32px}.workspace-layout{grid-template-columns:minmax(300px,1fr) minmax(0,1.5fr);gap:20px}.masthead-status{max-width:180px}}@media (max-width: 760px){.workspace-layout{grid-template-columns:minmax(0,1fr)}.masthead{flex-wrap:wrap;gap:12px}.masthead-title h1{font-size:20px}.masthead-status{max-width:100%;flex:1}.app{padding:0 16px 32px}.panel-body{padding:16px}.generate-actions .button-accent{padding:10px 14px;font-size:12px}}.connection-toolbar{justify-content:flex-end}.adobe-connection{gap:8px}.connection-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%}.connection-dot.connected{background:#54c878}.connection-dot.disconnected{background:#ff6259}.connection-dot.checking{background:#b4b4b4}:root[data-theme=light]{color-scheme:light;--navy:#f5f5f5;--surface:#fff;--surface-2:#fff;--surface-3:#f0f0f0;--surface-4:#e6e6e6;--text-1:#222;--text-2:#454545;--text-3:#626262;--border:#d5d5d5;--border-bright:#858585;--studio-blue:#075db3}:root[data-theme=light] .preview-frame{background:#e8e8e8}:root[data-theme=light] .topical-error{background:#fff1ee;color:#81251d;border-color:#bd655b}@media (max-width:760px){.app .graphic-mode-buttons{display:grid;grid-template-columns:1fr;width:100%}.app .graphic-mode-buttons button{min-width:0;width:100%;white-space:normal}.masthead-title{flex:1 1 calc(100% - 120px)}.app .motion-placeholder{width:100%;min-width:0;aspect-ratio:auto;min-height:260px;overflow-wrap:anywhere}.app .motion-placeholder strong,.app .motion-placeholder p,.app .motion-placeholder small{max-width:100%}}