:root{--bg:#101017;--panel:#17171f;--panel2:#1d1c25;--ink:#f5f3f6;--muted:#9b97a5;--faint:#6c6875;--line:#302e39;--purple:#bd96ff;--orange:#ff8b58;--green:#9bdbbd;--sans:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;min-width:350px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#131219;border-right:1px solid #292631;padding:26px 18px 22px;display:flex;flex-direction:column;z-index:4}.brand{height:34px;display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none;font:700 15px var(--display);letter-spacing:-.4px}.brand-light{font-weight:500;color:#a7a1af;margin-left:3px}.brand-mark{width:26px;height:26px;border:1px solid #5a486a;border-radius:8px;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:5px}.brand-mark i{display:block;width:3px;border-radius:2px;background:var(--orange)}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:13px;background:var(--purple)}.brand-mark i:nth-child(3){height:10px}.side-rule{height:1px;background:#2d2934;margin:25px 0 23px}.side-rule.lower{margin:22px 0}.side-label,.panel-kicker,.list-heading,.eyebrow{font:500 9px var(--mono);letter-spacing:1.3px;color:#898391}.nav-item{height:41px;display:flex;align-items:center;gap:12px;padding:0 11px;border-radius:6px;color:#b8b3c0;text-decoration:none;font-size:12px}.nav-item.active{background:#25212c;color:#fff;border:1px solid #38313f}.nav-icon{color:var(--purple);font-size:16px}.step-mini{display:flex;align-items:flex-start;gap:10px;padding:12px 4px;color:#bbb6c2;font-size:11px}.step-mini>span{font:400 10px var(--mono);color:#797482;padding-top:1px}.step-mini.active>span{color:var(--orange)}.step-mini small{display:block;color:#746f7b;font-size:10px;margin-top:4px}.sidebar-bottom{margin-top:auto;color:#77727f;font-size:10px;line-height:1.6}.secure-badge{color:#c3bdc9;font-size:10px}.secure-badge span{color:var(--green);font-size:9px;margin-right:5px}.sidebar-bottom p{margin:7px 0 14px;max-width:185px}.sidebar-bottom>a{color:#c4a3ff;text-decoration:none;font-size:10px}.main-content{margin-left:242px;min-height:100vh}.topbar{height:64px;border-bottom:1px solid #282630;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;font-size:10px}.crumb{display:flex;gap:10px;align-items:center;color:#7f7a87;font:400 9px var(--mono);letter-spacing:.7px}.crumb b{color:#514d58;font-weight:400}.crumb strong{color:#d9d5de;font:500 10px var(--sans);letter-spacing:0}.top-right{display:flex;align-items:center;color:#b2adb9;font-size:10px;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px #81d7ae66}.top-separator{height:14px;width:1px;background:#37333e;margin:0 7px}.top-brand{font:400 9px var(--mono);letter-spacing:1px;color:#a39eaa}.top-brand b{color:var(--orange);font-weight:400;padding:0 3px}.workspace{max-width:1280px;padding:43px 5.2% 24px;margin:0 auto}.hero-row{display:flex;justify-content:space-between;align-items:center}.eyebrow{display:flex;gap:9px;align-items:center;color:#aaa5b1;font-size:9px}.eyebrow-line{width:22px;height:1px;background:var(--orange)}h1{font:600 clamp(38px,4vw,54px)/1.04 var(--display);letter-spacing:-2.4px;margin:15px 0 10px}h1 em{color:var(--purple);font-weight:500}.hero-copy{color:#a7a2ad;font-size:13px;margin:0}.hero-stamp{width:59px;height:59px;border:1px solid #3d3745;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aaa2b2;margin-right:7%;transform:rotate(-10deg)}.hero-stamp span{font:600 16px var(--display);color:var(--orange)}.hero-stamp small{font:400 5px var(--mono);letter-spacing:.7px;text-align:center;margin-top:2px}.workflow-track{display:flex;align-items:center;margin:37px 0 24px;gap:12px}.track-step{display:flex;gap:8px;align-items:center;color:#716d79;white-space:nowrap}.track-step span{height:23px;width:23px;display:grid;place-items:center;border:1px solid #3b3742;border-radius:50%;font:400 9px var(--mono)}.track-step b{font-size:10px;font-weight:500}.track-step.current{color:#f1edf5}.track-step.current span{background:#bd96ff;color:#1b1620;border-color:#bd96ff}.workflow-track>i{height:1px;max-width:65px;flex:1;background:#34313a}.editor-grid{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(430px,1.1fr);gap:16px;align-items:start}.panel{background:var(--panel);border:1px solid #302e38;border-radius:9px;padding:22px 22px 20px;box-shadow:0 12px 30px #0000000d}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.panel-kicker{color:#a69eae;font-size:9px}.panel h2{font:600 19px var(--display);letter-spacing:-.5px;margin:6px 0 0}.step-number{font:400 10px var(--mono);color:#77717e;border:1px solid #393541;border-radius:4px;padding:5px 7px}.dropzone{height:190px;border:1px dashed #4c4556;background:linear-gradient(145deg,#201c28 0%,#1b1921 70%);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;transition:.2s;margin-bottom:19px;text-align:center}.dropzone:hover,.dropzone.dragover{border-color:#bd96ff;background:#24202c}.dropzone input{display:none}.upload-icon{width:37px;height:37px;border-radius:10px;background:#31273b;display:grid;place-items:center;margin-bottom:11px;color:#c6a6ff}.upload-icon svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.dropzone strong{font-size:12px;font-weight:600}.drop-or{font-size:10px;color:#9e98a7;margin-top:6px}.drop-or u{color:#c49fff;text-underline-offset:2px}.file-types{color:#77727e;font:400 8px var(--mono);margin-top:17px;letter-spacing:.2px}.file-types b{padding:0 4px;color:#514c57}.file-info{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:8px;margin:-4px 0 15px}.file-thumb{width:45px;height:35px;border-radius:4px;background:linear-gradient(135deg,#6c5674,#d78a65);display:grid;place-items:center;color:white}.file-meta{min-width:0;flex:1}.file-meta strong,.file-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta strong{font-size:10px}.file-meta small{color:var(--muted);font-size:9px;margin-top:3px}.icon-button{border:0;background:transparent;color:#aaa3b0;font-size:19px;cursor:pointer}.video-preview-wrap{margin-bottom:16px;border-radius:6px;overflow:hidden;background:#0c0b10}.video-preview-wrap video{display:block;width:100%;max-height:280px}.field-label{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;color:#e2dee7;margin:15px 0 8px}.required,.optional{font:400 8px var(--mono);letter-spacing:.5px;color:#eaa079;border:1px solid #594032;padding:3px 5px;border-radius:3px}.optional{color:#96909d;border-color:#403c47}.panel textarea{width:100%;resize:vertical;background:#121117;color:#eeeaf2;border:1px solid #36323e;border-radius:5px;padding:10px 11px;font:400 11px/1.55 var(--sans);outline:none;transition:border-color .2s}.panel textarea:focus,.api-row input:focus{border-color:#9e7ac9}.panel textarea::placeholder{color:#77717e}.field-foot{display:flex;justify-content:space-between;color:#77717e;font-size:9px;margin-top:6px}.field-foot code{font:400 8px var(--mono);color:#a69eb0}.transcript-help{margin-top:11px;color:#8c8693;font-size:10px}.transcript-help summary{cursor:pointer;color:#b6afbf}.transcript-help p{line-height:1.6;margin:8px 0 0}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.style-card{position:relative;min-width:0;display:block;border:1px solid #36323e;border-radius:6px;padding:5px;cursor:pointer;transition:.18s;background:#191820}.style-card:hover{border-color:#736181}.style-card.selected{border-color:#bb98f1;background:#221e29;box-shadow:0 0 0 1px #bd96ff22}.style-card input{position:absolute;opacity:0;pointer-events:none}.style-preview{height:68px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;overflow:hidden;border-radius:3px;margin-bottom:7px;position:relative}.style-preview b{font:700 10px var(--display);line-height:1.05;color:#fff;letter-spacing:-.2px}.style-preview i{font:400 7px var(--mono);font-style:normal;opacity:.8;margin-top:5px}.style-preview.raw{background:radial-gradient(ellipse at 50% 110%,#81736e,#313038 65%,#22202a)}.style-preview.raw b{font-size:11px}.style-preview.editorial{background:linear-gradient(135deg,#817161,#3a3033 55%,#bb704d)}.style-preview.editorial b{font:italic 13px Georgia,serif}.style-preview.explain{background:linear-gradient(125deg,#28444c,#1b2c35 55%,#778f80)}.style-preview.explain b{font-size:8px;letter-spacing:.8px}.style-preview.collage{background:linear-gradient(135deg,#bd7e55,#542e58 60%,#1f2230)}.style-preview.collage b{font-size:15px;line-height:.85;transform:rotate(-4deg)}.style-preview.ad{background:linear-gradient(135deg,#e77841,#842d45 62%,#272134)}.style-preview.ad b{font-size:13px;transform:rotate(-3deg)}.style-preview.vsl{background:radial-gradient(ellipse at 50% 20%,#9160a2,#36243c 50%,#15141b)}.style-preview.vsl b{color:#ffd58d}.style-title{display:block;font-size:9px;font-weight:600;padding:0 3px}.style-sub{display:block;color:#8c8692;font-size:7px;line-height:1.25;padding:3px 3px 4px;min-height:22px}.radio-check{position:absolute;top:8px;right:8px;height:14px;width:14px;border-radius:50%;background:#c39cff;color:#1a1520;font:700 9px var(--sans);display:none;place-items:center}.style-card.selected .radio-check{display:grid}.api-box{margin-top:17px;padding:12px;background:#131219;border:1px solid #34303c;border-radius:6px}.api-box-head{display:flex;align-items:center;gap:9px}.api-lock{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#282333;color:#c4a4fa;font-size:15px}.api-box-head>div{flex:1;min-width:0}.api-box-head strong,.api-box-head small{display:block}.api-box-head strong{font-size:10px;font-weight:600}.api-box-head small{font-size:8px;color:#8b8591;margin-top:3px}.api-box-head>a{color:#c2a0f2;text-decoration:none;font-size:8px;white-space:nowrap}.api-row{display:flex;gap:7px;margin-top:10px}.api-row input,.api-row select{height:32px;border:1px solid #393541;border-radius:4px;background:#1b1921;color:#e4dfe9;font:400 10px var(--sans);outline:none;padding:0 9px}.api-row input{flex:1;min-width:0;font-family:var(--mono);font-size:9px}.api-row input::placeholder{color:#696471}.api-row select{width:116px}.api-box>p{font-size:8px;line-height:1.5;color:#77727e;margin:7px 0 0}.primary-button{height:43px;width:100%;border:0;border-radius:5px;background:linear-gradient(100deg,#b493ed,#d0a5fa);color:#1b1424;display:flex;justify-content:center;align-items:center;position:relative;gap:10px;font:600 11px var(--sans);cursor:pointer;transition:filter .2s,transform .2s;margin-top:12px}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:wait;transform:none}.primary-button>b{position:absolute;right:15px;font-size:15px;font-weight:400}.plan-panel{margin-top:16px;scroll-margin-top:20px}.plan-panel .panel-head{margin-bottom:12px}.plan-overview{display:flex;gap:20px;justify-content:space-between;align-items:center;background:#211d27;border:1px solid #37313e;border-radius:6px;padding:14px 15px}.plan-overview h3{font:600 14px var(--display);margin:0 0 5px}.plan-overview p{font-size:10px;color:#a7a0ad;margin:0;line-height:1.5}.text-button{background:transparent;border:1px solid #49414f;border-radius:4px;color:#c4a7ec;padding:8px 9px;font:500 9px var(--sans);cursor:pointer;white-space:nowrap}.plan-notes{margin-top:10px;background:#27231b;border-left:2px solid #d9a565;padding:9px 11px;color:#c6b395;font-size:9px;line-height:1.6}.plan-columns{display:grid;grid-template-columns:1fr 1.15fr;gap:12px;margin-top:14px}.plan-list{min-width:0}.list-heading{height:27px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34313a;font-size:8px}.list-heading small{font:400 8px var(--mono);color:#7f7986}.edit-list{max-height:280px;overflow:auto;padding:6px 3px 3px 0}.edit-item{display:grid;grid-template-columns:60px 1fr;gap:8px;align-items:center;padding:6px 3px;border-bottom:1px solid #292630}.edit-item:last-child{border-bottom:0}.time-range{display:flex;align-items:center;gap:3px}.time-range input{width:42px;min-width:0;background:#111016;border:1px solid #3c3743;border-radius:3px;padding:4px 3px;color:#e1dbe8;font:400 8px var(--mono)}.edit-item textarea{font-size:9px;padding:6px;min-height:31px}.edit-item .caption-time{font:400 8px var(--mono);color:#b6a1d2}.empty-list{color:#7c7683;font-size:9px;padding:12px 4px}.render-row{border-top:1px solid #34313a;margin-top:16px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:15px}.render-info{display:flex;gap:9px;align-items:center}.render-dot{height:7px;width:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px #ff8b5850}.render-info strong,.render-info small{display:block}.render-info strong{font-size:9px;font-weight:600}.render-info small{font-size:8px;color:#8d8794;margin-top:4px}.render-button{margin:0;width:auto;min-width:165px;height:38px;padding:0 14px}.render-button>b{right:12px}.download-card{display:flex;align-items:center;gap:10px;border:1px solid #355744;background:#19231f;border-radius:5px;padding:11px;margin-top:12px}.download-check{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#9bdbbd;color:#10231a;font-weight:700}.download-card>div:nth-child(2){flex:1}.download-card strong,.download-card small{display:block}.download-card strong{font-size:10px}.download-card small{font-size:8px;color:#97ad9f;margin-top:3px}.download-button{font-size:9px;background:#a9e2c5;color:#102019;text-decoration:none;border-radius:4px;padding:8px 10px;font-weight:700}.notice{position:fixed;z-index:10;right:22px;bottom:20px;max-width:min(440px,calc(100vw - 32px));border:1px solid #52465a;background:#211d27;color:#eee8f3;border-radius:6px;padding:12px 15px;font-size:11px;line-height:1.5;box-shadow:0 12px 40px #0009}.notice.error{border-color:#825345;background:#2a1d1b}.notice.success{border-color:#476f5a;background:#1b2921}.footer{display:flex;justify-content:space-between;gap:16px;color:#66616d;font:400 8px var(--mono);letter-spacing:.4px;margin-top:20px}.footer b{color:#9b8bb0;padding:0 3px}.footer span:last-child{font-family:var(--sans);letter-spacing:0}.hidden{display:none!important}
@media(max-width:1050px){.sidebar{width:205px}.main-content{margin-left:205px}.workspace{padding-left:4%;padding-right:4%}.editor-grid{grid-template-columns:minmax(290px,.86fr) minmax(380px,1.14fr);gap:11px}.panel{padding:18px 16px}.style-grid{gap:6px}}
@media(max-width:790px){.sidebar{width:58px;padding:18px 8px}.brand{justify-content:center}.brand>span:last-child,.side-label,.side-rule,.nav-item:not(.active),.nav-item.active{font-size:0}.nav-item.active{margin-top:20px;justify-content:center;padding:0}.nav-icon{font-size:18px}.step-mini{padding:12px 7px;justify-content:center}.step-mini>div{display:none}.step-mini>span{font-size:9px}.sidebar-bottom{display:none}.main-content{margin-left:58px}.topbar{padding:0 4%;height:54px}.top-right{font-size:0}.top-brand{font-size:8px}.workspace{padding-top:31px}.editor-grid{grid-template-columns:1fr}.hero-stamp{margin-right:4%}.direction-panel{order:2}.source-panel{order:1}.workflow-track{gap:6px;margin:27px 0 18px}.track-step{gap:5px}.track-step b{font-size:8px}.track-step span{width:20px;height:20px}.workflow-track>i{max-width:40px}.plan-columns{grid-template-columns:1fr}.edit-list{max-height:220px}}
@media(max-width:480px){.workspace{padding-left:14px;padding-right:14px}.hero-row{align-items:flex-start}h1{font-size:39px}.hero-copy{font-size:11px;max-width:280px;line-height:1.5}.hero-stamp{width:45px;height:45px;flex:0 0 45px;margin:0}.hero-stamp span{font-size:13px}.hero-stamp small{font-size:4px}.workflow-track{justify-content:space-between}.track-step{gap:4px}.track-step b{display:none}.workflow-track>i{max-width:none}.panel{padding:16px 13px}.style-sub{font-size:6.5px}.api-box-head>a{font-size:7px}.api-row select{width:100px}.plan-overview{align-items:flex-start;flex-direction:column}.render-row{align-items:stretch;flex-direction:column}.render-button{width:100%}.footer{flex-direction:column}.crumb{font-size:8px}}