/* Web-first refinements and account-management layouts. */
.login-recovery{display:block;margin:13px auto 0;border:0;background:transparent;color:var(--accent-dark);font-size:.83rem;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.app-shell{grid-template-columns:252px minmax(0,1fr)}
.topbar{padding:0 clamp(22px,3vw,48px)}
.page{padding:clamp(24px,3vw,42px) clamp(20px,3vw,48px) 58px;max-width:1720px}
.project-grid,.asset-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:18px}
.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:18px;align-items:start}
.settings-grid .panel{padding:24px}
.settings-grid h2{margin-bottom:8px}
.settings-grid>section>p{color:var(--muted);font-size:.9rem;line-height:1.5;margin:0 0 16px}
.account-form{display:grid;gap:4px}
.account-form .button{justify-self:start;margin-top:8px}
.codex-form{display:grid;gap:3px}
.codex-form textarea{min-height:126px;resize:vertical}
.codex-queue{display:grid;gap:9px;margin-top:18px;max-height:360px;overflow:auto}
.codex-request{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fbfcfc}
.codex-request b{display:block;margin:6px 0 4px}.codex-request p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45;white-space:pre-wrap}.codex-request small{color:var(--muted)}
.recovery-code{display:block;margin:14px 0;padding:12px;border-radius:10px;background:#eff8f4;color:var(--accent-dark);font:750 1rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;word-break:break-all}
.clip.dragging{cursor:grabbing;opacity:.48}
.clip.drop-target{background:#d9f4e8;box-shadow:0 0 0 2px var(--accent) inset}
.clip-move-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.clip-move-actions .button{min-height:38px;padding:8px 10px;font-size:.78rem;white-space:nowrap}
.timeline-head{align-items:center}.timeline-head>#render-from-timeline{margin-left:auto}
.codex-live-status{display:grid;gap:8px;margin:14px 0 2px;padding:13px;border:1px solid #b8ddcc;border-radius:12px;background:#f3fbf7}
.codex-live-status-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.84rem}.codex-live-status p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.45}
.codex-progress{height:8px;overflow:hidden;border-radius:99px;background:#dceee5}.codex-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#63bf96);transition:width .35s ease}
.codex-request .codex-progress{height:5px;margin:9px 0 2px}.codex-request[data-status="completed"] .codex-progress i{background:#4fae81}.codex-request[data-status="blocked"] .codex-progress i{background:#db884f}
.field-help{display:block;margin-top:6px;color:var(--muted);font-size:.76rem;font-weight:500;line-height:1.4}.export-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.preview-export{width:min(880px,calc(100vw - 32px))}.preview-export video{display:block;width:100%;max-height:68vh;margin:16px 0;border-radius:12px;background:#101715}.export-details{margin:12px 0;color:var(--muted);font-size:.86rem}.export-details summary{cursor:pointer;font-weight:700}.export-details .field{margin-top:10px;color:var(--text)}
@media(min-width:1440px){.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid{gap:18px}.project-cover{height:145px}}
@media(min-width:761px) and (max-width:1120px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.page{padding-inline:26px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.studio-layout{grid-template-columns:205px minmax(360px,1fr)}}
@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.settings-grid .panel{padding:18px}.account-form .button{width:100%}.codex-request{padding:12px}}