@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color:#e6eef9;font-synthesis:none;text-rendering:optimizelegibility;--ink:#e6eef9;--muted:#8390a6;--faint:#5d6b82;--panel:#101724;--panel-2:#141e2d;--border:#97accc26;--border-strong:#97accc47;--accent:#a9f364;--accent-dark:#13220a;--cyan:#64ddff;--danger:#ff8d9a;background:#080c16;font-family:Plus Jakarta Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#25425e47,#0000 35%),#080c16;min-width:320px;margin:0}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#080c16e0;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(20px,4vw,62px);display:flex;position:sticky;top:0}.brand-lockup,.topbar-actions,.topbar-center,.export-copy,.export-actions,.preview-status,.editor-actions,.video-facts,.api-note,.style-inline-row,.heading-note,.notice-line{align-items:center;display:flex}.brand-lockup{gap:11px}.brand-mark{background:linear-gradient(145deg, var(--accent), #d5ffae);color:#0a1308;letter-spacing:-.05em;border:1px solid #a9f36480;border-radius:9px 9px 9px 2px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid;transform:rotate(-5deg)}.brand-mark span{transform:rotate(5deg)}.brand-name{letter-spacing:-.03em;font-size:14px;font-weight:800}.brand-caption{color:var(--faint);letter-spacing:.18em;text-transform:uppercase;margin-top:2px;font-size:9px}.topbar-center{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;gap:8px;font-family:DM Mono,monospace;font-size:10px}.live-dot,.status-dot,.stage-live-dot{background:var(--accent);border-radius:99px;width:6px;height:6px;box-shadow:0 0 0 4px #a9f3641a}.topbar-actions{gap:12px}.avatar-button{border:1px solid var(--border-strong);color:var(--cyan);background:#111b29;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid}.page-shell{width:min(1440px,100% - 40px);margin:0 auto;padding:58px 0 28px}.page-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px;display:flex}.eyebrow,.panel-kicker{color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}h1,h2,p{margin:0}h1{letter-spacing:-.075em;max-width:720px;margin-top:13px;font-size:clamp(36px,5vw,70px);font-weight:700;line-height:.98}h1 em{color:var(--accent);font-style:normal}.page-heading p{color:var(--muted);max-width:570px;margin-top:18px;font-size:14px;line-height:1.7}.heading-note{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-left:1px solid var(--border-strong);gap:10px;padding-left:16px;font-size:10px;line-height:1.45}.heading-note svg{color:var(--accent)}.heading-note strong{color:var(--ink);font-weight:600}.workflow-rail{align-items:center;max-width:770px;margin-bottom:23px;display:flex}.workflow-step{color:var(--faint);align-items:center;gap:10px;min-width:145px;display:flex}.workflow-step>span{border:1px solid var(--border-strong);border-radius:50%;place-items:center;width:27px;height:27px;font-family:DM Mono,monospace;font-size:10px;display:grid}.workflow-step strong{color:var(--muted);font-size:11px;font-weight:700;display:block}.workflow-step small{color:var(--faint);margin-top:3px;font-size:10px;display:block}.workflow-step.active>span{color:#0a1308;border-color:var(--accent);background:var(--accent)}.workflow-step.active strong{color:var(--ink)}.rail-line{background:var(--border-strong);width:70px;height:1px;margin:0 14px}.studio-grid{grid-template-columns:minmax(300px,350px) minmax(0,1fr);align-items:start;gap:17px;display:grid}.control-column,.workspace-column{gap:17px;min-width:0;display:grid}.panel{border:1px solid var(--border);background:linear-gradient(145deg,#141e2deb,#0b111cfa);border-radius:16px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:flex-start;padding:21px 22px 17px;display:flex}.panel-heading.compact{padding-bottom:16px}.panel-heading h2{letter-spacing:-.04em;margin-top:8px;font-size:16px}.muted-icon{color:var(--faint)}.dropzone{text-align:center;background:#060c154d;border:1px dashed #97accc4d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:162px;margin:0 15px 15px;padding:18px;transition:all .2s;display:flex}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:#a9f3640f;transform:translateY(-1px)}.dropzone.has-file{border-style:solid;border-color:#a9f36461}.upload-icon,.file-icon{border-radius:13px;place-items:center;width:43px;height:43px;margin-bottom:12px;display:grid}.upload-icon{color:var(--accent);background:#a9f3641a}.file-icon.success{color:var(--accent);background:#a9f3641c}.dropzone-title{text-overflow:ellipsis;white-space:nowrap;max-width:245px;font-size:12px;font-weight:700;overflow:hidden}.dropzone-subtitle{color:var(--faint);margin-top:6px;font-size:10px}.dropzone-subtitle span{color:var(--border-strong);padding:0 5px}.video-facts{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;padding:12px 17px;font-family:DM Mono,monospace;font-size:9px}.video-facts span{align-items:center;gap:5px;display:flex}.video-facts svg{color:var(--cyan)}.auto-status{color:var(--cyan);background:#64ddff0b;border:1px solid #64ddff33;border-radius:8px;align-items:center;gap:8px;margin:0 15px 15px;padding:10px 12px;font-family:DM Mono,monospace;font-size:9px;display:flex}.language-panel,.style-panel{padding-bottom:17px}.language-row{grid-template-columns:1fr 22px 1fr;align-items:end;gap:8px;padding:0 17px 14px;display:grid}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:7px;font-family:DM Mono,monospace;font-size:9px;display:grid}select,input[type=text],input[type=color],input[type=range],textarea{border:1px solid var(--border);color:var(--ink);background:#0c1421}select{appearance:none;text-transform:none;letter-spacing:0;background-image:linear-gradient(45deg,#0000 50%,#8492aa 50%),linear-gradient(135deg,#8492aa 50%,#0000 50%);background-position:calc(100% - 13px) 14px,calc(100% - 9px) 14px;background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-radius:8px;padding:10px 29px 10px 11px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px}.swap-arrow{height:34px;color:var(--faint);place-items:center;display:grid}.swap-arrow svg{transform:rotate(-90deg)}.button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:#091205;background:var(--accent);box-shadow:0 4px 18px #a9f3641f}.button-primary:hover:not(:disabled){background:#c1ff89}.button-ghost{color:var(--muted);border-color:var(--border);background:0 0}.button-ghost:hover:not(:disabled){color:var(--ink);border-color:var(--border-strong);background:#ffffff08}.button-outline{color:var(--cyan);background:0 0;border-color:#64ddff40}.button-outline:hover:not(:disabled){border-color:var(--cyan);background:#64ddff0f}.button-success{color:#0a1308;background:#baf37d}.full-width{width:calc(100% - 34px);margin:0 17px}.api-note{color:var(--faint);gap:8px;margin:13px 17px 0;font-size:10px;line-height:1.45}.api-note svg{color:var(--cyan);flex:none}.api-note strong{color:var(--muted)}.style-controls{gap:14px;padding:0 17px;display:grid}.range-label{grid-template-columns:1fr auto;align-items:center}.range-label input{grid-column:1/-1;width:100%}.range-label span{color:var(--cyan);font-family:DM Mono,monospace;font-size:10px}input[type=range]{height:4px;accent-color:var(--accent);border:0;padding:0}.style-inline-row{justify-content:space-between;gap:15px}.color-label{flex-direction:row;align-items:center;gap:8px;display:flex}input[type=color]{border-radius:6px;width:28px;height:23px;padding:2px}.toggle-field{color:var(--muted);text-transform:uppercase;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:9px;display:flex}.toggle-field input{display:none}.toggle{background:#2a3545;border-radius:10px;width:30px;height:17px;transition:all .2s;position:relative}.toggle:after{content:"";background:var(--muted);border-radius:50%;width:13px;height:13px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle-field input:checked+.toggle{background:#a9f36480}.toggle-field input:checked+.toggle:after{background:var(--accent);left:15px}.preview-panel{padding-bottom:11px}.preview-heading{align-items:center;padding-bottom:14px}.preview-status{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;gap:8px;font-family:DM Mono,monospace;font-size:9px}.status-dot{background:var(--faint);box-shadow:none}.status-dot.ready{background:var(--accent);box-shadow:0 0 0 4px #a9f36417}.video-stage{aspect-ratio:16/8.8;background:#05080e;border-radius:11px;justify-content:center;align-items:center;margin:0 12px;display:flex;position:relative;overflow:hidden}.video-stage video{object-fit:contain;background:#05080e;width:100%;height:100%;display:block}.empty-stage-art{width:100%;height:100%;color:var(--faint);letter-spacing:.04em;background:radial-gradient(circle at 50% 45%,#64ddff17,#0000 25%),repeating-linear-gradient(135deg,#ffffff05 0 1px,#0000 1px 8px),#0a111b;align-content:center;place-items:center;gap:11px;font-family:DM Mono,monospace;font-size:10px;display:grid}.empty-play{width:44px;height:44px;color:var(--cyan);border:1px solid #64ddff73;border-radius:50%;place-items:center;display:grid}.subtitle-overlay{text-align:center;pointer-events:none;text-shadow:0 1px 2px #00000047;border-radius:.3em;max-width:76%;padding:.33em .62em;font-weight:700;line-height:1.25;position:absolute;left:50%;transform:translate(-50%)}.subtitle-overlay.top{top:9%}.subtitle-overlay.center{top:50%;transform:translate(-50%,-50%)}.subtitle-overlay.bottom{bottom:9%}.stage-badge{color:var(--muted);letter-spacing:.08em;background:#060b14b8;border-radius:5px;align-items:center;gap:6px;padding:6px 8px;font-family:DM Mono,monospace;font-size:8px;display:flex;position:absolute;top:12px;left:13px}.stage-live-dot{width:5px;height:5px}.stage-fullscreen{width:31px;height:31px;color:var(--ink);background:#060b14b8;border:1px solid #ffffff29;border-radius:7px;place-items:center;display:grid;position:absolute;top:10px;right:11px}.stage-fullscreen:hover{color:var(--accent);border-color:var(--accent)}.preview-footer{color:var(--faint);justify-content:space-between;padding:11px 15px 0;font-family:DM Mono,monospace;font-size:9px;display:flex}.preview-footer-note{color:var(--muted)}.editor-panel{padding-bottom:0}.editor-heading{align-items:center}.editor-actions{gap:8px}.button-small{padding:8px 10px;font-size:10px}.caption-table-head{color:var(--faint);letter-spacing:.13em;grid-template-columns:63px 165px 1fr 1fr 24px;gap:11px;padding:0 15px 9px 22px;font-family:DM Mono,monospace;font-size:8px;display:grid}.caption-table-head span:nth-child(2){grid-column:2/3}.caption-table-head span:nth-child(3){grid-column:3/5}.caption-list{border-top:1px solid var(--border)}.caption-row{border-bottom:1px solid var(--border);grid-template-columns:28px 165px minmax(0,1fr) minmax(0,1fr) 24px;align-items:center;gap:11px;padding:11px 15px 11px 16px;transition:all .2s;display:grid}.caption-row.current{box-shadow:inset 2px 0 var(--accent);background:#a9f3640b}.line-index{color:var(--faint);align-items:center;gap:4px;font-family:DM Mono,monospace;font-size:9px;display:flex}.line-index svg{color:#425064}.time-fields{color:var(--faint);grid-template-columns:1fr 9px 1fr;align-items:center;gap:5px;display:grid}.time-fields input{text-align:center;width:100%;min-width:0;color:var(--muted);border-radius:5px;padding:8px 5px;font-family:DM Mono,monospace;font-size:10px}.time-fields span{font-size:9px}textarea{resize:vertical;width:100%;min-height:48px;color:var(--ink);border-radius:6px;outline:none;padding:8px 9px;font-size:10px;line-height:1.45}.translation-field{background:#a9f36409;border-color:#a9f36433}.time-fields input:focus,textarea:focus,select:focus{border-color:var(--cyan);outline:2px solid #64ddff1a}.icon-button{width:24px;height:28px;color:var(--faint);background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.icon-button:hover{color:var(--danger);background:#ff8d9a14}.empty-lines{color:var(--faint);text-align:center;justify-items:center;gap:10px;padding:31px 20px;font-size:11px;display:grid}.empty-lines svg{color:var(--cyan)}.empty-lines p{max-width:330px;line-height:1.5}.editor-footnote{color:var(--faint);justify-content:space-between;align-items:center;padding:12px 16px;font-family:DM Mono,monospace;font-size:9px;display:flex}.editor-footnote span{align-items:center;gap:6px;display:flex}.editor-footnote svg{color:var(--cyan)}.text-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;font-size:9px;display:flex}.text-button:hover{color:var(--ink)}.export-bar{background:linear-gradient(110deg,#21351e94,#101b22e6);border:1px solid #a9f3643d;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;padding:13px 15px 13px 16px;display:flex;position:relative;overflow:hidden}.export-copy{gap:11px;min-width:0}.export-icon{width:34px;height:34px;color:var(--accent);background:#a9f36421;border-radius:9px;flex:none;place-items:center;display:grid}.export-copy strong{font-size:11px;display:block}.export-copy span{color:var(--muted);white-space:nowrap;margin-top:3px;font-size:9px;display:block}.export-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.export-button{min-width:138px}.inline-error{color:var(--danger);align-items:center;gap:5px;max-width:260px;font-size:9px;display:flex}.export-progress{background:#a9f3641a;width:100%;height:2px;position:absolute;bottom:0;left:0}.export-progress span{background:var(--accent);height:100%;transition:width .2s;display:block}.notice-line{color:var(--faint);letter-spacing:.02em;justify-content:center;padding:20px 0 0;font-family:DM Mono,monospace;font-size:9px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1060px){.studio-grid{grid-template-columns:300px minmax(0,1fr)}.caption-table-head{grid-template-columns:53px 135px 1fr 1fr 24px}.caption-row{grid-template-columns:25px 135px minmax(0,1fr) minmax(0,1fr) 24px}.topbar-center{display:none}}@media (width<=820px){.page-shell{width:min(100% - 24px,680px);padding-top:35px}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:28px}.heading-note{border-left:0;border-top:1px solid var(--border-strong);padding:12px 0 0}.studio-grid{grid-template-columns:1fr}.control-column{order:2}.workspace-column{order:1}.workflow-rail{max-width:100%}.rail-line{flex:1}.workflow-step{min-width:auto}.workflow-step small,.caption-table-head{display:none}.caption-row{grid-template-columns:25px 1fr 1fr 24px}.caption-row .time-fields{grid-area:1/2/auto/4;max-width:230px}.caption-row textarea:first-of-type{grid-area:2/2/auto/4}.caption-row textarea:nth-of-type(2){grid-area:3/2/auto/4}.caption-row .icon-button{grid-area:1/4}.line-index{grid-row:1/4;align-self:start;padding-top:8px}.editor-heading{flex-direction:column;align-items:flex-start;gap:13px}.export-bar{flex-direction:column;align-items:flex-start}.export-actions{justify-content:flex-start;width:100%}.export-copy span{white-space:normal}}@media (width<=500px){.topbar{padding:0 15px}.topbar .button-ghost{display:none}.page-shell{width:calc(100% - 24px)}.workflow-step strong{font-size:10px}.workflow-step>span{width:23px;height:23px;font-size:8px}.rail-line{margin:0 7px}.preview-heading{flex-direction:column;align-items:flex-start;gap:12px}.editor-actions{width:100%}.editor-actions .button{flex:1}.language-row{grid-template-columns:1fr}.swap-arrow{height:15px;transform:rotate(-90deg)}.style-inline-row{align-items:flex-start}.export-actions .button{flex:1}.export-actions .inline-error{width:100%;max-width:none}}.capcut-shell .page-heading,.capcut-shell .workflow-rail{display:none}.capcut-shell .page-shell{padding-top:20px}.capcut-shell .workspace-column{order:1}.capcut-shell .control-column{order:2}.capcut-shell .preview-panel{background:#05080e;border-color:#ffffff1a}.capcut-shell .preview-heading{padding:15px 17px 12px}.capcut-shell .video-stage{aspect-ratio:16/9;border-radius:8px;margin:0 10px}.capcut-shell .topbar{height:60px}@media (width<=760px){body{background:#05080e}.capcut-shell .topbar{height:56px;padding:0 13px}.capcut-shell .topbar-center,.capcut-shell .brand-caption{display:none}.capcut-shell .brand-name{font-size:13px}.capcut-shell .sample-button{display:none}.capcut-shell .page-shell{width:100%;padding:8px 0 18px}.capcut-shell .studio-grid{flex-direction:column;gap:8px;display:flex}.capcut-shell .workspace-column{gap:8px;width:100%}.capcut-shell .control-column{scrollbar-width:none;order:2;gap:8px;width:100%;padding:0 8px 2px;display:flex;overflow-x:auto}.capcut-shell .control-column::-webkit-scrollbar{display:none}.capcut-shell .control-column .panel{border-radius:10px;min-width:280px}.capcut-shell .source-panel{min-width:300px!important}.capcut-shell .source-panel .dropzone{min-height:104px}.capcut-shell .language-panel{min-width:300px!important}.capcut-shell .style-panel{min-width:245px!important}.capcut-shell .preview-panel{border-left:0;border-right:0;border-radius:0}.capcut-shell .preview-heading{padding:10px 13px}.capcut-shell .preview-heading h2{font-size:13px}.capcut-shell .video-stage{aspect-ratio:9/16;border-radius:0;max-height:calc(100vh - 190px);margin:0}.capcut-shell .video-stage video{object-fit:contain}.capcut-shell .preview-footer{padding:7px 13px}.capcut-shell .editor-panel{border-radius:10px;margin:0 8px;overflow-x:auto}.capcut-shell .caption-table-head,.capcut-shell .caption-row{min-width:720px}.capcut-shell .export-bar{gap:10px;margin:0 8px;padding:12px;display:grid}.capcut-shell .export-actions{flex-wrap:wrap}.capcut-shell .export-actions .button{flex:1}.capcut-shell .notice-line{margin:8px 13px}}.capcut-shell .editor-panel,.capcut-shell .preview-footer{display:none}.capcut-shell .studio-grid{grid-template-columns:minmax(0,1fr)}.capcut-shell .workspace-column{width:100%}.capcut-shell .subtitle-overlay{max-width:78%;padding:.2em .48em;line-height:1.18}@media (width<=760px){.capcut-shell .subtitle-overlay{max-width:82%;padding:.16em .42em}.capcut-shell.has-video .page-shell{padding:0}.capcut-shell.has-video .studio-grid,.capcut-shell.has-video .workspace-column{gap:0;height:calc(100dvh - 56px)}.capcut-shell.has-video .control-column{display:none}.capcut-shell.has-video .preview-panel{border-radius:0;flex-direction:column;height:calc(100dvh - 56px);min-height:0;display:flex}.capcut-shell.has-video .preview-heading{flex:0 0 38px;padding:8px 13px}.capcut-shell.has-video .video-stage{aspect-ratio:auto;flex:1;height:auto;min-height:0;max-height:none}.capcut-shell.has-video .export-bar{z-index:30;left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e1623f0;border-radius:12px;margin:0;padding:8px;position:fixed}.capcut-shell.has-video .export-copy{display:none}.capcut-shell.has-video .export-actions{width:100%}.capcut-shell.has-video .export-button{min-height:40px}.capcut-shell.has-video .notice-line{display:none}.capcut-shell.has-video.tools-open .control-column{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#05080ef0;border-top:1px solid #ffffff1f;padding:8px;display:flex;position:fixed;bottom:68px;left:0;right:0}.capcut-shell.has-video.caption-editor-open .editor-panel{z-index:45;max-height:62dvh;margin:0;display:block;position:fixed;bottom:68px;left:8px;right:8px;overflow:auto;box-shadow:0 -18px 50px #00000073}.capcut-shell.has-video.caption-editor-open .caption-list{max-height:44dvh;overflow:auto}.capcut-shell.has-video.caption-editor-open .caption-table-head,.capcut-shell.has-video.caption-editor-open .caption-row{min-width:720px}.capcut-shell.has-video .edit-trigger{min-height:40px;display:inline-flex}}.capcut-shell.caption-editor-open .editor-panel{display:block}