:root{--bg:#0b0d11;--fg:#e6e6e6;--muted:#9aa0a6;--accent:#3b82f6;--accent-hover:#2563eb;--card:#151820;--border:#242933;--banner:#4a3a00}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,sans-serif}header{border-bottom:1px solid var(--border);background:#11141b;padding:0 1rem}nav{flex-wrap:wrap;align-items:center;gap:.25rem 1rem;padding:.25rem 0;display:flex}nav a{min-height:44px;color:var(--muted);align-items:center;padding:0 .25rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}nav a.active{color:var(--accent)}nav a:hover{color:var(--fg)}.nav-count{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.3rem;height:1.3rem;margin-left:.4rem;padding:0 .35rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.nav-count.is-danger{background:#ef4444}.nav-count[hidden]{display:none}@media (width>=768px){header{padding:0 1.5rem}nav{padding:.75rem 0}}main{max-width:1000px;margin:0 auto;padding:1.5rem}h1{margin-top:0;font-size:1.7rem}.banner{background:var(--banner);color:#ffe9a8;border:1px solid #6b5600;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem}.plans{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.plan{background:var(--card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex;position:relative}.plan.popular{border:2px solid var(--accent);background:#121a2c;box-shadow:0 0 0 3px #3b82f62e}.plan.current{background:#10241a;border:2px solid #4ade80;box-shadow:0 0 0 3px #4ade802e}.plan.current h2{color:#86efac}.plan h2{margin:0;font-size:1.1rem}.plan .quota{color:var(--muted);flex:1;font-size:.9rem}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1rem;font-size:.95rem;font-weight:500;transition:background .15s}button:hover{background:var(--accent-hover)}button:disabled{cursor:default;background:#333842}.btn-primary{background:var(--accent)}.btn-secondary{color:#fff;background:#242933}.btn-secondary:hover{background:#2f3642}.muted{color:var(--muted)}.studio-container{flex-direction:column;gap:1.5rem;display:flex}.studio-plan-info{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.studio-actions{flex-wrap:wrap;gap:.5rem;display:flex}.studio-actions button,.studio-actions a{text-align:center;flex:1;justify-content:center;align-items:center;min-height:44px;text-decoration:none;display:flex}.studio-body{flex-direction:column;gap:1.5rem;display:flex}.studio-body.mode-brief #preview-host{order:1}.studio-body.mode-brief .studio-focus{order:2}.studio-body.mode-job .studio-focus{order:1}.studio-body.mode-job #preview-host{order:2}.studio-focus{flex-direction:column;gap:1.5rem;min-width:0;display:flex}.studio-body.mode-job #stage-panel,.studio-body.mode-job #failure-card{order:1}.studio-body.mode-job #stage-error-notice,.studio-body.mode-job #plan-3d-notice{order:2}.studio-body.mode-job #job-downloads{order:3}.studio-body.mode-job #stage-host{order:4}@media (width>=1024px){.studio-body.preview-open{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.studio-body.preview-open #studio-summary{grid-area:1/1/auto/-1}.studio-body.preview-open .studio-focus{grid-area:2/1}.studio-body.preview-open #preview-host{grid-area:2/2/span 6;position:sticky;top:1rem}}@media (width<=768px){.studio-actions{flex-direction:column}.studio-actions button,.studio-actions a{width:100%}main,.controls-card{padding:1rem}.card-grid{grid-template-columns:1fr}.input-mode-toggle{flex-direction:column}.mode-btn{width:100%}.tts-voice-row,.tts-speed-row{flex-direction:column;align-items:flex-start}.tts-voice-row label,.tts-speed-row label{margin-bottom:.25rem}.pipeline-stepper{font-size:.7rem}.step-label{display:none}.step-status{font-size:.75rem}.btn-create{font-size:.9rem}.studio-thumb{width:44px;height:44px}.failure-actions button,.failure-actions a,.preview-actions button,.preview-actions a,.ssml-invalidate-actions button{width:100%;min-height:44px}}.viewport-wrapper{border:1px solid var(--border);aspect-ratio:16/9;background:#000;border-radius:12px;justify-content:center;align-items:center;max-height:660px;display:flex;position:relative;overflow:hidden}.viewport-wrapper.portrait{aspect-ratio:9/16;max-width:380px;margin:0 auto}.viewport-wrapper.landscape{aspect-ratio:16/9;width:100%}.preview-image{object-fit:contain;background:#000;border-radius:12px;width:100%;height:auto;max-height:60vh}canvas{object-fit:contain;width:100%;height:100%;display:block}canvas.shot-editor-active{cursor:grab;touch-action:none}canvas.shot-editor-active:active{cursor:grabbing}.controls-card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.playback-bar{align-items:center;gap:.75rem;display:flex}.btn-play{min-width:90px}#seek-bar{cursor:pointer;accent-color:var(--accent);flex:1}.time-display{color:var(--muted);text-align:right;min-width:95px;font-family:monospace;font-size:.9rem}#btn-play:disabled,#seek-bar:disabled{opacity:.5;cursor:default}.tabs-config{flex-direction:column;gap:1rem;display:flex}input[type=file],textarea{border:1px solid var(--border);color:var(--fg);background:#0d0f14;border-radius:8px;padding:.6rem;font-family:inherit;font-size:.9rem}textarea{resize:vertical;font-family:monospace;font-size:.85rem}input[type=file]{cursor:pointer;width:100%;transition:border-color .15s,background .15s}input[type=file]::file-selector-button{color:var(--fg);cursor:pointer;background:#242933;border:none;border-radius:6px;margin-right:.75rem;padding:.45rem .8rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .15s}input[type=file]:hover{border-color:var(--accent)}input[type=file]:hover::file-selector-button{background:var(--accent)}input[type=file]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#audio-status{color:var(--muted);align-items:center;gap:.4rem;min-height:1.1rem;font-size:.8rem;display:inline-flex}#audio-status:not(:empty):before{content:"";background:#555c66;border-radius:50%;flex-shrink:0;width:8px;height:8px}#audio-status:not(:empty):not([data-error]):before{background:#22c55e}#audio-status[data-error]:before{background:#ef4444}.export-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:absolute;inset:0}.export-spinner{border:3px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.export-text{text-align:center;font-size:.95rem;font-weight:500}.progress-bar-bg{background:#ffffff1a;border-radius:4px;width:100%;max-width:260px;height:8px;overflow:hidden}.progress-bar-fill{background:var(--accent);height:100%;transition:width .1s linear}.director-panel{margin-top:1.5rem}.director-panel h2{margin-bottom:.25rem;font-size:1.3rem}.director-panel h3{margin:1.25rem 0 .5rem;font-size:1.05rem}.artifact-block{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.artifact-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.artifact-label{color:var(--muted);font-size:.9rem;font-weight:600}.artifact-code{color:#b0c4de;white-space:pre;background:#0e1116;border-radius:4px;max-height:160px;margin:0;padding:.5rem;font-size:.78rem;overflow:auto}.btn-copy{background:var(--card);border:1px solid var(--border);color:var(--fg);cursor:pointer;white-space:nowrap;border-radius:5px;min-height:44px;padding:.3rem .75rem;font-size:.8rem}.btn-copy:hover{border-color:var(--accent);color:var(--accent)}.artifact-actions{align-items:center;gap:.5rem;display:flex}.btn-detail{white-space:nowrap;min-height:44px;padding:.3rem .75rem;font-size:.8rem}.camera-plan-textarea{background:var(--card);border:1px solid var(--border);width:100%;color:var(--fg);resize:vertical;border-radius:6px;margin-bottom:.75rem;padding:.75rem;font-family:monospace;font-size:.82rem}.camera-plan-textarea:focus{outline:1px solid var(--accent)}.director-actions{margin-bottom:.75rem}.director-validation,.ssml-result{background:var(--card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.35rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.validation-ok{color:#4ade80;font-weight:600}.validation-warning{color:#facc15;font-size:.9rem}.validation-error{color:#f87171;font-weight:600}.director-error{color:#f87171;padding:.75rem}.ssml-panel{margin-top:1.5rem}.ssml-panel h2{margin-bottom:.25rem;font-size:1.3rem}.ssml-mode{margin-bottom:.75rem;font-size:.85rem}.ssml-label{margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:block}.ssml-actions{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.ssml-actions button{min-height:44px}.ssml-error{color:#f87171;padding:.75rem}.ssml-artifacts{margin-top:1rem}.ssml-artifacts>summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}@media (width>=768px){.ssml-actions{flex-direction:row}.ssml-actions button{flex:0 auto;min-width:10rem}}.knowledge-panel{margin-bottom:1rem}.knowledge-panel>summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.knowledge-note{margin:0 0 .75rem;font-size:.9rem}.knowledge-title{width:100%;min-height:44px;margin-bottom:.75rem}.knowledge-list{margin-bottom:.75rem}.knowledge-list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.knowledge-add{min-height:44px}.knowledge-list-note{margin:.25rem 0 .5rem;font-size:.85rem}.knowledge-rows{flex-direction:column;gap:.5rem;display:flex}.knowledge-row{flex-direction:column;gap:.35rem;display:flex}.knowledge-row input{width:100%;min-height:44px}.knowledge-remove{align-self:flex-end;min-width:44px;min-height:44px}.knowledge-actions{margin:.75rem 0 .25rem}.knowledge-actions button{min-height:44px}@media (width>=768px){.knowledge-row{grid-template-columns:1fr 2fr 1.5fr auto;align-items:center;gap:.5rem;display:grid}.knowledge-remove{align-self:center}.knowledge-actions button{min-width:12rem}}.seek-wrapper{flex-direction:column;flex:1;gap:2px;display:flex}.seek-wrapper input[type=range]{width:100%}.timeline-bar-canvas{border-radius:4px;width:100%;height:23px;display:none}.sync-indicator{background:#0006;border-radius:5px;align-self:flex-start;padding:.2rem .6rem;font-family:monospace;font-size:.8rem;font-weight:600}.input-mode-toggle{border:1px solid var(--border);border-radius:8px;margin:.5rem 0;display:flex;overflow:hidden}.mode-btn{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;padding:.6rem .5rem;font-size:.85rem}.mode-btn.active{background:var(--accent);color:#fff}.script-section{margin:.5rem 0}.script-section textarea{border:1px solid var(--border);resize:vertical;box-sizing:border-box;border-radius:8px;width:100%;min-height:120px;padding:.75rem;font-family:inherit;font-size:.95rem}.script-stats{color:var(--muted);margin-top:.25rem;font-size:.8rem}.text-file-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.text-file-button{min-height:44px}.text-file-hint{font-size:.85rem}.tts-section{margin:.5rem 0}.tts-voice-row,.tts-speed-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.tts-voice-row label,.tts-speed-row label{min-width:80px;font-size:.85rem}.tts-voice-row select,.tts-speed-row input[type=range]{flex:1;min-height:44px}.subtitle-controls{flex-direction:column;gap:.5rem;margin-bottom:.5rem;display:flex}.subtitle-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.subtitle-row>label{min-width:80px;font-size:.85rem}.subtitle-row select{flex:1;min-height:44px}.subtitle-slider{flex:12rem;align-items:center;gap:.5rem;min-width:0;display:flex}.subtitle-slider label{min-width:3.5rem;font-size:.85rem}.subtitle-slider input[type=range]{flex:1;min-height:44px}.subtitle-slider .muted{text-align:right;min-width:2rem;font-size:.8rem}.subtitle-color-swatches{gap:.5rem;display:flex}.subtitle-color-swatch{border:1px solid var(--border);cursor:pointer;border-radius:8px;width:44px;height:44px;padding:0}.subtitle-color-swatch[data-color=white]{background:#fff}.subtitle-color-swatch[data-color=black]{background:#000}.subtitle-color-swatch[data-color=yellow]{background:#ff0}.subtitle-color-swatch[data-color=blue]{background:#00bfff}.subtitle-color-swatch[aria-pressed=true],.subtitle-color-swatch:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tts-advanced{margin-top:.5rem}.tts-advanced summary{cursor:pointer;color:var(--muted);padding:.5rem 0;font-size:.85rem}.tts-advanced input[type=url]{box-sizing:border-box;width:100%;min-height:44px;margin-top:.5rem}.audio-upload-section{margin:.5rem 0}.btn-create{width:100%;min-height:48px;margin-top:1rem;font-size:1rem;font-weight:600}.pipeline-stepper{flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.step{opacity:.4;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;margin:0;padding:0;font-family:inherit;font-size:.8rem;display:flex}.step:disabled{cursor:default}.step.active{opacity:1}.step.complete{opacity:.8}.step.complete .step-num,.step.active .step-num{background:var(--accent);color:#fff}.step:not(:disabled):hover .step-label{text-decoration:underline}.step:not(:disabled):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.step-num{background:var(--border);width:24px;height:24px;color:var(--fg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.step-status{width:100%;color:var(--muted);margin-top:.25rem;font-size:.8rem}.step-status.error{color:#dc2626}.status-pill{border-radius:999px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.status-pending{color:#fff;background:#f59e0b}.status-processing{color:#fff;background:#3b82f6}.status-waiting{color:#fff;background:#8b5cf6;animation:1.5s infinite pulse}.status-done{color:#fff;background:#22c55e}.status-failed{color:#fff;background:#dc2626}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.job-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.job-actions a{text-align:center;flex:1;justify-content:center;align-items:center;min-height:44px;text-decoration:none;display:flex}.director-inline,.ssml-inline{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.hidden{display:none!important}.studio-summary{z-index:20;border:1px solid var(--border);background:#0b0d11f5;border-radius:10px;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex;position:sticky;top:0}.studio-summary-text{flex-flow:wrap;align-items:baseline;gap:.35rem .5rem;min-width:0;display:flex}.summary-job-id{color:var(--muted);font-family:monospace;font-size:.85rem}.summary-sep{color:var(--muted)}.summary-painting-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:22ch;font-size:.9rem;overflow:hidden}.summary-painting-name:empty{display:none}.studio-summary-text #job-load-status{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.85rem;overflow:hidden}.studio-thumb{object-fit:cover;background:#0e1116;border-radius:8px;flex:none;width:48px;height:48px}.studio-thumb.is-empty{background:#0e1116}@media (width>=768px){.studio-thumb{width:56px;height:56px}}.stage-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;min-width:0;padding:1.25rem;display:flex}.stage-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem}.stage-title{margin:0;font-size:1.25rem;line-height:1.4}.stage-note{color:var(--muted);margin:0;line-height:1.5}.stage-progress{align-items:center;gap:.75rem;display:flex}.stage-progress .progress-bar-bg{flex:1}#stage-progress-text{text-align:right;min-width:3rem;font-size:.85rem}.stage-return{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin:0;padding:0;font-size:.85rem;text-decoration:underline}.stage-return:hover{color:var(--fg)}@media (width<=480px){.stage-return{align-items:center;min-height:44px;display:inline-flex}}.stage-back-confirm{color:#fde68a;background:#422006;border:1px solid #b45309;border-radius:8px;flex-direction:column;gap:.75rem;margin-top:.5rem;padding:.875rem;display:flex}.stage-back-confirm p{overflow-wrap:anywhere;margin:0;font-size:.9rem;line-height:1.45}.stage-back-confirm-actions{flex-direction:column;gap:.5rem;display:flex}.stage-back-confirm-actions button{min-height:44px}@media (width>=768px){.stage-back-confirm-actions{flex-flow:wrap;align-items:center}}.failure-card{background:var(--card);border:1px solid #7f1d1d;border-radius:12px;flex-direction:column;gap:.75rem;min-width:0;padding:1.25rem;display:flex}.failure-card h2{margin:0;font-size:1.15rem}.failure-card p{margin:0}.failure-actions{flex-direction:column;gap:.5rem;display:flex}.failure-details pre{white-space:pre-wrap;word-break:break-word;border:1px solid var(--border);background:#0e1116;border-radius:8px;margin:0 0 .5rem;padding:.75rem;font-size:.8rem}@media (width>=768px){.failure-actions{flex-flow:wrap;align-items:center}.failure-actions button,.failure-actions a{min-height:44px}}.preview-host{flex-direction:column;gap:.75rem;min-width:0;display:flex}.preview-heading{margin:0;font-size:.95rem;font-weight:600}.preview-hint{margin:0;font-size:.85rem}.preview-actions{flex-direction:column;gap:.5rem;display:flex}.job-downloads{background:var(--card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.6rem;padding:.75rem .9rem;display:flex}.job-downloads-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem;font-weight:700}.job-downloads-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.job-downloads-actions button,.job-downloads-actions a{border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.5rem .9rem;font-size:.9rem;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}#studio-audio-downloads{display:none}#studio-audio-downloads:not(.hidden){flex-wrap:wrap;gap:.5rem;display:inline-flex}@media (width>=768px){.preview-actions{flex-flow:wrap;align-items:center}.preview-actions button,.preview-actions a{min-height:44px}}#stage-host{flex-direction:column;min-width:0;display:flex}.stage-section{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1.25rem;min-width:0;padding:1.25rem;display:flex}.stage-section[data-stage="5"]:empty{display:none}#narration-editor{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.audio-review{flex-direction:column;gap:1rem;min-width:0;display:flex}.audio-review-settings{margin:0;font-size:.875rem;line-height:1.5}.audio-review-actions{flex-direction:column;gap:.75rem;min-width:0;display:flex}.audio-review-actions button,.audio-review-actions input[type=file]{box-sizing:border-box;min-height:44px}#audio-reupload-section{flex-direction:column;gap:.5rem;margin:0;display:flex}#audio-reupload-section label{font-size:.875rem;font-weight:600}.audio-review-status{min-height:1.25rem;margin:0;font-size:.875rem;line-height:1.5}.band-order-status{min-height:1.25rem;margin:0 0 .5rem;font-size:.875rem;line-height:1.5}.band-order-status:empty{display:none}@media (width>=768px){.audio-review-actions{flex-flow:wrap;align-items:center}#audio-reupload-section{flex-direction:row;align-items:center;gap:.75rem}#audio-reupload-section input[type=file]{flex:12rem;min-width:0}}.ssml-invalidate-warning{color:#fde68a;background:#422006;border:1px solid #b45309;border-radius:8px;flex-direction:column;gap:.75rem;margin:.75rem 0;padding:.875rem;display:flex}.ssml-invalidate-warning p{overflow-wrap:anywhere;margin:0;font-size:.9rem;line-height:1.45}.ssml-invalidate-actions{flex-direction:column;gap:.5rem;display:flex}.ssml-invalidate-actions button{min-height:44px}@media (width>=768px){.ssml-invalidate-actions{flex-flow:wrap;align-items:center}}.view-skeleton{text-align:center;padding:3rem 0}.noscript-note{text-align:center;color:var(--muted);padding:2rem 1rem}.gate{max-width:420px;margin:0 auto}.gate h1{margin-bottom:.5rem;font-size:1.4rem;line-height:1.25}.gate-tagline{margin:0 0 1.25rem}.gate-form{flex-direction:column;gap:.35rem;margin-top:1rem;display:flex}.gate-form label{color:var(--muted);margin-top:.5rem;font-size:.85rem;font-weight:600}.gate-form input{border:1px solid var(--border);width:100%;min-height:44px;color:var(--fg);background:#0d0f14;border-radius:8px;padding:.6rem .75rem;font-family:inherit;font-size:1rem}.gate-form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.gate-form button[type=submit]{width:100%;min-height:44px;margin-top:.75rem}.form-error{color:#f87171;min-height:1.1rem;margin:.5rem 0 0;font-size:.9rem}.form-error:empty{display:none}@media (width>=768px){.gate h1{font-size:1.7rem}}.landing{flex-direction:column;gap:2.5rem;display:flex}.landing a{color:var(--accent)}.landing .landing-cta{color:#fff}.landing .landing-cta-secondary{color:var(--fg)}.landing .plan-cta{color:#fff}.landing :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.landing-hero{flex-direction:column;gap:1.25rem;display:flex}.landing-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.landing-hero h1{margin:.25rem 0 .75rem;font-size:2rem;line-height:1.15}.landing-lede{margin:0;font-size:1.05rem;line-height:1.55}.landing-section-lede,.landing-reassure{color:var(--muted)}.landing-cta-row{flex-direction:column;gap:.75rem;display:flex}.landing-cta,.landing-cta-secondary{text-align:center;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;display:flex}.landing-cta{background:var(--accent)}.landing-cta:hover{background:var(--accent-hover)}.landing-cta-secondary{background:#242933}.landing-cta-secondary:hover{background:#2f3642}.landing-reassure{margin:.75rem 0 0;font-size:.9rem}.landing-reel{border:1px solid var(--border);background:#000;border-radius:12px;position:relative;overflow:hidden}.landing-reel img.landing-reel-poster,.landing-reel video{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.landing-reel-placeholder{background:linear-gradient(#0000,#000000d9 40%);flex-direction:column;gap:.35rem;padding:.75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.landing-badge{background:var(--accent);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:.2rem .55rem;font-size:.7rem;font-weight:700}.landing-reel-note{font-size:.8rem;line-height:1.4}.landing-section{flex-direction:column;gap:.75rem;display:flex}.landing-section h2{margin:0;font-size:1.5rem}.landing-section-lede{margin:0 0 .25rem;line-height:1.55}.landing-steps{gap:1rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.landing-step{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.landing-step-num{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:.6rem;font-weight:700;display:inline-flex}.landing-step h3{margin:0 0 .35rem;font-size:1.05rem}.landing-step p{color:var(--muted);margin:0;line-height:1.5}.landing-features{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.landing-feature{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.1rem}.landing-feature svg{width:26px;height:26px;color:var(--accent);margin-bottom:.6rem;display:block}.landing-feature h3{margin:0 0 .35rem;font-size:1rem}.landing-feature p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.landing-gallery{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.sample-card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.sample-poster{background:var(--bg);position:relative}.sample-poster img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.sample-badge{color:#fff;background:#000000c7;border-radius:999px;padding:.2rem .55rem;font-size:.68rem;font-weight:600;position:absolute;top:.5rem;left:.5rem}.sample-body{flex-direction:column;flex:1;gap:.4rem;padding:.9rem;display:flex}.sample-body h3{margin:0;font-size:.98rem}.sample-body p{margin:0;font-size:.85rem;line-height:1.45}.sample-soon{margin-top:auto;padding-top:.35rem;font-size:.85rem;font-weight:600}.sample-watch{min-height:44px;margin-top:auto}.sample-dialog{background:var(--card);width:min(92vw,560px);color:var(--fg);border:1px solid var(--border);border-radius:12px;padding:0}.sample-dialog::backdrop{background:#000000b3}.sample-dialog video{background:#000;width:100%;max-height:70vh;display:block}.sample-dialog-close{width:calc(100% - 1.5rem);min-height:44px;margin:.75rem}.landing-proof{gap:1rem;display:grid}.proof-card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin:0;padding:1.1rem}.proof-card blockquote{margin:0 0 .6rem;line-height:1.55}.proof-card figcaption{color:var(--muted);font-size:.85rem}.landing-plans{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin-top:.25rem;display:grid}.landing-plan{position:relative}.plan h3{margin:0;font-size:1.1rem}.plan-price{margin:.25rem 0 0;font-size:1.4rem;font-weight:700}.plan-features{color:var(--muted);flex-direction:column;gap:.3rem;margin:.25rem 0 .5rem;padding:0;font-size:.85rem;list-style:none;display:flex}.plan-features li:before{content:"✓";color:var(--accent);margin-right:.4rem}.plan-cta{background:#242933;border-radius:8px;justify-content:center;align-items:center;min-height:44px;margin-top:auto;font-weight:600;text-decoration:none;display:flex}.plan-cta:hover{background:#2f3642}.plan-flag{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.68rem;font-weight:700;position:absolute;top:-.7rem}.plan-flag-popular{background:var(--accent);color:#fff;left:1rem}.plan-flag-current{color:#06210f;background:#4ade80;right:1rem}.email-mask{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.plan-highlight{color:var(--accent);text-transform:capitalize}.landing-plans-more{margin:0}.landing-plans-fallback{margin:0;line-height:1.55}.plan-compare-wrap{margin-top:1.5rem;overflow-x:auto}.plan-compare{border-collapse:collapse;width:100%;min-width:520px;font-size:.9rem}.plan-compare caption{text-align:left;color:var(--fg);margin-bottom:.5rem;font-size:1rem;font-weight:600}.plan-compare th,.plan-compare td{border:1px solid var(--border);text-align:center;padding:.5rem .6rem}.plan-compare thead th{background:#0d0f14}.plan-compare tbody th{text-align:left;color:var(--muted);white-space:nowrap;font-weight:500}.plan-compare .is-current{color:#86efac;background:#10241a;font-weight:600}.landing-faq{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:10px}.faq-item summary{cursor:pointer;align-items:center;gap:.5rem;min-height:44px;padding:.8rem 1rem;font-weight:600;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent);margin-left:auto;font-weight:700}.faq-item[open] summary:after{content:"−"}.faq-body{padding:0 1rem 1rem}.faq-body p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.landing-final-cta{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.landing-final-cta h2{margin:0;font-size:1.5rem}.landing-final-cta .landing-lede{color:var(--muted)}.landing-free-quota{margin:0;font-size:.9rem}.landing-free-quota:empty{display:none}.landing-final-cta .landing-cta{align-self:stretch}.landing-footer{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding-top:1.25rem;display:flex}.landing-footer nav{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.landing-footer a{min-height:44px;color:var(--muted);align-items:center;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.landing-footer a:hover{color:var(--fg)}.landing-copyright{margin:0;font-size:.85rem}.landing-sticky-cta{z-index:20;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:#0b0d11f5;display:flex;position:fixed;bottom:0;left:0;right:0}.landing-sticky-cta[hidden]{display:none}.landing-sticky-cta .landing-cta{flex:1}nav a.nav-anchor{display:none}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (width>=768px){nav a.nav-anchor{display:inline-flex}.landing{gap:3.5rem}.landing-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"copy reel""actions reel";align-items:start;gap:1rem 2.5rem;display:grid}.landing-hero-copy{grid-area:copy}.landing-reel{grid-area:reel}.landing-hero-actions{grid-area:actions}.landing-hero h1{font-size:2.6rem}.landing-cta-row{flex-flow:wrap}.landing-cta,.landing-cta-secondary{padding-inline:1.75rem}.landing-steps,.landing-proof{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-final-cta{text-align:center;align-items:center}.landing-final-cta .landing-cta{align-self:center;padding-inline:2.5rem}.landing-sticky-cta{display:none}}@media (width>=1024px){.landing-hero h1{font-size:3rem}}.auth-view{max-width:420px;margin:0 auto}.auth-view h1{margin-bottom:.5rem;font-size:1.4rem;line-height:1.25}.auth-view>.muted{margin-top:0}.auth-form,.account-form{flex-direction:column;gap:.35rem;margin-top:1rem;display:flex}.auth-form label,.account-form label{color:var(--muted);margin-top:.5rem;font-size:.85rem;font-weight:600}.auth-form input,.account-form input{border:1px solid var(--border);width:100%;min-height:48px;color:var(--fg);background:#0d0f14;border-radius:8px;padding:.6rem .75rem;font-family:inherit;font-size:1rem}.auth-form input:focus-visible,.account-form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.auth-form input[readonly],.account-form input[readonly]{color:var(--muted);background:#10131a}.auth-form button,.account-form button{min-height:48px}.auth-form button[type=submit]{width:100%;margin-top:.75rem}.account-form button{align-self:flex-start}.field-hint{color:var(--muted);margin:.25rem 0 0;font-size:.85rem}.form-error.ok{color:#4ade80}.auth-links{margin-top:1rem;font-size:.95rem}.auth-links a,.auth-card a{color:var(--accent)}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-top:1rem;padding:1.25rem}.auth-card h2{margin:0 0 .5rem;font-size:1.15rem}.auth-card p{margin:0 0 .75rem}.create-error-host:empty{display:none}.verify-card{background:var(--banner);color:#ffe9a8;border:1px solid #6b5600;border-radius:10px;margin:1rem 0;padding:1rem}.verify-card h2{margin:0 0 .5rem;font-size:1.05rem}.verify-card p{margin:0 0 .75rem}.verify-card-actions{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.verify-card-actions button{min-height:48px}.verify-card-actions a{color:#ffe9a8;text-align:center}.toast{left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:50;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;font-size:.95rem;position:fixed;box-shadow:0 6px 24px #00000073}.account-view{flex-direction:column;gap:1.25rem;max-width:640px;margin:0 auto;display:flex}.account-view>h1{margin:0}.account-view button{min-height:48px}.account-section{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.account-section h2{margin:0 0 .5rem;font-size:1.1rem}.account-section h3{margin:0 0 .5rem;font-size:1rem}.account-section p{margin:0 0 .5rem}.account-status{font-size:.95rem}.account-status.ok{color:#4ade80}.account-status.warn{color:#fbbf24}.account-profile{flex-direction:column;gap:.5rem;display:flex}.account-identity{flex-direction:column;gap:.15rem;display:flex}.account-email-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.verify-pill{border:1px solid var(--border);border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.verify-pill.is-ok{color:#86efac;background:#10241a;border-color:#166534}.verify-pill.is-warn{color:#fbbf24;background:#3a2a00;border-color:#6b5600}.account-profile .toolbar{margin-top:.25rem}.account-plan-name{font-weight:600}.account-quota{color:var(--muted)}.account-danger{border-color:#7f1d1d}.account-danger h2{color:#fca5a5}.account-confirm{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.account-confirm input{border:1px solid var(--border);min-height:48px;color:var(--fg);background:#0d0f14;border-radius:8px;padding:.6rem .75rem;font-size:1rem}.btn-danger{background:#b91c1c}.btn-danger:hover{background:#991b1b}.btn-danger:disabled{background:#333842}.api-key-reveal{border:1px solid var(--accent);background:#0d0f14;border-radius:10px;margin-top:1rem;padding:1rem}.api-key-reveal h3{margin:0 0 .35rem}.api-key-value{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;background:#05070a;border-radius:6px;margin:0 0 .75rem;padding:.6rem;font-size:.9rem}@media (width>=768px){.auth-view h1{font-size:1.7rem}.verify-card-actions{flex-flow:wrap;align-items:center}.toast{max-width:360px;left:auto;right:1.5rem}}.plan-badge{letter-spacing:.05em;color:#fff;vertical-align:middle;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.plan-badge.plan-free{background:#6b7280}.plan-badge.plan-hobby{background:#2563eb}.plan-badge.plan-pro{background:#0d9488}.plan-badge.plan-business{background:#7c3aed}.quota-chip{color:#0f172a;vertical-align:middle;background:#f1f5f9;border-radius:999px;align-items:center;min-height:44px;margin-left:8px;padding:0 14px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.quota-chip:hover{background:#e2e8f0}.usage-view{max-width:720px;margin:0 auto;padding:1.5rem 1rem}.usage-page{flex-direction:column;gap:1.5rem;display:flex}.usage-header{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.usage-header h1{margin:0;font-size:1.5rem}.usage-human{color:#475569;margin:0 0 .5rem;font-size:.95rem}.usage-meter{flex-direction:column;gap:1rem;display:flex}.usage-meter-row{flex-direction:column;gap:.35rem;display:flex}.usage-meter-top{justify-content:space-between;align-items:baseline;font-size:.9rem;display:flex}.usage-meter-label{color:#475569;font-weight:600}.usage-meter-value{font-variant-numeric:tabular-nums;font-weight:600}.usage-meter-bar{background:#e2e8f0;border-radius:6px;height:12px;position:relative;overflow:hidden}.usage-meter-fill{background:#0d9488;height:100%;transition:width .2s}.usage-meter-row.meter-warn .usage-meter-fill{background:#d97706}.usage-meter-row.meter-danger .usage-meter-fill{background:#dc2626}.usage-meter-row.meter-uncapped .usage-meter-fill{display:none}.usage-meter-reset{margin:0;font-size:.8rem}.usage-history{flex-direction:column;gap:.5rem;display:flex}.usage-history h2{margin:0 0 .25rem;font-size:1.1rem}.usage-history-list{margin:0;padding:0;list-style:none}.usage-history-row{border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:baseline;min-height:44px;padding:12px 14px;display:flex}.usage-history-period{font-weight:600}.usage-history-videos{color:#475569;font-variant-numeric:tabular-nums}.usage-actions{gap:.75rem;display:flex}.usage-actions .btn-primary,.usage-actions .btn-secondary{min-height:44px}.account-usage-link{color:#2563eb;min-height:44px;padding:0 14px;font-weight:600;line-height:44px;text-decoration:none;display:inline-block}.account-usage-link:hover{text-decoration:underline}@media (width>=768px){.usage-view{padding:2rem 1.5rem}.usage-history-row{padding:14px 16px}}.billing-view{max-width:720px;margin:0 auto;padding:1.5rem 1rem}.billing-page{flex-direction:column;gap:1.25rem;display:flex}.billing-header{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.billing-header h1{margin:0;font-size:1.5rem}.billing-d6-banner{color:#92400e;background:#fef3c7;border:1px solid #fbbf24;border-radius:10px;align-items:center;gap:.5rem;padding:12px 14px;font-size:.95rem;line-height:1.4;display:flex}.billing-summary,.billing-invoices{flex-direction:column;gap:.5rem;display:flex}.billing-summary p,.billing-invoices p{margin:0}.billing-status,.billing-period{color:#475569}.billing-actions{flex-wrap:wrap;gap:.75rem;display:flex}.billing-actions .btn-primary,.billing-actions .btn-secondary{min-height:44px}.billing-invoices h2{margin:0 0 .25rem;font-size:1.1rem}.billing-invoices-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.billing-invoice-row{border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;min-height:44px;padding:12px 14px;display:flex}.billing-invoice-left{flex-direction:column;flex:auto;min-width:0;display:flex}.billing-invoice-date{font-weight:600}.billing-invoice-plan{font-size:.8rem}.billing-invoice-amount{font-variant-numeric:tabular-nums;font-weight:600}.billing-invoice-link{font-size:.85rem}.account-billing-link{color:#2563eb;min-height:44px;padding:0 14px;font-weight:600;line-height:44px;text-decoration:none;display:inline-block}.account-billing-link:hover{text-decoration:underline}@media (width>=768px){.billing-view{padding:2rem 1.5rem}}.billing-success-view,.billing-cancel-view{max-width:720px;margin:0 auto;padding:1.25rem 1rem}.billing-success-view h1,.billing-cancel-view h1{margin:0 0 .75rem;font-size:1.5rem}.billing-success-plan{color:#16a34a;margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.billing-success-timeout h1{color:#b45309}.billing-success-actions,.billing-cancel-actions{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.billing-success-actions a,.billing-cancel-actions a{color:#fff;text-align:center;background:#2563eb;border-radius:8px;min-height:44px;padding:0 14px;font-weight:600;line-height:44px;text-decoration:none;display:inline-block}.billing-success-actions a:hover,.billing-cancel-actions a:hover{background:#1d4ed8}.billing-success-timeout .billing-success-actions a{color:#2563eb;background:#fff;border:1px solid #2563eb}.billing-success-timeout .billing-success-actions a:hover{background:#eff6ff}@media (width>=768px){.billing-success-view,.billing-cancel-view{padding:2rem 1.5rem}.billing-success-actions,.billing-cancel-actions{flex-flow:wrap}}.quota-card{color:#78350f;background:#fef3c7;border:1px solid #fbbf24;border-radius:10px;margin:.75rem 0;padding:.875rem 1rem}.quota-card-headline{margin:0 0 .25rem;font-size:1rem;font-weight:600}.quota-card-detail{margin:0 0 .75rem;font-size:.9rem}.quota-card-actions{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.quota-card-upgrade{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;min-height:44px;padding:0 18px;font-weight:600;line-height:44px;display:inline-block}.quota-card-upgrade:hover{background:#1d4ed8}.quota-card-secondary{margin:0;font-size:.9rem}@media (width>=768px){.quota-card-actions{flex-direction:row;align-items:center;gap:1rem}}.plan-3d-notice{color:#cfe8ff;background:#0c2a44;border:1px solid #2b6cb0;border-radius:8px;margin:.5rem 0;padding:.75rem .875rem;font-size:.9rem;line-height:1.4}.plan-3d-notice a{color:#9ecbff;font-weight:600}.stage-error-notice{color:#fde68a;background:#422006;border:1px solid #b45309;border-radius:8px;align-items:flex-start;gap:.5rem;margin:.5rem 0;padding:.75rem .875rem;font-size:.9rem;line-height:1.4;display:flex}.stage-error-text{overflow-wrap:anywhere;flex:1;min-width:0}.stage-error-dismiss{color:#fde68a;cursor:pointer;background:0 0;border:1px solid #b45309;border-radius:8px;flex:none;min-width:44px;min-height:44px;font-size:1rem;line-height:1}.stage-error-dismiss:hover{background:#78350f}.artifact-hint{margin:0 0 .5rem;font-size:.85rem}.artifact-downloads{flex-direction:column;gap:.5rem;margin-bottom:.5rem;display:flex}.artifact-download{text-align:center;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.5rem .75rem;text-decoration:none;display:flex}.artifact-download.is-disabled{opacity:.55;cursor:not-allowed}@media (width>=768px){.artifact-downloads{flex-flow:wrap}}.collection-source-link{color:#2563eb;font-weight:600;text-decoration:none}.collection-source-link:hover{text-decoration:underline}.image-narration-overlay{z-index:20;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.image-narration-dialog{background:var(--card);width:min(92vw,480px);max-height:90vh;color:var(--fg);border:1px solid var(--border);border-radius:12px;padding:1.25rem;overflow-y:auto}.image-narration-dialog h2{margin:0 0 1rem;font-size:1.15rem}.image-narration-dialog .job-actions{margin-top:1rem}.image-narration-dialog .btn-primary,.image-narration-dialog .btn-secondary{min-height:44px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:start;gap:1rem;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.card.is-clickable{cursor:pointer}.card.is-clickable:hover{border-color:var(--accent)}.card.is-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card.is-active .card-title{color:var(--accent)}.card-badges{flex-wrap:wrap;gap:.35rem;padding:.6rem .75rem 0;display:flex}.card-badge{border:1px solid var(--border);color:var(--muted);background:#0d0f14;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.card-badges .status-pill{margin-bottom:0}.card-thumb{aspect-ratio:16/9;background:var(--bg);width:100%;overflow:hidden}.card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.card-thumb.is-painting{aspect-ratio:4/3}.card-body{flex-direction:column;flex:1;gap:.35rem;min-width:0;padding:.75rem;display:flex}.card-title{overflow-wrap:anywhere;margin:0;font-size:1rem;font-weight:600}.card-meta{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.8rem}.card-desc{color:var(--muted);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;display:-webkit-box;overflow:hidden}.card-actions{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding:0 .75rem .75rem;display:flex}.card-actions button,.card-actions a{text-align:center;border-radius:8px;flex:auto;justify-content:center;align-items:center;min-height:44px;padding:.5rem .75rem;font-size:.9rem;text-decoration:none;display:inline-flex}.form-card .card-body{gap:.25rem}.form-card-title{margin:0;font-size:1.05rem}.form-card .account-form{margin-top:.5rem}.form-card .card-actions{margin-top:.75rem;padding:0}.form-card .card-actions button{align-self:stretch}.form-card .account-form textarea{border:1px solid var(--border);width:100%;min-height:96px;color:var(--fg);background:#0d0f14;border-radius:8px;padding:.6rem .75rem;font-family:inherit;font-size:1rem}.form-card .account-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.page-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.page-head-text{flex-direction:column;gap:.25rem;min-width:0;display:flex}.page-head-text h1,.page-head-text p{margin:0}.icon-btn{border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;display:inline-flex}.account-view .icon-btn{width:44px;min-width:44px;height:44px;min-height:44px}.toolbar{flex-wrap:wrap;gap:.5rem;display:flex}.toolbar button{flex:auto}.list-search-row{margin:0 0 1rem}.create-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1rem;display:flex}.create-row .list-search{flex:16rem}.list-search{border:1px solid var(--border);background:var(--card);width:100%;max-width:28rem;min-height:44px;color:var(--fg);border-radius:8px;padding:.5rem .75rem}.account-section.is-plain{background:0 0;border:none;padding:0}.form-host:empty{display:none}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.pagination button{border-radius:8px;min-width:44px;min-height:44px;padding:.5rem .75rem;font-size:.9rem}.pagination-status{color:var(--muted);white-space:nowrap;font-size:.9rem}.pagination-numbers{gap:.35rem;display:none}.pagination-ellipsis{color:var(--muted);align-self:center}.pagination-number.is-current{border-color:var(--accent);color:var(--accent);font-weight:600}@media (width>=768px){.pagination-numbers{flex-wrap:wrap;display:inline-flex}.pagination-status{display:none}}