@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;src:url(/fonts/NotoSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Noto Sans;src:url(/fonts/NotoSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Noto Sans;src:url(/fonts/NotoSans-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:block}@font-face{font-family:Noto Sans;src:url(/fonts/NotoSans-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:block}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:block}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:block}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:block}@font-face{font-family:Poppins;src:url(/fonts/Poppins-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:block}@font-face{font-family:Oswald;src:url(/fonts/Oswald-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Oswald;src:url(/fonts/Oswald-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Anton;src:url(/fonts/Anton-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Bangers;src:url(/fonts/Bangers-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Permanent Marker;src:url(/fonts/PermanentMarker-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}html{zoom:.75}:root{--app-zoom: .75;font-family:Inter Variable,Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;font-weight:400;--bg: #060910;--panel: #0d1320;--panel2: #141c2b;--surface-hover: #1d283a;--border: #1e2636;--border-strong: #323c50;--surface-sunken: #0a0f19;--muted: #c4bdaf;--accent: #e8a821;--accent-hover: #f2bc4b;--accent-soft: #24211b;--on-accent: #172554;--text: #fff0da;--radius: 4px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:360px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button,a,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button{transition:background .15s,border-color .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;text-decoration:none}button{color:inherit}input,textarea{min-width:0}h1,h2,h3,h4,p{margin:0}h2{font-size:14px;font-weight:600;letter-spacing:-.2px}h3{font-size:17px;font-weight:560;letter-spacing:-.5px}h4{font-size:12px;font-weight:550}.app-shell{--shell-pad: 32px;height:100%;display:flex;flex-direction:column;overflow:hidden}.app-shell>:not(.workspace-grid){flex-shrink:0}.app-shell>.banner{margin-left:var(--shell-pad);margin-right:var(--shell-pad)}.app-header{height:56px;padding:0 var(--shell-pad);display:flex;align-items:center;gap:28px}.brand{font-size:26px;letter-spacing:-1.3px;font-weight:680;display:flex;align-items:center;gap:9px}.brand-logo{display:block;width:144px;height:auto;flex-shrink:0}.brand-icon{display:block;width:72px;height:72px;padding:5px;border-radius:18px;background:var(--text)}.beta-tag{font-size:8px;letter-spacing:1px;border:1px solid var(--border-strong);border-radius:var(--radius);padding:4px 5px;color:var(--muted);margin:5px 0 0 2px}.project-name{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:var(--muted)}.header-divider{height:24px;width:1px;background:var(--border);margin-right:12px}.project-name input{background:none;border:0;color:var(--text);width:160px;font-size:12px}.tiny-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;flex-shrink:0}.save-status{font-size:10px;white-space:nowrap;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:10px}.primary-button,.secondary-button,.small-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:var(--radius);min-height:37px;padding:9px 14px;font-size:12px;font-weight:550;white-space:nowrap}.primary-button{background:var(--accent);border:1px solid var(--accent);color:var(--on-accent);box-shadow:0 2px 8px #0002}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.secondary-button,.small-button{background:var(--surface-hover);border:1px solid var(--border-strong);color:var(--text)}.secondary-button:hover:not(:disabled),.small-button:hover:not(:disabled){background:var(--border-strong)}.small-button{min-height:30px;font-size:11px;padding:5px 9px}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--muted);border-radius:var(--radius);flex-shrink:0}.icon-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.icon-button.danger:hover{color:#ffbca4}.workspace-heading{display:flex;align-items:center;gap:35px;padding:26px 0 23px}.eyebrow{font-size:9px;letter-spacing:1.65px;font-weight:650;color:var(--muted)}.workspace-heading h1{font-size:32px;letter-spacing:-1.4px;font-weight:520;margin-top:5px}.workspace-heading>p{font-size:12px;line-height:1.8;color:var(--text);border-left:1px solid var(--border-strong);padding-left:30px;margin-left:4px}.workspace-heading>p span{color:var(--muted)}.workflow{margin-left:auto;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:10px}.workflow>span{display:flex;align-items:center;gap:7px}.workflow b{font-weight:500;font-size:11px}.workflow .current,.workflow .complete{color:var(--accent)}.workflow .current b{color:var(--text)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);grid-template-rows:minmax(0,1fr);flex:1;min-height:0;border-top:1px solid var(--border);overflow:hidden;background:var(--panel)}.workspace-center{display:flex;flex-direction:column;min-height:0;min-width:0}.workspace-preview{display:flex;flex-direction:column;flex:1;min-height:0}.workspace-side{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--border);background:var(--panel)}.workspace-preview>*{flex:1;min-height:0}.empty-upload{display:flex;align-items:center;justify-content:center;padding:40px;min-height:0}.upload-dropzone{width:min(420px,100%);background:var(--panel2);border:1px dashed var(--muted);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:56px 30px;text-align:center}.upload-dropzone:hover:not(:disabled),.upload-dropzone.dragging{background:var(--surface-hover);border-color:var(--accent)}.upload-icon-lg{width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius);margin-bottom:8px}.upload-dropzone strong{font-size:15px;font-weight:600;color:var(--text)}.upload-dropzone>span{font-size:12px;color:var(--muted)}.upload-dropzone small{font-size:10px;color:var(--muted);margin-top:6px}.panel-description{font-size:11px;color:var(--muted);line-height:1.8;margin-top:7px}.viewer{background:var(--panel);display:flex;flex-direction:column;min-width:0;min-height:0}.viewer-heading{height:40px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.viewer-heading>span:first-child{display:flex;align-items:center;gap:7px;letter-spacing:1.4px;font-size:8px;color:var(--muted);font-weight:550}.ratio-badge{font-size:9px;background:var(--panel2);padding:5px 8px;border-radius:var(--radius);color:var(--muted)}.ratio-badge span{padding:0 5px;color:var(--muted)}.preview-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 40px 4px;gap:8px;background-image:radial-gradient(ellipse at center,#e8a82112,transparent 65%)}.portrait{height:calc(100% - 22px);aspect-ratio:9/16;position:relative;flex-shrink:1;border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 45px #0005;background:var(--panel);container-type:inline-size;isolation:isolate}.portrait.has-video{background:#000}.portrait video{width:100%;height:100%;display:block}.portrait:fullscreen{height:calc(100vh / var(--app-zoom));width:auto;max-height:none;margin:auto;background:#000}.preview-empty{width:100%;height:100%;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;background:linear-gradient(150deg,#141c2b,#060910 70%);border:1px solid var(--muted);padding:22px;overflow:hidden}.preview-empty:before,.preview-empty:after{content:"";position:absolute;border:1px solid #fff0da18;width:160%;height:50%;transform:rotate(-28deg);pointer-events:none}.preview-empty:before{top:-23%;left:-30%}.preview-empty:after{bottom:-30%;left:-30%}.frame-mark{width:52px;height:52px;display:grid;place-items:center;border:1px solid #e8a82155;border-radius:var(--radius);color:var(--accent);margin-bottom:26px;background:var(--accent-soft)}.preview-empty .eyebrow{text-align:center;font-size:7px;line-height:1.7;color:var(--muted);letter-spacing:1.8px}.preview-empty p{font-size:clamp(19px,9cqw,34px);font-weight:450;letter-spacing:-1px;line-height:1.2;text-align:center;margin:16px -10px 20px;color:var(--text)}.text-button{border:0;background:none;color:var(--accent);padding:0;display:inline-flex;align-items:center;gap:8px;font-size:10px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.empty-cross{position:absolute;width:8px;height:8px}.empty-cross:before,.empty-cross:after{content:"";position:absolute;background:var(--muted)}.empty-cross:before{width:8px;height:1px;top:3px}.empty-cross:after{height:8px;width:1px;left:3px}.cross-a{top:14px;left:14px}.cross-b{bottom:14px;right:14px}.preview-footnote{font-size:9px;color:var(--muted);text-align:center;flex-shrink:0}.caption-overlay{position:absolute;inset:0;pointer-events:none}.caption-cue{position:absolute;left:0;right:0;text-align:center}.caption-line,.caption-word{display:inline-block}.transport{height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 18px;flex-shrink:0}.transport-side{display:flex;gap:8px;align-items:center;flex:1;min-width:0}.transport-side.end{justify-content:flex-end}.mono{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.3px}.muted{color:var(--muted)}.play-controls{display:flex;align-items:center;gap:9px}.play-button{background:var(--accent);color:var(--on-accent);border:0;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.play-button:hover:not(:disabled){background:var(--accent-hover)}.shortcut{font-size:8px;color:var(--muted);background:var(--panel2);border-radius:var(--radius);padding:3px 6px}.inspector{display:flex;flex-direction:column;min-height:0;flex:1}.inspector-tabs{display:flex;border-bottom:1px solid var(--border);height:52px;flex-shrink:0;padding:0 16px;gap:8px}.inspector-tabs button{border:0;border-bottom:2px solid transparent;background:none;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:11px}.inspector-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text)}.inspector-tabs button>span{font-size:8px;background:var(--border-strong);padding:2px 4px;border-radius:var(--radius);color:var(--accent)}.inspector-content{padding:22px 20px;overflow:auto;flex:1;min-height:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;color:var(--muted)}.small-pill{font-size:9px;background:var(--surface-hover);padding:3px 6px;border-radius:var(--radius);color:var(--muted)}.selected-filename{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-section{border-top:1px solid var(--border);padding-top:18px;margin-top:21px}.inspector-section h4{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:var(--text)}.inspector-section h4 span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.field-row{display:flex;gap:10px}.number-field{display:block;min-width:0;flex:1}.number-field>span{display:block;color:var(--muted);font-size:9px;margin-bottom:7px}.number-field>div{display:flex;align-items:center;background:var(--surface-sunken);border:1px solid transparent;border-radius:var(--radius);transition:border-color .15s;height:34px;padding:0 8px}.number-field input{width:100%;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text);background:none;border:0;padding:0;-moz-appearance:textfield}.number-field>div:focus-within{border-color:var(--border-strong)}.number-field input:focus-visible{outline:none}.number-field input::-webkit-inner-spin-button{display:none}.number-field>div>span{font-size:9px;color:var(--muted)}.trim-track{position:relative;height:5px;border-radius:var(--radius);background:var(--panel);margin:16px 0 9px}.trim-track>div{position:absolute;top:0;bottom:0;background:var(--accent);border-radius:var(--radius)}.tiny-meta{display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}.fit-options{display:flex;gap:9px}.fit-options button{width:50%;display:flex;flex-direction:column;align-items:center;border:1px solid var(--border-strong);border-radius:var(--radius);padding:13px 4px 11px;background:var(--panel2);color:var(--muted);gap:6px}.fit-options button.active{color:var(--accent);border-color:var(--muted);background:var(--accent-soft)}.fit-options button strong{font-size:10px;font-weight:500;color:var(--text)}.fit-options button span{font-size:8px;color:var(--muted)}.arrange-actions{display:flex;gap:6px}.arrange-actions .small-button{flex:1}.micro-copy{font-size:10px;line-height:1.8;color:var(--muted);margin:12px 0}.inspector-empty{color:var(--muted);padding-top:10px}.inspector-empty>svg{margin-bottom:16px;color:var(--muted)}.inspector-empty h3{font-size:18px;line-height:1.4;color:var(--text);font-weight:450;max-width:200px}.inspector-empty>p{font-size:11px;line-height:1.8;margin-top:12px;margin-bottom:27px}.instruction-step{display:flex;align-items:center;gap:10px;font-size:10px;margin:16px 0;color:var(--muted)}.instruction-step>span{border:1px solid var(--border-strong);border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:9px;color:var(--text)}.full-width{width:100%}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--surface-sunken);border-radius:var(--radius)}.segmented button{height:26px;padding:0 12px;border:0;border-radius:var(--radius);background:none;color:var(--muted);font-size:11px;font-weight:550}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface-hover);color:var(--text);box-shadow:0 1px 2px #0006}.ghost-button{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border:0;border-radius:var(--radius);background:none;color:var(--muted);font-size:11px;font-weight:550;white-space:nowrap}.ghost-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.primary-button.compact{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--radius);font-size:11px;font-weight:600;box-shadow:none}.soon-tag{font-size:8px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;padding:2px 5px;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent)}.ghost-button.danger:hover:not(:disabled){color:#ffbca4}.ghost-button:disabled{opacity:.7}.caption-block-form:empty{display:none}.caption-block-form{display:flex;flex-direction:column;gap:16px}.caption-speed{display:flex;align-items:center;justify-content:space-between}.caption-speed .micro-copy{margin:0;font-size:11px}.pace-options{display:inline-flex;padding:3px;gap:2px;background:var(--surface-sunken);border-radius:var(--radius)}.pace-options button{height:24px;min-width:28px;padding:0 9px;border-radius:var(--radius);border:0;background:none;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.pace-options button:hover:not(:disabled){color:var(--text)}.pace-options button.active{background:var(--surface-hover);color:var(--text);box-shadow:0 1px 2px #0006}.pace-options button:disabled{opacity:.5}.caption-composer{background:var(--surface-sunken);border:1px solid transparent;border-radius:var(--radius);transition:border-color .15s}.caption-composer:focus-within{border-color:var(--border-strong)}.caption-composer textarea{display:block;width:100%;min-height:84px;resize:vertical;border:0;background:none;color:var(--text);font-size:12px;line-height:1.7;padding:12px 14px 4px}.caption-composer textarea:focus-visible{outline:none}.caption-composer textarea::placeholder{color:var(--muted);opacity:.6}.caption-composer-actions{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 8px 6px}.caption-detail-head{display:flex;align-items:flex-start;gap:8px}.caption-detail-head textarea{flex:1;min-width:0}.caption-delete{width:26px;height:26px}.caption-style-dot{display:inline-block;width:5px;height:5px;margin-left:5px;border-radius:50%;background:var(--accent);vertical-align:middle}.caption-style-scope{display:flex;flex-direction:column;gap:2px;margin:16px 0 12px}.caption-style-scope .micro-copy{margin:0}.caption-override-note{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.caption-override-note .micro-copy{margin:0}.caption-style-editor{display:flex;flex-direction:column;gap:4px}.custom-tag{font-size:9px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:2px 6px;border-radius:var(--radius)}.template-picker{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.template-picker-head{display:flex;align-items:center;justify-content:space-between}.section-label{font-size:9px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.template-picker-head .ghost-button{height:26px;padding:0 8px;font-size:10px}.template-current,.template-card{display:flex;flex-direction:column;width:100%;padding:0;border:0;border-radius:var(--radius);background:var(--panel2);color:var(--text);text-align:left;overflow:hidden;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .15s,transform .15s}.template-current:has(.template-stage:hover:not(:disabled)),.template-card:hover:not(:disabled){outline-color:var(--border-strong)}.template-card.selected{outline-color:var(--accent)}.template-stage{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;container-type:inline-size;overflow:hidden}.template-card .template-stage{aspect-ratio:4 / 3}button.template-stage{width:100%;padding:0;border:0;cursor:pointer}.template-sample{display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.template-line{display:block}.template-sample .caption-word{transition:transform .12s ease-out,opacity .12s}.template-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px}.template-name{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-card .template-name{font-size:11px;font-weight:550}.template-swatches{display:flex;gap:4px;flex-shrink:0}.template-swatches>*{width:12px;height:12px;padding:0;border:0;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff26}.template-swatches>button{width:16px;height:16px;cursor:pointer;transition:box-shadow .15s}.template-swatches>button:hover:not(:disabled){box-shadow:inset 0 0 0 1px #ffffff26,0 0 0 1px var(--border-strong)}.template-swatches>button.active{box-shadow:0 0 0 2px var(--panel2),0 0 0 3px var(--accent)}.palette-editor{padding:0 11px 11px}.template-card .template-swatches>span{width:9px;height:9px;border-radius:2px}.template-check{position:absolute;top:6px;right:6px;width:18px;height:18px;display:grid;place-items:center;border-radius:var(--radius);background:var(--accent);color:var(--on-accent)}.template-browse{width:100%;min-height:34px;padding:6px 12px;font-size:11px;border:0}.template-browse-chevron{margin-left:auto;transition:transform .15s}.template-browse.open .template-browse-chevron{transform:rotate(180deg)}.modal.template-modal{width:min(920px,calc(100vw / var(--app-zoom) - 32px));display:none;flex-direction:column;max-height:calc(86vh / var(--app-zoom));padding-bottom:0}.modal.template-modal[open]{display:flex}.template-body{flex:1;min-height:0;display:grid;grid-template-columns:188px 1fr;gap:24px}.template-rail{display:flex;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;padding:2px 2px 25px}.template-filter{display:flex;flex-direction:column;gap:6px}.template-filter .segmented>button{flex:1}.template-options{display:flex;flex-direction:column;gap:2px}.template-options button{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;border:0;border-radius:var(--radius);background:none;color:var(--muted);font-size:12px;font-weight:550;text-align:left}.template-options button:hover{background:var(--surface-hover);color:var(--text)}.template-options button[role=tab].active{background:var(--accent-soft);color:var(--accent)}.template-options button[aria-pressed=true]{color:var(--text)}.template-count{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}.template-check-box{display:grid;place-items:center;width:14px;height:14px;flex-shrink:0;border-radius:3px;box-shadow:inset 0 0 0 1px var(--border-strong)}.template-check-box.on{background:var(--accent);box-shadow:none;color:var(--on-accent)}.template-clear{align-self:flex-start}.template-search{display:flex;align-items:center;gap:7px;height:32px;padding:0 10px;flex-shrink:0;border-radius:var(--radius);background:var(--surface-sunken);color:var(--muted)}.template-search input{flex:1;min-width:0;border:0;background:none;color:var(--text);font-size:12px;outline:none}.template-scroll{min-height:0;overflow-y:auto;margin-right:-25px;padding:2px 25px 25px 2px}@media(max-width:640px){.template-body{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:12px}.template-rail{flex-direction:row;flex-wrap:wrap;gap:10px;padding-bottom:0;overflow:visible}.template-search{width:100%}.template-filter .section-label{display:none}.template-options{flex-direction:row;flex-wrap:wrap}}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.template-card:hover:not(:disabled){transform:translateY(-2px)}.template-section+.template-section{margin-top:24px}.template-section-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.template-section-hint{font-size:11px;color:var(--muted)}.template-empty{padding:40px 0;text-align:center;font-size:12px;color:var(--muted)}.style-section{border-radius:var(--radius);background:var(--panel2)}.style-section-head{width:100%;display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 12px;border:0;background:none;color:var(--text);font-size:11px;font-weight:600}.style-section-head svg{color:var(--muted);transition:transform .15s}.style-section.open .style-section-head svg{transform:rotate(180deg)}.override-mark{display:inline-block;width:5px;height:5px;margin-left:6px;border-radius:50%;background:var(--accent);vertical-align:middle}.style-section-body{display:flex;flex-direction:column;gap:14px;padding:2px 12px 14px}.style-field{display:flex;flex-direction:column;gap:7px}.style-field-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.style-field-value{font-variant-numeric:tabular-nums;color:var(--text)}.override-dot{border:0;background:none;padding:0 4px;color:var(--accent);font-size:14px;line-height:1}.style-select{height:32px;padding:0 8px;border:0;border-radius:var(--radius);background:var(--surface-sunken);color:var(--text);font-size:13px}.style-toggle-row{display:flex;align-items:center;gap:4px}.style-toggle{width:32px;height:28px;display:grid;place-items:center;border:0;border-radius:var(--radius);background:var(--surface-sunken);color:var(--muted);font-size:11px;font-weight:600}.style-toggle:hover:not(:disabled){color:var(--text)}.style-toggle.active{background:var(--surface-hover);color:var(--accent)}.style-slider{width:100%;accent-color:var(--accent);margin:0}.color-field{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.swatch{width:20px;height:20px;padding:0;border:0;border-radius:var(--radius);box-shadow:inset 0 0 0 1px #ffffff26;cursor:pointer}.swatch.active{box-shadow:0 0 0 2px var(--panel2),0 0 0 3px var(--accent)}.swatch.custom{position:relative;background-image:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important}.swatch.custom input{position:absolute;inset:0;opacity:0;cursor:pointer}.hex-input{width:72px;height:22px;padding:0 6px;border:0;border-radius:var(--radius);background:var(--surface-sunken);color:var(--text);font-size:10px;font-variant-numeric:tabular-nums}.style-switch-row{display:flex;align-items:center;justify-content:space-between}.style-switch-row .style-field-label{font-size:11px}.style-switch{width:30px;height:18px;padding:2px;border:0;border-radius:9px;background:var(--surface-sunken)}.style-switch span{display:block;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform .15s}.style-switch.on{background:var(--accent)}.style-switch.on span{background:var(--on-accent);transform:translate(12px)}.style-check{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text)}.style-check input{accent-color:var(--accent);margin:0}.style-help{margin:0;font-size:10px;color:var(--muted)}.caption-detail textarea{display:block;resize:none;width:100%;border:0;background:none;color:var(--text);font-size:12px;line-height:1.6;padding:4px 0 8px}.caption-detail textarea:focus-visible{outline:none}.caption-detail .number-field{display:flex;align-items:center;gap:8px}.caption-detail .number-field>span{font-size:9px;margin:0}.caption-detail .number-field>div{flex:1;height:28px}.center{text-align:center}.job-card{padding:16px;margin:0 14px 14px;background:var(--panel2);border-radius:var(--radius);flex-shrink:0}.job-heading{display:flex;align-items:center;gap:9px;color:var(--accent);margin-bottom:10px}.job-heading strong{font-size:11px;font-weight:550;line-height:1.5}.job-card p{font-size:9px;line-height:1.6;color:var(--muted);margin:8px 0 0}.progress-bar{height:4px;border-radius:var(--radius);background:var(--panel);overflow:hidden}.progress-bar>div{height:100%;background:var(--accent);transition:width .3s}.job-card .secondary-button{margin-top:12px}.timeline{border:0;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);background:var(--surface-sunken);min-width:0;flex-shrink:0}.timeline-header{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.timeline-title{display:flex;align-items:center;gap:10px}.zoom-controls{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.track-layout{display:flex;padding:0 20px 5px}.track-labels{width:34px;flex-shrink:0;display:grid;grid-template-rows:32px 63px 58px;color:var(--muted)}.track-labels>span{display:flex;align-items:center}.track-scroll{overflow-x:auto;flex:1;min-width:0;padding-right:34px}.tracks{position:relative;isolation:isolate}.ruler{height:32px;position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(2% - 1px),#fff0da18 calc(2% - 1px),#fff0da18 2%) bottom / 100% 4px no-repeat}.ruler span{position:absolute;top:10px;font-size:8px;color:var(--muted);font-variant-numeric:tabular-nums}.timeline-scrubber{position:absolute;top:0;left:0;z-index:3;height:32px;margin:0;opacity:0;cursor:ew-resize}.timeline-scrubber:focus-visible{opacity:.65;accent-color:var(--accent)}.video-track{height:63px;position:relative;padding:7px 0}.timeline-clip-wrap{position:absolute;top:7px;height:50px;min-width:4px}.timeline-clip{position:absolute;inset:0;width:100%;height:100%;border:1px solid #ffffff1a;border-radius:var(--radius);background-color:var(--panel2);background-size:auto 100%;background-repeat:repeat-x;overflow:hidden;display:flex;align-items:flex-end;text-align:left;padding:7px 9px;gap:8px;color:#fff}.timeline-clip.selected{border:2px solid var(--accent);padding:6px 8px;box-shadow:0 0 0 1px var(--panel2) inset}.clip-remove{position:absolute;top:-7px;right:-6px;width:18px;height:18px;display:none;align-items:center;justify-content:center;background:var(--panel2);border:1px solid var(--muted);border-radius:50%;color:var(--text);padding:0;z-index:2}.timeline-clip-wrap:hover .clip-remove,.timeline-clip-wrap.selected .clip-remove{display:flex}.clip-remove:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}.clip-remove:disabled{opacity:.4}.timeline-clip.selected:before,.timeline-clip.selected:after{content:"";position:absolute;top:19px;width:2px;height:8px;background:var(--accent);border-radius:1px}.timeline-clip.selected:before{left:2px}.timeline-clip.selected:after{right:2px}.clip-index{font-size:8px;background:#060910dd;padding:2px 4px;border-radius:var(--radius);position:absolute;top:4px;left:7px;color:#fff}.clip-name{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;color:#fff;font-weight:550;text-shadow:0 1px 2px #000c}.clip-time{font-size:8px;color:#fffc;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000c}.empty-track{height:50px;width:100%;background:var(--panel2);border:1px dashed var(--muted);color:var(--muted);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px}.track-add{position:absolute;top:16px;width:29px;height:32px;margin-left:6px;border:1px dashed var(--border-strong);background:none;border-radius:var(--radius);color:var(--muted);display:grid;place-items:center}.caption-track{height:58px;position:relative;border-radius:var(--radius)}.timeline-caption{position:absolute;top:5px;height:48px;display:flex;align-items:flex-start;gap:4px;border:1px solid transparent;box-shadow:inset 2px 0 0 var(--accent);background:var(--accent-soft);border-radius:var(--radius);padding:5px 6px 5px 8px;overflow:hidden;font-size:10px;line-height:1.35;color:var(--text);text-align:left;min-width:2px;transition:border-color .15s,background .15s}.timeline-caption>span:first-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;flex:1;min-width:0}.timeline-caption:hover{background:#e8a82133}.timeline-caption.active{border-color:var(--accent);background:#e8a82140;z-index:1}.timeline-caption>.caption-style-dot{flex-shrink:0;margin:3px 0 0}.empty-caption-track{font-size:9px;color:var(--muted);position:absolute;left:12px;top:13px}.playhead{position:absolute;top:24px;bottom:0;width:1px;background:var(--accent);pointer-events:none;z-index:4;box-shadow:0 0 3px #000}.playhead>span{position:absolute;top:-3px;left:-4px;width:9px;height:10px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}.timeline-footer{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:9px;color:var(--muted)}.banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);margin:0 0 12px;font-size:11px;line-height:1.7}.banner>svg{flex-shrink:0}.banner>span{flex:1}.error-banner{background:#442d3c;border:1px solid #845153;color:#ffbca4}.notice-banner{background:#203f4c;border:1px solid #48666b;color:#c3e5ca}.error-text,.inline-error{color:#ffbca4}.inline-error{font-size:12px;line-height:1.7;margin-top:15px}.modal{width:min(460px,calc(100vw / var(--app-zoom) - 32px));padding:25px;border:1px solid var(--muted);border-radius:var(--radius);background:var(--panel2);color:var(--text);box-shadow:0 20px 100px #000b}.modal::backdrop{background:#060910cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.modal-head h2{font-size:22px;font-weight:500;letter-spacing:-.7px}.modal-description{font-size:12px;line-height:1.8;color:var(--muted);margin:10px 0 22px}.export-summary{display:flex;align-items:center;gap:13px;padding:15px;border-radius:var(--radius);background:var(--surface-hover)}.export-icon,.feature-icon{width:50px;height:59px;border-radius:var(--radius);background:var(--border-strong);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.export-summary>div:last-child{min-width:0}.export-summary strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550}.export-summary span{display:block;font-size:10px;color:var(--muted);margin-top:7px}.export-specs{display:flex;justify-content:space-between;gap:10px;margin:24px 0;border-bottom:1px solid var(--border-strong);padding-bottom:20px}.export-specs>span{font-size:9px;color:var(--muted)}.export-specs strong{display:block;margin-top:8px;color:var(--text);font-size:11px;font-weight:500}.modal>.primary-button{margin-top:10px;min-height:42px}.feature-icon{margin:20px 0}.upgrade-modal{width:min(860px,calc(100vw / var(--app-zoom) - 32px))}.upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:8px}.upgrade-card{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-hover)}.upgrade-card.current{border-color:var(--accent)}.upgrade-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.upgrade-card h3{font-size:15px;font-weight:560}.upgrade-price{font-size:24px;font-weight:540;letter-spacing:-.6px}.upgrade-price span{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted)}.upgrade-card ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;flex:1}.upgrade-card li{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.4;color:var(--text)}.upgrade-card li>svg{flex-shrink:0;margin-top:1px;color:var(--accent)}.upgrade-card li.disabled{color:var(--muted)}.upgrade-card li.disabled>svg{color:var(--muted)}.user-card-info .text-button{font-size:9px;margin-top:4px}.help-steps p{font-size:12px;line-height:1.8;color:var(--muted);margin:20px 0}.help-steps strong{display:block;color:var(--text);font-size:13px;font-weight:500;margin-bottom:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius)}::-webkit-scrollbar-track{background:transparent}@media(min-width:1163px){.workspace-grid{grid-template-columns:minmax(340px,1fr) minmax(320px,400px)}.app-shell{--shell-pad: 48px}.preview-empty p{font-size:30px}}@media(max-width:863px){.app-shell{--shell-pad: 20px}.workspace-grid{grid-template-columns:minmax(260px,1fr) minmax(280px,320px)}.preview-stage{padding:0 20px 4px}.inspector-content{padding:20px 15px}.app-header{gap:20px}.header-divider{margin:0}.project-name input{width:125px}.play-controls{margin-right:0}.shortcut{display:none}.transport{padding:0 10px}.transport-side.end{flex:.3}.workspace-heading>p{display:none}}@media(max-width:675px){.workspace-grid{grid-template-columns:minmax(240px,1fr);grid-template-rows:auto auto}.workspace-center{grid-row:1;border-bottom:1px solid var(--border)}.workspace-preview{height:420px;flex:none}.workspace-side{grid-row:2;border-left:0;min-height:320px;max-height:620px}.inspector-content{padding:20px}.inspector-tabs{max-width:350px}.inspector-empty{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.inspector-empty>p{max-width:220px;margin:0}.inspector-empty h3{max-width:180px}.inspector-section{max-width:420px}.caption-block-form>.caption-style-editor{max-width:400px}.caption-composer,.inspector-content>.full-width{max-width:400px}.selected-filename{max-width:500px}.project-name{display:none}.header-actions{margin-left:auto}.job-card{max-width:460px}.workspace-heading{padding-top:22px}}@media(max-width:465px){.app-shell{--shell-pad: 12px}.app-header{height:52px;gap:10px}.brand{font-size:23px;gap:7px}.brand-logo{width:130px}.beta-tag{display:none}.header-actions{gap:5px}.header-actions>.secondary-button{display:none}.header-actions>.primary-button{font-size:10px;padding:8px 10px}.workflow{gap:6px}.workflow b{display:none}.workflow span{font-size:9px}.workspace-heading h1{font-size:28px}.workspace-heading{padding:22px 2px 20px;gap:10px}.workspace-heading .eyebrow{font-size:8px}.workspace-grid{grid-template-columns:minmax(0,1fr)}.workspace-preview{height:470px}.portrait{max-height:345px}.workspace-side{max-height:680px}.timeline-header{height:auto;min-height:50px;padding:10px;gap:8px;align-items:flex-start}.timeline-title{gap:5px;flex-wrap:wrap;max-width:240px}.timeline-title .small-button{font-size:9px;padding:4px 6px}.timeline-title .icon-button{width:25px}.zoom-controls{gap:0}.zoom-controls .icon-button{width:23px}.zoom-controls>span{font-size:8px}.track-layout{padding:0 10px 5px}.track-labels{width:28px}.track-labels svg{width:12px}.timeline-footer{font-size:8px;padding:0 10px}.timeline-footer>span:first-child{max-width:210px}.inspector-empty{display:block}.inspector-empty h3{max-width:100%}.inspector-empty>p{margin:12px 0}.banner{font-size:10px;padding:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:465px){.transport-side.end{flex:0 0 32px}.play-controls{margin-right:0}.transport .mono{font-size:9px}}.app-frame{display:flex;height:calc(100dvh / var(--app-zoom));overflow:hidden;background:var(--bg)}.sidebar-rail{position:relative;width:64px;flex-shrink:0;z-index:20}.sidebar{position:absolute;inset:0 auto 0 0;width:64px;overflow:hidden;display:flex;flex-direction:column;gap:30px;padding:24px 12px;border-right:1px solid var(--border);background:var(--panel);transition:width .18s ease,box-shadow .18s ease}.sidebar:hover,.sidebar:focus-within{width:232px;box-shadow:12px 0 32px #0006}.sidebar .brand{font-size:20px;padding:0 6px;min-height:28px;white-space:nowrap}.sidebar .brand-mark{width:28px;height:28px;flex-shrink:0;padding:2px;border-radius:var(--radius);background:var(--text)}.sidebar .brand-logo,.sidebar .beta-tag,.sidebar-nav button>span,.user-card-info,.user-card>.icon-button{opacity:0;transition:opacity .12s ease}.sidebar:hover .brand-logo,.sidebar:hover .beta-tag,.sidebar:hover .sidebar-nav button>span,.sidebar:hover .user-card-info,.sidebar:hover .user-card>.icon-button,.sidebar:focus-within .brand-logo,.sidebar:focus-within .beta-tag,.sidebar:focus-within .sidebar-nav button>span,.sidebar:focus-within .user-card-info,.sidebar:focus-within .user-card>.icon-button{opacity:1;transition-delay:.06s}.sidebar .brand-mark+.brand-logo{display:none}.sidebar:hover .brand-mark,.sidebar:focus-within .brand-mark{display:none}.sidebar:hover .brand-mark+.brand-logo,.sidebar:focus-within .brand-mark+.brand-logo{display:block}.sidebar-nav{display:flex;flex-direction:column;gap:3px}.sidebar-nav button{display:flex;align-items:center;gap:10px;white-space:nowrap;border:0;background:none;color:var(--muted);font-size:13px;font-weight:550;padding:10px 12px;border-radius:var(--radius);text-align:left}.sidebar-nav button>svg{flex-shrink:0}.sidebar-nav button:hover{background:var(--panel2);color:var(--text)}.sidebar-nav button.active{background:var(--accent-soft);color:var(--accent)}.user-card{margin-top:auto;display:flex;align-items:center;gap:10px;padding:4px;width:208px;border-radius:var(--radius)}.sidebar:hover .user-card,.sidebar:focus-within .user-card{padding:9px;background:var(--panel2)}.user-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;object-fit:cover}.user-avatar-fallback{display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:650}.user-card-info{min-width:0;flex:1}.user-card-info strong{display:block;font-size:11px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-info span{display:block;font-size:9px;color:var(--muted);margin-top:3px}.app-content{flex:1;min-width:0;height:calc(100dvh / var(--app-zoom));overflow-y:auto}.page{max-width:1280px;padding:32px 36px 60px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{font-size:28px;letter-spacing:-1px;font-weight:520;margin-top:6px}.usage-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-bottom:32px}.usage-card-head{display:flex;align-items:center;justify-content:space-between}.usage-card h2{font-size:22px;font-weight:540;letter-spacing:-.6px;margin-top:12px}.usage-upgrade{margin-top:14px}.builds-meter{height:6px;border-radius:var(--radius);background:var(--panel);margin:14px 0 4px;overflow:hidden}.builds-meter>div{height:100%;background:var(--accent);transition:width .3s}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 36px}.plan-card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:4px}.plan-card.current{border-color:var(--accent)}.plan-badge{position:absolute;top:-10px;right:16px;background:var(--accent);color:var(--on-accent);font-size:9px;font-weight:650;letter-spacing:.4px;padding:3px 8px;border-radius:var(--radius)}.plan-card strong{font-size:13px;font-weight:600}.plan-price{font-size:22px;font-weight:560;letter-spacing:-.6px;margin-top:4px}.plan-tagline{font-size:11px;color:var(--muted);margin-bottom:8px}.plan-card ul{list-style:none;margin:6px 0 16px;padding:0;display:flex;flex-direction:column;gap:7px}.plan-card li{font-size:11px;color:var(--text);padding-left:16px;position:relative}.plan-card li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.plan-card .secondary-button{margin-top:auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.project-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-align:left;cursor:pointer;display:flex;flex-direction:column}.project-card:hover{border-color:var(--muted)}.project-thumb{position:relative;aspect-ratio:9 / 12;background:var(--panel2);display:grid;place-items:center;color:var(--muted)}.project-thumb img{width:100%;height:100%;object-fit:cover}.status-pill{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;font-size:8px;font-weight:600;letter-spacing:.3px;padding:3px 6px;border-radius:var(--radius);background:var(--accent-soft);color:var(--text);text-transform:uppercase}.status-completed{color:var(--accent)}.status-failed{color:#ffbca4}.sync-pill{display:inline-flex;align-items:center;gap:4px;font-size:8px;font-weight:600;letter-spacing:.3px;padding:3px 6px;border-radius:var(--radius);background:var(--accent-soft);color:var(--text);text-transform:uppercase}.project-thumb .sync-pill{position:absolute;bottom:8px;left:8px}.sync-on{color:var(--accent)}.sync-off{color:var(--text)}.project-delete{position:absolute;top:6px;right:6px;background:#060910e6;width:22px;height:22px;color:#fff}.project-delete:hover{color:var(--on-accent);background:var(--accent-hover)}.project-info{padding:10px 12px 12px}.project-info strong{display:block;font-size:11px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-info>span{display:block;font-size:9px;color:var(--muted);margin-top:5px}.project-date{margin-top:3px!important;color:var(--muted)!important}.sign-in-screen{min-height:calc(100dvh / var(--app-zoom));display:grid;place-items:center;padding:20px;background:var(--bg)}.sign-in-card{width:min(360px,100%);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:36px 30px;text-align:center;display:flex;flex-direction:column;align-items:center}.sign-in-card .brand-icon{margin-bottom:16px}.sign-in-card h1{font-size:24px;letter-spacing:-1px;font-weight:600}.sign-in-card>p{font-size:12px;color:var(--muted);line-height:1.7;margin:10px 0 26px}.sign-in-card .banner{width:100%;text-align:left}.google-button-slot{min-height:44px}@media(max-width:585px){.app-frame{flex-direction:column;height:auto;min-height:calc(100dvh / var(--app-zoom));overflow:visible}.sidebar-rail{width:auto;position:sticky;top:0}.sidebar,.sidebar:hover,.sidebar:focus-within{position:static;width:auto;box-shadow:none;flex-direction:row;align-items:center;padding:12px 16px;gap:16px;position:sticky;top:0;z-index:5}.sidebar-nav{flex-direction:row;gap:4px}.user-card{margin-top:0;margin-left:auto;padding:6px}.user-card-info{display:none}.sidebar .brand-logo,.sidebar .beta-tag,.sidebar-nav button>span,.user-card>.icon-button{opacity:1}.sidebar .brand-mark{display:none}.sidebar .brand-mark+.brand-logo{display:block}.user-card{width:auto}.app-content{height:auto;overflow:visible}.page{padding:24px 18px 40px}.plan-grid{grid-template-columns:1fr}}@media(max-width:585px){.sidebar{flex-wrap:wrap;gap:12px}.sidebar .brand{padding:0}.sidebar-nav{order:3;width:100%}.sidebar-nav button{flex:1;justify-content:center}}.workspace-grid.is-empty{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.workspace-grid.is-empty .upload-dropzone{width:min(480px,100%);padding:64px 32px;border-color:var(--border-strong)}.workspace-loading{gap:10px;font-size:12px;color:var(--muted)}