.studio{--surface:#141416;--border:#2a2a2c;--muted:#a1a1aa;--amber:#fbbf24;min-height:100vh;background:#0d0d0f;color:#f4f4f5;font-size:14px}.studio button,.studio select{cursor:pointer}.studio button:disabled{opacity:.4;cursor:not-allowed}.studio :focus-visible{outline:2px solid var(--amber);outline-offset:4px}.studio-header{min-height:78px;padding:0 max(24px,calc((100vw - 1392px) / 2));gap:24px;border-bottom:1px solid var(--border)}.studio-brand,.studio-header{display:flex;align-items:center}.studio-brand{gap:9px;font-size:22px;letter-spacing:-.7px;font-weight:750}.studio-brand>span{width:11px;height:11px;background:var(--amber);border-radius:2px}.local-badge{color:#b2b2b9;font-size:11px;padding:6px 10px;border:1px solid var(--border);border-radius:20px}.local-badge,.studio-about{display:flex;align-items:center;gap:7px}.studio-about{margin-left:auto;color:var(--muted);font-size:12px}.studio-main{max-width:1440px;padding:52px 24px 72px;margin:auto}.studio-intro{margin-bottom:36px}.eyebrow{color:var(--amber);font-size:10px;font-weight:650;letter-spacing:2px;margin-bottom:18px}.studio-intro h1{font-size:clamp(48px,6vw,78px);font-weight:650;line-height:1.06;letter-spacing:-3px}.studio-intro h1 span{color:var(--amber)}.studio-intro>p:last-child{margin-top:21px;color:var(--muted);font-size:16px;line-height:1.7}.start-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:54px;align-items:center}.drop-zone{min-height:355px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;border:1px dashed #44403b;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#fbbf2407,transparent 65%),#141416;text-align:center;transition:border-color .2s,background .2s}.drop-zone.drag-over{border-color:var(--amber);background:#292212}.drop-symbol{display:grid;place-items:center;width:70px;height:70px;color:var(--amber);background:#fbbf240b;border:1px solid #fbbf2429;border-radius:18px;margin-bottom:20px}.drop-zone h2{font-size:22px;font-weight:600;letter-spacing:-.5px}.drop-zone>p{color:var(--muted);margin:8px 0 22px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:7px;font-weight:600;font-size:13px;line-height:1.4;transition:background .15s}.primary-button{background:var(--amber);color:#15120b;border:1px solid var(--amber)}.primary-button:hover:not(:disabled){background:#fcd34d}.secondary-button{background:#1b1b1e;border:1px solid #353538;color:#d4d4d8}.secondary-button:hover:not(:disabled){background:#29292d}.secondary-button[aria-pressed=true]{border-color:var(--amber);color:var(--amber)}.small{padding:7px 10px;font-size:11px}.file-support{margin-top:20px;color:#a1a1aa;font-size:11px}.browser-note{color:#909099;font-size:10px;margin-top:7px}.start-guide>.eyebrow{color:#9898a1;margin-bottom:26px}.guide-step{display:flex;gap:20px;margin-bottom:24px}.guide-step>span{font-family:ui-monospace,monospace;color:#96969e;font-size:11px;padding-top:3px}.guide-step h3{font-size:15px;font-weight:600;margin-bottom:5px}.guide-step p,.privacy-note p{color:var(--muted);font-size:12px;line-height:1.7}.privacy-note{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--border);padding-top:20px}.privacy-note svg{color:#84bfa7;flex-shrink:0;margin-top:4px}.review-note{display:flex;gap:10px;color:#a1a1ab;font-size:11px;line-height:1.8;margin-top:24px;max-width:900px}.review-note svg{flex-shrink:0;margin-top:3px}.studio-footer{max-width:1392px;margin:auto;padding:22px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;color:#96969f;font-size:10px}.studio-footer>span:last-child{display:flex;gap:7px;align-items:center}.studio-footer a:hover{color:var(--amber)}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:30px}.editor-heading .eyebrow{margin-bottom:10px}.editor-heading h1{font-size:clamp(26px,3vw,36px);font-weight:600;letter-spacing:-1px}.file-details{margin-top:12px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#a1a1aa;font-size:11px}.file-details>span:first-of-type{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:26px;align-items:start}.editing-column{min-width:0}.studio-preview{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.preview-topline{display:flex;justify-content:space-between;gap:12px;padding:14px 17px;font-size:10px;color:#a1a1aa;border-bottom:1px solid var(--border)}.preview-topline>span:first-child{display:flex;gap:7px;align-items:center}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--amber)}.preview-stage{position:relative;padding:18px;min-height:200px;background:#08080a;display:flex;align-items:center;justify-content:center}.preview-surface{position:relative;width:100%;overflow:hidden;background:#151518}.frame-loading{position:absolute;inset:0;display:grid;place-items:center;background:#08080a;color:#a1a1aa;font-size:12px}.preview-surface canvas{width:100%;height:100%;display:block}.preview-surface canvas.drawing{cursor:crosshair;touch-action:none}.mask-draft{border:2px solid var(--amber);background:#fbbf2444}.drawing-instruction,.mask-draft{position:absolute;pointer-events:none}.drawing-instruction{bottom:10px;left:50%;transform:translateX(-50%);background:#18181bef;border:1px solid #fbbf2466;color:var(--amber);padding:8px 12px;border-radius:6px;font-size:11px;text-align:center}.preview-controls{padding:12px 16px}.studio input[type=range]{display:block;width:100%;height:14px;accent-color:var(--amber);cursor:pointer}.preview-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:10px}.control-group{display:flex;align-items:center;gap:4px}.icon-button{display:inline-grid;place-items:center;min-width:32px;min-height:32px;color:#b4b4bc;border-radius:5px}.icon-button:hover:not(:disabled){background:#2b2b31;color:#fff}.icon-button[aria-pressed=true]{background:#fbbf2412;color:var(--amber)}.timecode{margin-left:7px;font-size:10px;font-family:ui-monospace,monospace;white-space:nowrap}.timecode span{color:#9999a4}.preview-caption{border-top:1px solid var(--border);padding:10px 17px;font-size:10px;color:#9999a4}.manual-panel{margin-top:20px;padding:20px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.section-title{justify-content:space-between}.section-title,.section-title h2{display:flex;align-items:center;gap:10px}.section-title h2{font-size:14px;font-weight:600}.section-title>span,.section-title>svg{font-size:10px;color:#a1a1aa}.manual-panel>p{color:#a1a1aa;font-size:11px;line-height:1.7;margin:10px 0}.text-button{color:var(--amber);font-size:11px;padding:4px 0}.text-button:hover:not(:disabled){text-decoration:underline}.manual-panel>.text-button+.text-button{margin-left:18px}.mask-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:15px;margin-top:15px}.mask-row strong{margin-right:auto;font-size:12px;align-self:center}.mask-row small{display:block;margin-top:4px;font-weight:400}.mask-row label,.mask-row small{font-size:9px;color:#a1a1aa}.mask-row input{display:block;width:75px;padding:6px;margin-top:4px;border:1px solid #38383e;border-radius:4px;background:#0f0f12;color:#eee}.manual-panel .mask-editing{color:var(--amber)}.editor-sidebar{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.sidebar-section{padding:22px}.sidebar-section+.sidebar-section{border-top:1px solid var(--border)}.section-number{color:#9999a3;font-size:10px;font-family:ui-monospace,monospace;font-weight:400}.sidebar-section>p{font-size:11px;color:#a1a1aa;line-height:1.7;margin-top:12px}.people-summary{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a1a1aa;margin:16px 0 10px}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:360px;overflow-y:auto;padding:4px;margin:-4px}.person-card{border:1px solid #333337;border-radius:7px;background:#1b1b1e;overflow:hidden}.person-card>button:first-child{width:100%;text-align:left;padding:6px}.person-portrait{position:relative;margin-bottom:8px}.person-portrait img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.person-portrait>span{position:absolute;right:3px;bottom:3px;background:#111111d9;color:var(--amber);border:1px solid #444;padding:3px;border-radius:4px}.person-card strong{display:block;font-size:10px;font-weight:500}.person-card small{display:block;color:#c1a563;font-size:9px;margin-top:3px}.person-card.visible-person{border-color:#69cbaa;background:#122b23}.visible-person .person-portrait>span,.visible-person small{color:#80dfbb}.person-card .person-jump{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px;border-top:1px solid #333337;color:#a1a1aa;font-size:9px;font-family:ui-monospace,monospace}.empty-people{text-align:center;padding:18px 10px;color:#a1a1aa}.empty-people svg{margin:0 auto 8px}.empty-people strong{display:block;font-size:13px;color:#d4d4d8}.empty-people p{font-size:11px;line-height:1.6;margin-top:8px}.style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.style-options button{position:relative;border:1px solid #363639;border-radius:6px;padding:10px 5px 8px;font-size:10px;color:#b4b4bd}.style-options button[aria-pressed=true]{border-color:var(--amber);background:#fbbf2409;color:var(--amber)}.style-options button>svg{position:absolute;right:5px;top:5px}.style-swatch{width:32px;height:32px;display:block;margin:0 auto 8px;border-radius:5px}.swatch-pixelate{background:conic-gradient(#988672 90deg,#685d50 90deg 180deg,#b3a089 180deg 270deg,#857a6c 270deg);background-size:14px 14px}.swatch-blur{background:radial-gradient(ellipse,#b7a791,#8a7463 50%,#504d49);filter:blur(3px)}.swatch-solid{background:#08080a;border:1px solid #333}.slider-label{display:block;margin-top:16px;font-size:11px;color:#bbb}.slider-label>span{float:right;color:#a1a1aa;font-size:10px}.slider-label input{margin-top:8px}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:19px}.export-options label{font-size:10px;color:#a1a1aa}.export-options select{display:block;width:100%;margin-top:6px;padding:9px 5px;background:#1c1c20;border:1px solid #3b3b42;border-radius:5px;color:#ddd;font-size:11px}.check-label{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.6;color:#c1c1c9;margin-top:16px;cursor:pointer}.check-label input{accent-color:var(--amber);flex-shrink:0;margin-top:2px;width:14px;height:14px}.review-check{margin-top:20px;border-top:1px solid var(--border);padding-top:18px;color:#a1a1aa}.export-button{width:100%;margin-top:18px}.sidebar-section>.export-footnote{text-align:center;font-size:9px}.progress-panel{width:100%;text-align:left;border:1px solid #fbbf2433;padding:22px;border-radius:10px;background:#fbbf2406;margin:20px 0}.progress-heading{display:flex;align-items:center;gap:12px}.progress-heading svg{color:var(--amber);flex-shrink:0}.progress-heading>div{min-width:0;flex:1}.progress-heading strong{font-size:12px}.progress-heading p{margin-top:5px;color:#a1a1aa;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-heading>span{font-family:ui-monospace,monospace;color:var(--amber);font-size:12px}.progress-panel progress{display:block;width:100%;height:5px;margin:19px 0 12px;accent-color:var(--amber);border:0;border-radius:4px;overflow:hidden}.progress-panel progress::-webkit-progress-bar{background:#353027}.progress-panel progress::-webkit-progress-value{background:var(--amber)}.progress-footer{align-items:flex-start;gap:15px;font-size:10px;line-height:1.6;color:#a1a1aa}.progress-footer,.studio-error{display:flex;justify-content:space-between}.studio-error{align-items:center;gap:12px;color:#fda4af;background:#f43f5e0c;border:1px solid #f43f5e44;border-radius:8px;padding:15px 18px;margin-top:20px;font-size:12px;line-height:1.7}.result-panel{background:#12201b;border:1px solid #2c5d48;border-radius:12px;padding:24px;margin-top:25px}.result-panel h2{color:#9ae6bd}.result-panel video{display:block;width:100%;max-height:440px;background:#000;margin:20px 0;border-radius:6px}.result-panel a{overflow-wrap:anywhere}.result-panel>p{font-size:11px;line-height:1.6;color:#a1a1aa;margin-top:14px}.reset-prompt{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:20px;border:1px solid #fbbf2455;background:#211d13;border-radius:8px;margin-bottom:25px}.reset-prompt>div{margin-right:auto}.reset-prompt strong{font-size:13px}.reset-prompt p{font-size:11px;color:#b5b0a2;margin-top:5px}.visually-hidden{position:absolute;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes studio-spin{to{transform:rotate(1turn)}}.spinner{animation:studio-spin 1.5s linear infinite}@media (min-width:1500px){.studio-intro{padding-top:12px}.studio-main:has(.studio-intro){max-width:1250px}}@media (max-width:1000px){.editor-layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.sidebar-section{padding:18px}.start-layout{gap:30px}}@media (max-width:780px){.studio-main{padding:35px 20px 50px}.studio-header{min-height:65px;padding:0 20px;gap:14px}.studio-about{font-size:10px}.editor-layout,.start-layout{grid-template-columns:minmax(0,1fr)}.start-guide{margin-top:12px}.studio-intro h1{font-size:60px}.studio-intro{margin-bottom:30px}.drop-zone{min-height:320px;padding:30px 20px}.editor-heading{align-items:flex-start}.editor-heading>button{flex-shrink:0;padding:9px 11px;font-size:11px}.people-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-footer{margin:0 20px}}@media (max-width:420px){.studio-about{display:none}.local-badge{margin-left:auto}.studio-main{padding:30px 16px 45px}.studio-intro h1{font-size:53px;letter-spacing:-2px}.editor-heading h1{font-size:25px}.file-details{gap:7px}.file-details>span:first-of-type{max-width:170px}.preview-stage{padding:8px}.preview-actions{gap:6px}.preview-controls{padding:9px}.timecode{margin-left:2px}.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-footer>span:last-child{max-width:125px;text-align:right}.progress-panel{padding:16px}}@media (prefers-reduced-motion:reduce){.studio *,.studio :after,.studio :before{animation:none!important;transition:none!important}}