:root{color-scheme:light;--bg: #f4f4f8;--panel: #ffffff;--panel-2: #f1f5f9;--line: #e2e8f0;--text: #0f172a;--muted: #64748b;--cyan: #6366f1;--blue: #4f46e5;--green: #059669;--red: #dc2626;--hero: #1e1b4b;--accent-ink: #ffffff;--radius: .625rem}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Figtree,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}.app-shell{min-height:0;padding:1.25rem 1.5rem 1.5rem;background:var(--bg)}.studio-load-note,.studio-load-error{margin:0 0 .75rem;font-size:.875rem}.studio-load-note{color:var(--muted)}.studio-load-error{color:var(--red)}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:1rem;max-width:1480px;margin:0 auto;height:100%}.main-column{display:grid;gap:1rem;align-content:start;min-width:0;min-height:0;overflow:auto}.control-panel,.preview-wrap,.timeline-editor{border:1px solid var(--line);background:var(--panel);box-shadow:none}.control-panel{min-height:0;height:100%;overflow:auto;padding:1.35rem 1.25rem;border-radius:var(--radius)}.panel-heading{display:flex;align-items:center;gap:.85rem;margin-bottom:1.35rem}.icon-badge,.point-icon{display:grid;place-items:center;color:var(--accent-ink);background:var(--cyan)}.icon-badge{width:2.5rem;height:2.5rem;border-radius:.65rem;flex-shrink:0}.eyebrow{margin:0 0 .2rem;color:var(--cyan);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}h1{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--text)}.upload-form{display:grid;gap:1rem}.drop-zone{display:grid;place-items:center;gap:.55rem;min-height:9rem;padding:1.1rem;border:1px dashed #c7cdd8;border-radius:var(--radius);color:var(--muted);cursor:pointer;text-align:center;background:var(--panel-2);transition:border-color .15s,background .15s}.drop-zone:hover{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 6%,white)}.drop-zone input{display:none}fieldset{min-width:0;margin:0;padding:.85rem;border:1px solid var(--line);border-radius:var(--radius);background:transparent}legend{display:flex;align-items:center;gap:.4rem;padding:0 .45rem;color:var(--muted);font-size:.75rem;font-weight:700}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.segmented-control.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control button,.preview-toolbar button,.primary-action,.secondary-action{border:0;border-radius:.5rem;cursor:pointer;font-weight:700}.segmented-control button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.6rem .45rem;color:var(--muted);background:var(--panel-2);border:1px solid transparent}.segmented-control button.active{color:var(--accent-ink);background:var(--cyan)}.field-note{margin:.5rem 0 0;color:var(--muted);font-size:.75rem;line-height:1.4}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;color:var(--accent-ink);background:var(--cyan)}.primary-action:hover:not(:disabled){background:var(--blue)}.primary-action:disabled{cursor:not-allowed;opacity:.5}.secondary-action{min-height:2.5rem;color:var(--text);background:var(--panel-2);border:1px solid var(--line)!important}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-message{margin:1rem 0 0;padding:.75rem .85rem;border-radius:var(--radius);font-size:.875rem;line-height:1.45;border:1px solid var(--line);background:var(--panel-2);color:var(--text)}.status-message.error{color:var(--red);border-color:color-mix(in srgb,var(--red) 28%,white);background:color-mix(in srgb,var(--red) 8%,white)}.result-card{display:grid;gap:.2rem;margin-top:1rem;padding:.85rem;border:1px solid color-mix(in srgb,var(--green) 28%,white);border-radius:var(--radius);background:color-mix(in srgb,var(--green) 8%,white)}.result-card span{color:var(--muted);font-size:.8rem}.job-progress{display:grid;gap:.5rem;margin-top:1rem;padding:.85rem;border:1px solid color-mix(in srgb,var(--cyan) 22%,white);border-radius:var(--radius);background:color-mix(in srgb,var(--cyan) 6%,white)}.job-progress div{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.8rem;font-weight:700}.job-progress strong{color:var(--text)}.job-progress progress{width:100%;height:.4rem;overflow:hidden;border:0;border-radius:999px;background:var(--panel-2)}.job-progress progress::-webkit-progress-bar{background:var(--panel-2)}.job-progress progress::-webkit-progress-value{background:var(--cyan)}.job-progress progress::-moz-progress-bar{background:var(--cyan)}.preview-wrap{position:relative;min-height:auto;padding:.75rem;border-radius:var(--radius)}.preview-wrap--empty{display:grid;place-items:center;min-height:min(52vh,420px);padding:2rem 1.5rem}.preview-empty{display:grid;justify-items:center;gap:.65rem;max-width:22rem;text-align:center}.preview-empty__icon{width:3.25rem;height:3.25rem;border-radius:.75rem;display:grid;place-items:center;background:color-mix(in srgb,var(--cyan) 12%,white);color:var(--cyan);margin-bottom:.25rem}.preview-empty h2{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.preview-empty p{margin:0;font-size:.9rem;line-height:1.5;color:var(--muted)}.preview-toolbar{position:absolute;top:1.25rem;right:1.25rem;z-index:10;display:flex;align-items:center;gap:.4rem;padding:.4rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0f172ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.preview-toolbar button{display:inline-grid;place-items:center;min-width:2.25rem;min-height:2rem;padding:.45rem .7rem;color:#f8fafc;background:#ffffff1a}.volume-slider{width:90px;accent-color:#a5b4fc}.preview-toolbar span{color:#f8fafcb3;font-size:.8rem;font-weight:700}.animated-stage{position:relative;width:100%;aspect-ratio:16 / 9;height:auto;max-height:min(56vh,620px);overflow:hidden;border:1px solid #1e293b;border-radius:calc(var(--radius) - 2px);background:#0f172a}.format-portrait .animated-stage{width:min(100%,520px);aspect-ratio:9 / 16;max-height:min(76vh,820px);margin:0 auto}.timeline-editor{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.75rem;max-height:min(62vh,720px);overflow:hidden;padding:.85rem;border-radius:var(--radius)}.timeline-editor.empty{color:var(--muted);overflow:visible;display:grid;place-items:center;min-height:7.5rem;padding:1.5rem}.empty-editor{display:grid;gap:.35rem;text-align:center;max-width:26rem}.empty-editor strong{font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.empty-editor span{font-size:.85rem;line-height:1.45;color:var(--muted)}.editor-chrome{position:sticky;top:0;z-index:12;display:grid;gap:.65rem;min-width:0;padding-bottom:.65rem;border-bottom:1px solid var(--line);background:var(--panel)}.timeline-editor label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.layout-editor,.trim-editor,.design-panel{display:grid;gap:8px}.control-title{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.layout-control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.layout-control button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:1px solid var(--line);border-radius:.5rem;color:var(--muted);background:var(--panel-2);cursor:pointer;font-weight:700}.layout-control button.active{color:var(--accent-ink);border-color:transparent;background:var(--cyan)}.design-panel{padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.fit-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.fit-control button{min-height:36px;border:1px solid var(--line);border-radius:.5rem;color:var(--muted);background:var(--panel-2);cursor:pointer;font-weight:700}.fit-control button.active{color:var(--accent-ink);border-color:transparent;background:var(--green)}.range-field{grid-template-columns:minmax(118px,.8fr) minmax(140px,1fr) 52px;align-items:center;gap:8px!important;text-transform:none!important;letter-spacing:0!important}.range-field span{display:inline-flex;align-items:center;gap:6px}.range-field input[type=range]{min-height:auto;padding:0;accent-color:var(--cyan)}.range-field output{color:var(--text);font-size:12px;font-weight:900;text-align:right}.timeline-editor input,.timeline-editor textarea,.timeline-editor select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:.5rem;padding:8px 10px;color:var(--text);background:#fff;outline:none}.timeline-editor input:focus,.timeline-editor textarea:focus,.timeline-editor select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 18%,transparent)}.timeline-editor textarea{resize:vertical;min-height:58px;line-height:1.35}.editor-header,.point-editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-header strong{display:block;font-size:18px;max-width:720px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-action,.download-link,.point-editor-header button,.point-editor button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:.5rem;cursor:pointer;color:var(--accent-ink);background:var(--cyan);font-weight:700;text-decoration:none}.export-action,.download-link,.point-editor-header button{padding:10px 12px}.export-action:disabled{cursor:progress;opacity:.65}.point-editor-header>div{display:grid;gap:2px}.point-editor-header span{color:var(--muted);font-size:12px;font-weight:800}.point-editor-header button:disabled{cursor:not-allowed;opacity:.5}.download-link{width:fit-content;background:var(--green)}.export-preview-panel{display:grid;grid-template-columns:minmax(180px,280px) auto;align-items:center;gap:10px}.export-preview-panel video{width:100%;aspect-ratio:16 / 9;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#0f172a}.scene-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:thin}.scene-tabs button{width:34px;height:34px;flex:0 0 auto;border:1px solid var(--line);border-radius:.5rem;color:var(--muted);background:var(--panel-2);cursor:pointer;font-weight:700}.scene-tabs button.active{color:var(--accent-ink);border-color:transparent;background:var(--cyan)}.editor-content{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(460px,1.2fr);align-items:start;gap:14px;min-height:0;overflow:auto;padding-right:4px}.scene-field-grid{display:grid;gap:10px}.time-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.points-panel{min-width:0;display:grid;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.point-editor-list{display:grid;gap:8px;max-height:310px;overflow:auto;padding-right:4px}.point-editor{display:grid;grid-template-columns:38px minmax(130px,.9fr) minmax(190px,1.45fr) minmax(84px,.45fr) 38px;align-items:end;gap:8px;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.point-editor label{gap:5px;min-width:0;font-size:10px;letter-spacing:.04em}.point-editor-index{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;color:var(--accent-ink);background:var(--cyan);font-size:16px;font-weight:800}.point-editor button{min-height:38px;background:var(--red)}.grid-layer{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background-image:linear-gradient(rgba(165,180,252,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(165,180,252,.06) 1px,transparent 1px);background-size:74px 74px;transform:rotate(-7deg);animation:gridMove 24s linear infinite}@keyframes gridMove{to{translate:-74px -74px}}.video-block{position:absolute;z-index:2;padding:10px;border-radius:28px;background:linear-gradient(135deg,#6366f173,#1e1b4b1f);transition:all .8s cubic-bezier(.2,.9,.2,1)}.layout-cover .video-block,.layout-full .video-block{top:0;right:0;bottom:0;left:0;padding:0;border-radius:0;opacity:.54}.layout-right .video-block{top:50%;right:7%;width:34%;height:66%;transform:translateY(-50%)}.layout-left .video-block{top:50%;left:7%;width:34%;height:66%;transform:translateY(-50%)}.layout-center .video-block{top:7%;left:50%;width:min(58%,720px);height:46%;transform:translate(-50%)}.format-portrait.layout-left .video-block{top:9%;right:8%;left:8%;width:auto;height:31%;transform:none}.format-portrait.layout-right .video-block{top:57%;right:8%;left:8%;width:auto;height:31%;transform:none}.format-portrait.layout-center .video-block{top:8%;left:7%;width:86%;height:40%;transform:none}.video-inner{position:relative;overflow:hidden;display:grid;place-items:center;align-content:center;gap:.65rem;width:100%;height:100%;border:1px solid rgba(255,255,255,.1);border-radius:1rem;color:#e2e8f0b8;background:#0f172ad1;font-size:.85rem;font-weight:600}.video-inner video{width:100%;height:100%;transform:translate(var(--video-x, 0),var(--video-y, 0)) scale(var(--video-zoom, 1));transform-origin:center}.layout-cover .video-inner,.layout-full .video-inner{border-radius:0}.scene-content{position:absolute;z-index:4;top:50%;width:min(48%,690px);max-height:min(calc(82% * var(--section-scale, 1)),94%);overflow:hidden;padding:24px 26px 26px 30px;border-left:5px solid #818cf8;border-radius:8px;background:rgba(15,23,42,var(--panel-opacity, .78));box-shadow:0 12px 40px #00000047;transform:translateY(-50%)}.layout-right .scene-content{left:7%;width:min(calc(48% * var(--section-scale, 1)),calc(690px * var(--section-scale, 1)));animation:contentFromLeft .72s cubic-bezier(.2,.9,.2,1) both}.layout-cover .scene-content,.layout-full .scene-content{left:6%;width:min(calc(44% * var(--section-scale, 1)),calc(660px * var(--section-scale, 1)));animation:contentFromLeft .72s cubic-bezier(.2,.9,.2,1) both}.layout-left .scene-content{right:7%;width:min(calc(48% * var(--section-scale, 1)),calc(690px * var(--section-scale, 1)));animation:contentFromRight .72s cubic-bezier(.2,.9,.2,1) both}.layout-center .scene-content{top:auto;right:7%;bottom:6%;left:7%;width:auto;max-height:min(calc(42% * var(--section-scale, 1)),54%);transform:none;animation:contentFromBottom .72s cubic-bezier(.2,.9,.2,1) both}.format-portrait .scene-content{top:auto;right:7%;left:7%;width:auto;max-height:none;padding:22px 22px 24px 26px;transform:none}.format-portrait.layout-left .scene-content{top:44%;bottom:10%;animation:contentFromBottom .72s cubic-bezier(.2,.9,.2,1) both}.format-portrait.layout-right .scene-content{top:10%;bottom:48%;animation:contentFromTop .72s cubic-bezier(.2,.9,.2,1) both}.format-portrait.layout-center .scene-content{top:51%;bottom:10%;animation:contentFromBottom .72s cubic-bezier(.2,.9,.2,1) both}.format-portrait.layout-cover .scene-content,.format-portrait.layout-full .scene-content{top:12%;bottom:auto;width:78%;max-height:62%;animation:contentFromLeft .72s cubic-bezier(.2,.9,.2,1) both}.layout-center .scene-content h2{max-height:126px;font-size:calc(clamp(28px,3vw,46px) * var(--font-scale, 1))}.layout-center .point-stack{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.format-portrait .layout-center .point-stack,.format-portrait .point-stack{grid-template-columns:1fr;max-height:44%}.layout-center .scene-point{width:100%;min-width:0}.kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#c7d2fe;background:#0f172ab8;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;animation:revealUp .6s ease both}.kicker span{width:8px;height:8px;border-radius:999px;background:#818cf8;box-shadow:none}.scene-content h2{display:grid;gap:2px;margin:16px 0 0;max-width:100%;max-height:245px;overflow:hidden;font-size:calc(clamp(34px,3.4vw,58px) * var(--font-scale, 1));line-height:1.04;font-weight:950;letter-spacing:0;overflow-wrap:anywhere;animation:revealUp .7s .12s ease both}.format-portrait .scene-content h2{font-size:calc(clamp(34px,5.8vw,58px) * var(--font-scale, 1));max-height:200px}.format-portrait .scene-content.is-balanced h2{font-size:calc(clamp(30px,5.2vw,48px) * var(--font-scale, 1));max-height:176px}.format-portrait .scene-content.is-dense h2{font-size:calc(clamp(25px,4.4vw,38px) * var(--font-scale, 1));max-height:146px}.scene-content.is-balanced h2{font-size:calc(clamp(30px,3vw,48px) * var(--font-scale, 1));max-height:220px}.scene-content.is-dense h2{font-size:calc(clamp(24px,2.45vw,38px) * var(--font-scale, 1));line-height:1.08;max-height:190px}.scene-content h2 span,.scene-content h2 em{display:block}.scene-content h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#fff,#a5b4fc 58%,#6366f1);-webkit-background-clip:text;background-clip:text}.point-stack{display:grid;gap:9px;margin-top:20px;max-height:185px;overflow:hidden}.scene-point{display:flex;align-items:center;gap:12px;width:fit-content;min-width:250px;max-width:100%;padding:calc(10px * var(--point-scale, 1)) calc(13px * var(--point-scale, 1));border:1px solid rgba(165,180,252,.22);border-radius:8px;background:#ffffff14;animation:pointIn .62s cubic-bezier(.2,.9,.2,1) both;animation-delay:calc(.42s + var(--i) * .15s)}.point-icon{width:calc(36px * var(--point-scale, 1));height:calc(36px * var(--point-scale, 1));flex:0 0 auto;border-radius:8px;font-size:calc(15px * var(--point-scale, 1));font-weight:950}.scene-point strong,.scene-point small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-point small{margin-top:3px;color:var(--muted)}.format-portrait .scene-point{width:100%;min-width:0}@keyframes revealUp{0%{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes pointIn{0%{opacity:0;transform:translateY(18px) scale(.98);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes contentFromLeft{0%{opacity:0;transform:translate(-42px,-50%);filter:blur(8px)}to{opacity:1;transform:translateY(-50%);filter:blur(0)}}@keyframes contentFromRight{0%{opacity:0;transform:translate(42px,-50%);filter:blur(8px)}to{opacity:1;transform:translateY(-50%);filter:blur(0)}}@keyframes contentFromBottom{0%{opacity:0;transform:translateY(36px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes contentFromTop{0%{opacity:0;transform:translateY(-36px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(max-width:980px){.workspace{grid-template-columns:1fr}.control-panel,.preview-wrap{min-height:auto}.editor-content,.scene-field-grid,.point-editor,.layout-control,.fit-control,.range-field,.export-preview-panel,.time-field-grid{grid-template-columns:1fr}.scene-content{left:32px!important;right:32px!important;width:auto;padding:20px}.layout-center .point-stack{grid-template-columns:1fr}.scene-content h2{font-size:calc(clamp(38px,9vw,68px) * var(--font-scale, 1))}}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-layout .app-shell{flex:1;overflow:hidden}.topbar{display:flex;align-items:center;gap:1rem;padding:0 1.25rem;height:3.25rem;background:#fff;border-bottom:1px solid var(--line);flex-shrink:0;z-index:100}.topbar-brand{flex:0 0 auto;display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit}.topbar-mark{width:1.85rem;height:1.85rem;border-radius:.5rem;display:grid;place-items:center;background:var(--cyan);color:var(--accent-ink);flex-shrink:0}.topbar-logo{font-weight:700;font-size:.95rem;color:var(--text);letter-spacing:-.02em}.topbar-nav{display:flex;gap:.2rem;flex:1}.topbar-link{padding:.35rem .8rem;border-radius:.45rem;font-size:.85rem;font-weight:600;color:var(--muted);text-decoration:none;transition:color .15s,background .15s}.topbar-link:hover{color:var(--text);background:var(--panel-2)}.topbar-link.active{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 10%,white)}.topbar-user{display:flex;align-items:center;gap:.65rem;margin-left:auto}.topbar-email{font-size:.78rem;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-plan{font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:.35rem;background:color-mix(in srgb,var(--cyan) 10%,white);color:var(--cyan);border:1px solid color-mix(in srgb,var(--cyan) 22%,white)}.topbar-logout{font-size:.78rem;font-weight:600;padding:.35rem .75rem;border-radius:.45rem;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.topbar-logout:hover{color:var(--text);border-color:#cbd5e1;background:var(--panel-2)}.dashboard{flex:1;overflow-y:auto;padding:1.5rem 1.75rem 2rem;background:var(--bg)}.dashboard-banner{background:color-mix(in srgb,var(--green) 8%,white);border:1px solid color-mix(in srgb,var(--green) 22%,white);color:var(--green);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1.25rem;font-size:.85rem}.dashboard-grid{display:grid;grid-template-columns:280px 1fr;gap:1.1rem;align-items:start;max-width:1180px}.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:none}.dashboard-section-title{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 1rem}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.dashboard-section-header .dashboard-section-title{margin-bottom:0}.plan-badge{display:inline-block;font-size:.8rem;font-weight:700;padding:.25rem .7rem;border-radius:.4rem;background:color-mix(in srgb,var(--cyan) 10%,white);color:var(--cyan);border:1px solid color-mix(in srgb,var(--cyan) 22%,white);margin-bottom:1.1rem}.usage-meter{margin-bottom:.85rem}.usage-meter-label{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);margin-bottom:.35rem;font-weight:600}.usage-bar{height:6px;background:var(--panel-2);border-radius:3px;overflow:hidden}.usage-bar-fill{height:100%;border-radius:3px;transition:width .4s}.upgrade-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:1.25rem}.upgrade-coming-soon{margin-top:1.25rem;padding:.85rem 1rem;border-radius:var(--radius);border:1px dashed var(--line);background:var(--panel-2)}.upgrade-soon-label{margin:0 0 .35rem;font-size:.8rem;font-weight:700;color:var(--text)}.upgrade-soon-copy{margin:0;font-size:.75rem;color:var(--muted);line-height:1.5}.btn-upgrade{padding:.6rem 1rem;border-radius:.5rem;border:none;background:var(--cyan);color:var(--accent-ink);font-weight:700;font-size:.82rem;cursor:pointer;transition:background .15s}.btn-upgrade:hover{background:var(--blue)}.btn-upgrade--secondary{background:#fff;color:var(--text);border:1px solid var(--line)}.btn-upgrade--secondary:hover{border-color:var(--cyan);color:var(--cyan);background:#fff}.btn-new-project{font-size:.8rem;padding:.4rem .85rem;border-radius:.5rem;background:var(--cyan);color:var(--accent-ink);font-weight:700;text-decoration:none;transition:background .15s}.btn-new-project:hover{background:var(--blue)}.projects-table{width:100%;border-collapse:collapse;font-size:.85rem}.projects-table th{text-align:left;padding:.55rem .75rem;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.projects-table td{padding:.75rem;border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle}.projects-table tr:last-child td{border-bottom:none}.projects-table tbody tr:hover td{background:color-mix(in srgb,var(--cyan) 4%,white)}.project-name{font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-date{color:var(--muted)}.project-open-link{color:var(--cyan);text-decoration:none;font-size:.8rem;font-weight:700}.project-open-link:hover{text-decoration:underline}.status-badge{display:inline-block;font-size:.72rem;padding:.2rem .5rem;border-radius:.35rem;font-weight:600}.status-badge--export_ready,.status-badge--scene_plan_ready{background:color-mix(in srgb,var(--green) 10%,white);color:var(--green)}.status-badge--failed,.status-badge--export_failed,.status-badge--cancelled{background:color-mix(in srgb,var(--red) 10%,white);color:var(--red)}.status-badge--exporting,.status-badge--queued,.status-badge--export_queued{background:color-mix(in srgb,var(--blue) 10%,white);color:var(--blue)}.dashboard-muted{font-size:.85rem;color:var(--muted)}.dashboard-error{font-size:.85rem;color:var(--red)}@media(max-width:680px){.dashboard-grid{grid-template-columns:1fr}.dashboard{padding:1rem}}.sc-auth{--sc-ink: #0f172a;--sc-hero: #1e1b4b;--sc-hero-fg: #f8fafc;--sc-dim: rgba(248, 250, 252, .72);--sc-faint: rgba(248, 250, 252, .48);--sc-hair: rgba(248, 250, 252, .14);--sc-accent: #6366f1;--sc-accent-ink: #ffffff;--sc-bg: #f4f4f8;--sc-fg: #0f172a;--sc-muted: #64748b;--sc-border: #e2e8f0;--sc-danger: #dc2626;--sc-ok: #059669;--sc-radius: .625rem;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;background:var(--sc-bg);color:var(--sc-fg);font-family:Figtree,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}@media(min-width:960px){.sc-auth{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:1fr;height:100vh;height:100dvh;overflow:hidden}}.sc-auth__hero{display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden;padding:clamp(1.5rem,4vh,2.75rem) clamp(1.35rem,3.5vw,3rem);background:var(--sc-hero);color:var(--sc-hero-fg)}.sc-auth__brand{display:flex;align-items:center;gap:.75rem}.sc-auth__mark{width:2.35rem;height:2.35rem;border-radius:.65rem;display:grid;place-items:center;background:var(--sc-accent);color:var(--sc-accent-ink);flex-shrink:0}.sc-auth__brand strong{display:block;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}.sc-auth__brand small{display:block;margin-top:.1rem;font-size:.78rem;color:var(--sc-faint)}.sc-auth__hero-copy{max-width:28rem}.sc-auth__hero-copy h1{margin:0 0 .75rem;font-size:clamp(1.65rem,3.2vw,2.35rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--sc-hero-fg)}.sc-auth__hero-copy p{margin:0;font-size:.98rem;line-height:1.55;color:var(--sc-dim)}.sc-auth__tape{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.sc-auth__tape li{display:flex;align-items:center;gap:.65rem;font-size:.9rem;color:var(--sc-dim)}.sc-auth__tape svg{flex-shrink:0;color:#a5b4fc}.sc-auth__timeline{margin-top:auto;display:none;gap:.55rem}@media(min-width:960px){.sc-auth__timeline{display:grid}}.sc-auth__clip{display:grid;grid-template-columns:3.25rem 1fr;align-items:center;gap:.75rem;padding:.7rem .85rem;border:1px solid var(--sc-hair);border-radius:var(--sc-radius);background:#ffffff0a}.sc-auth__clip span{font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--sc-faint)}.sc-auth__clip em{font-style:normal;font-size:.88rem;font-weight:600;letter-spacing:-.01em}.sc-auth__clip--a{border-left:3px solid #818cf8}.sc-auth__clip--b{border-left:3px solid #c084fc}.sc-auth__clip--c{border-left:3px solid #67e8f9}.sc-auth__panel{display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,4vh,2.5rem) clamp(1.25rem,4vw,2.5rem);background:var(--sc-bg)}.sc-auth__form-wrap{width:100%;max-width:22.5rem}.sc-auth__header{margin-bottom:1.75rem}.sc-auth__header h2{margin:0 0 .4rem;font-size:1.45rem;font-weight:700;letter-spacing:-.025em;color:var(--sc-ink)}.sc-auth__header p{margin:0;font-size:.92rem;color:var(--sc-muted);line-height:1.45}.sc-auth__form{display:flex;flex-direction:column;gap:1rem}.sc-auth__field{display:flex;flex-direction:column;gap:.35rem}.sc-auth__label{font-size:.8rem;font-weight:600;color:var(--sc-ink)}.sc-auth__input{width:100%;box-sizing:border-box;padding:.7rem .85rem;border:1px solid var(--sc-border);border-radius:var(--sc-radius);background:#fff;color:var(--sc-ink);font-size:.95rem;transition:border-color .15s ease}.sc-auth__input:focus{outline:none;border-color:var(--sc-accent);box-shadow:0 0 0 3px #6366f126}.sc-auth__hint{font-size:.75rem;color:var(--sc-muted)}.sc-auth__error,.sc-auth__success{margin:0;padding:.6rem .75rem;border-radius:var(--sc-radius);font-size:.82rem;line-height:1.4}.sc-auth__error{color:var(--sc-danger);background:#fef2f2;border:1px solid #fecaca}.sc-auth__success{color:var(--sc-ok);background:#ecfdf5;border:1px solid #a7f3d0}.sc-auth__submit{margin-top:.25rem;padding:.75rem 1rem;border:none;border-radius:var(--sc-radius);background:var(--sc-accent);color:var(--sc-accent-ink);font-size:.95rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:filter .15s ease}.sc-auth__submit:hover:not(:disabled){filter:brightness(1.06)}.sc-auth__submit:disabled{opacity:.55;cursor:not-allowed}.sc-auth__footer{margin:1.35rem 0 0;text-align:center;font-size:.85rem;color:var(--sc-muted)}.sc-auth__link{color:var(--sc-accent);font-weight:600;text-decoration:none}.sc-auth__link:hover{text-decoration:underline}