:root{color:#172137;font-synthesis:none;font-synthesis:none;background:#f4f6fa;font-family:Red Hat Display,Arial,sans-serif;font-size:14px;font-weight:500}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button{transition:background .18s,border-color .18s,box-shadow .18s}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #5682ff}button svg{flex-shrink:0}button{color:inherit}button:hover:not(:disabled){filter:brightness(.97)}.app-shell{min-height:100vh;display:flex}.sidebar{color:#99a5bb;background:#080e1b;flex-direction:column;flex-shrink:0;width:238px;height:100vh;padding:36px 18px 0;display:flex;position:fixed}.brand{color:#fff;letter-spacing:-1.5px;align-items:center;gap:13px;margin:0 17px 38px;font-size:34px;font-weight:800;line-height:1;display:flex}.brand-sub{letter-spacing:6.2px;margin-top:9px;font-size:10px;font-weight:600;display:block}.brand-mark{color:#2679ff;text-shadow:0 0 25px #1459e644;font-size:53px;font-weight:900;position:relative;transform:scaleX(1.1)}.brand-mark span{background:#59caff;width:9px;height:18px;position:absolute;top:29px;left:18px;transform:skew(-28deg)}.workspace-label,.nav-label{letter-spacing:1.8px;color:#6e7c93;margin:0 14px 13px;font-size:9px;font-weight:700}.workspace-card{color:#dce3f0;background:#101827;border:1px solid #222b3b;border-radius:7px;align-items:center;gap:10px;margin-bottom:33px;padding:11px 9px;font-size:11px;display:flex}.workspace-avatar{color:#b4caff;background:#1b2944;border:1px solid #344467;border-radius:5px;place-items:center;width:30px;height:32px;font-weight:800;display:grid}.workspace-card small{color:#7a89a2;margin-top:4px;font-size:10px;display:block}.nav-item{color:#96a3b9;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:5px;align-items:center;gap:12px;width:100%;margin:5px 0;padding:13px 12px;font-size:12px;display:flex}.nav-item.active{color:#e1eaff;background:linear-gradient(90deg,#143473,#12203b);box-shadow:inset 2px 0 #3974ff}.nav-item.active svg{color:#6697ff}.new-label{color:#8db0ff;background:#284273;border-radius:3px;margin-left:auto;padding:3px 5px;font-size:8px;font-weight:800}.nav-count{color:#75839b;margin-left:auto;font-size:10px}.planning{margin-top:32px}.disabled{color:#58657c}.soon{letter-spacing:.7px;border:1px solid #293246;border-radius:3px;margin-left:auto;padding:3px 4px;font-size:7px}.sidebar-bottom{margin-top:auto}.local-note{border-bottom:1px solid #232a38;margin-top:45px;padding:22px 14px 27px}.small-spark{color:#638ffe;margin-bottom:12px;font-size:25px;display:block}.local-note strong{color:#b6c3d9;font-size:12px}.local-note p{color:#6b7a92;margin-bottom:0;font-size:11px;line-height:1.9}.profile{color:#c2ccdd;align-items:center;gap:10px;padding:21px 4px;font-size:11px;display:flex}.avatar{background:#26354c;border:1px solid #3d4c61;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.profile small{color:#718098;margin-top:4px;font-size:10px;display:block}.profile>svg{color:#74839a;margin-left:auto}.main-shell{flex:1;min-width:0;margin-left:238px}.topbar{background:#ffffffc9;border-bottom:1px solid #e4e8f0;justify-content:space-between;align-items:center;height:69px;padding:0 38px;font-size:11px;display:flex}.topbar>div{align-items:center;gap:14px;display:flex}.topbar>div>span{color:#8a94a6}.topbar svg{color:#9ea8b9}.topbar strong{font-weight:600}.service-status{color:#788397;align-items:center;gap:7px;font-size:10px;display:flex}.service-status i{background:#96a1b3;border-radius:50%;width:6px;height:6px}.service-status.online i{background:#2ca581;box-shadow:0 0 0 3px #2ca58113}main{max-width:1550px;margin:auto;padding:37px 38px 0}.eyebrow{color:#5675a5;letter-spacing:2.5px;margin-bottom:11px;font-size:9px;font-weight:800}.title-row{justify-content:space-between;align-items:center;gap:20px;display:flex}h1{letter-spacing:-1.2px;margin:0;font-size:32px;font-weight:800;line-height:1.2}.title-row p{color:#7c8799;margin:12px 0 0;font-size:12px}.page-heading{margin-bottom:30px}.studio-badge{color:#587095;letter-spacing:1px;white-space:nowrap;background:#eef2fa;border:1px solid #dce3f1;border-radius:5px;align-items:center;gap:8px;padding:9px 11px;font-size:8px;display:flex}.studio-badge svg{color:#3068ed}.studio-badge>span{color:#8296b4;border-left:1px solid #d0d9e9;padding-left:9px}.studio-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:23px;display:grid}.source-panel,.recipe-panel,.output-section,.library{background:#fff;border:1px solid #e1e6ef;border-radius:9px;box-shadow:0 3px 9px #23375d03}.section-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:0 23px;display:flex}h2{letter-spacing:-.2px;margin:0;font-size:14px;font-weight:800}.section-heading h2{align-items:center;gap:11px;display:flex}.step{color:#6b82a9;letter-spacing:0;background:#f7f9fc;border:1px solid #e0e6f1;border-radius:4px;padding:4px 5px;font-size:10px;font-weight:600}.muted{color:#8993a4;font-size:10px}.dropzone{background:radial-gradient(at 50% 25%,#eef4ff66,#0000 65%),#fafcff;border:1.5px dashed #cad7ef;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 46px);min-height:232px;margin:23px;padding:21px;display:flex;position:relative}.dropzone:disabled{opacity:1}.dropzone.dragging{background:#edf3ff;border-color:#04f}.upload-art{width:101px;height:70px;margin-bottom:17px;position:relative}.art-card{background:#fff;border:1px solid #d2def4;border-radius:9px;place-items:center;width:51px;height:59px;display:grid;position:absolute;box-shadow:0 5px 12px #174dbd09}.art-card.back{color:#a7bde4;top:0;left:13px;transform:rotate(-15deg)}.art-card.front{color:#2364f5;background:linear-gradient(#fff,#eff4ff);top:7px;left:42px;transform:rotate(10deg)}.art-spark{color:#4582ff;font-size:19px;position:absolute;top:-7px;right:-5px}.dropzone>strong{letter-spacing:-.4px;font-size:17px;font-weight:800}.dropzone>span{color:#8a96a9;margin-top:7px;font-size:12px}.dropzone b{color:#1553e5;font-weight:600}.dropzone>small{color:#9ca8ba;margin-top:19px;font-size:9px}.clips-toolbar{justify-content:space-between;align-items:center;margin:26px 23px 0;display:flex}.clips-toolbar>div{align-items:center;gap:12px;display:flex}.clips-toolbar h3{align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.clips-toolbar h3 span{color:#7b8aa2;background:#eef2f8;border-radius:4px;padding:3px 6px;font-size:9px}.text-button{color:#2960db;background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;font-size:10px;font-weight:700;display:flex}.empty-clips{text-align:center;padding:28px 10px 31px}.empty-icon{color:#a3afc3;background:#f7f9fc;border:1px solid #edf0f5;border-radius:8px;place-items:center;width:39px;height:39px;margin:auto auto 12px;display:grid}.empty-clips h3{color:#61718a;margin:0 0 7px;font-size:12px}.empty-clips p{color:#939eaf;margin:0;font-size:11px;line-height:1.8}.source-tags{justify-content:center;gap:7px;margin-top:18px;display:flex}.source-tags span{color:#8b99af;background:#f7f9fc;border:1px solid #e9edf4;border-radius:4px;padding:4px 7px;font-size:9px}.source-footer{color:#8a98ad;background:#fcfdff;border-top:1px solid #edf0f5;border-radius:0 0 9px 9px;align-items:center;gap:7px;padding:14px 23px;font-size:9px;display:flex}.recipe-panel>.section-heading>svg{color:#7e8faa}.recipe-body{padding:22px}.field-label,legend{color:#6e7d96;letter-spacing:1px;margin-bottom:10px;font-size:9px;font-weight:800;display:block}input:not([type=checkbox]){color:#45546e;background:#fff;border:1px solid #dfe5ef;border-radius:5px;width:100%;min-height:38px;padding:10px 11px;font-size:11px}fieldset{border:0;min-width:0;margin:25px 0 0;padding:0}legend{margin-bottom:12px;padding:0}.format-options{gap:8px;display:flex}.format-choice{background:#fff;border:1px solid #e2e7ef;border-radius:5px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:108px;padding:14px 4px 10px;display:flex;position:relative}.format-choice.chosen{background:#f3f7ff;border-color:#2d66ff;box-shadow:0 0 0 1px #2d66ff0b}.ratio-icon{border:1.5px solid #9eacc1;border-radius:3px;width:17px;height:27px;margin-bottom:9px;display:block}.chosen .ratio-icon{background:#e2ebff;border-color:#2260f8}.ratio-icon.landscape{width:32px;height:20px;margin:4px 0 12px}.ratio-icon.square{width:24px;height:24px;margin:2px 0 10px}.format-choice strong{font-size:11px}.format-choice small{color:#96a1b3;margin-top:4px;font-size:8px}.format-tick{color:#fff;background:#2863f3;border-radius:50%;place-items:center;width:12px;height:12px;display:grid;position:absolute;top:5px;right:5px}.field-help{color:#8d9bb0;margin:10px 0 0;font-size:9px}.segmented{background:#f1f4f9;border:1px solid #e8edf4;border-radius:6px;gap:5px;padding:4px;display:flex}.segmented button{color:#7f8da4;background:0 0;border:0;border-radius:4px;flex:1;min-height:43px;padding:9px 0;font-size:12px}.segmented button.chosen{color:#205cec;background:#fff;font-weight:800;box-shadow:0 1px 5px #19366213}.segmented button span{margin-top:2px;font-size:7px;font-weight:600;display:block}.audio-setting{border-bottom:1px solid #edf0f5;align-items:center;gap:10px;margin-top:23px;padding-bottom:22px;display:flex}.audio-icon{color:#7d8da6;background:#f4f7fc;border-radius:5px;place-items:center;width:31px;height:33px;display:grid}.audio-setting strong{font-size:11px;display:block}.audio-setting small{color:#95a0b2;margin-top:4px;font-size:8px;display:block}.switch{background:#c5cedc;border:0;border-radius:20px;flex-shrink:0;width:29px;height:17px;margin-left:auto;padding:3px}.switch span{background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .18s;display:block}.switch.on{background:#1455f2}.switch.on span{transform:translate(12px)}.recipe-note{color:#4575db;gap:9px;margin-top:19px;display:flex}.recipe-note>svg{flex-shrink:0;margin-top:2px}.recipe-note strong{color:#556b91;font-size:10px}.recipe-note p{color:#8f9cb0;margin:5px 0 0;font-size:10px;line-height:1.8}.generate-area{background:#fafbfe;border-top:1px solid #e9edf4;border-radius:0 0 9px 9px;padding:19px 22px}.generate-area>div{color:#8795aa;justify-content:space-between;margin-bottom:14px;font-size:9px;display:flex}.generate-area>div strong{color:#607495;font-weight:600}.primary{color:#fff;background:linear-gradient(110deg,#1468ff,#003df1);border:1px solid #175aff;border-radius:25px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:11px 20px;font-size:12px;font-weight:700;display:flex;box-shadow:0 3px 10px #0044ff25}.generate-area .primary{width:100%}.generate-area .primary>svg:last-child{margin-left:auto}.generate-area .primary>svg:first-child{margin-right:auto}.primary:disabled{color:#8195b6;box-shadow:none;background:#dfe7f7;border-color:#dfe7f7}.generate-area>small{text-align:center;color:#8e9bb0;margin-top:12px;font-size:8px;display:block}.output-section{margin-top:25px}.output-empty{align-items:center;gap:18px;min-height:118px;padding:27px 24px;display:flex}.preview-icon{color:#8fa6cc;background:#f3f6fc;border:1px solid #e3eaf6;border-radius:9px;flex-shrink:0;place-items:center;width:55px;height:55px;display:grid}.output-empty strong{color:#5c6d87;font-size:12px}.output-empty p{color:#99a4b5;margin:7px 0 0;font-size:10px}.output-type{letter-spacing:1px;color:#97a5b9;white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:8px;display:flex}.output-type svg{color:#6b92cc}.page-footer{color:#9ca7b9;justify-content:space-between;padding:25px 0;font-size:9px;display:flex}.page-footer>span:first-child{letter-spacing:1.4px;align-items:center;gap:10px;font-size:7px;display:flex}.page-footer i{background:#aeb9cb;border-radius:50%;width:3px;height:3px}.notice,.error{color:#60779e;background:#edf3ff;border:1px solid #dce5f6;border-radius:5px;align-items:center;gap:9px;margin-bottom:20px;padding:11px 15px;font-size:11px;line-height:1.6;display:flex}.error{color:#a73535;background:#fff1f1;border-color:#f4cccc;justify-content:space-between}.error button,.icon-button{background:0 0;border:0;place-items:center;padding:8px;display:grid}.clips-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 23px 23px;display:grid}.clip-card{border:1px solid #e0e6f0;border-radius:6px;overflow:hidden}.clip-card.selected{border-color:#2a64fa;box-shadow:0 0 0 1px #2a64fa15}.clip-visual{aspect-ratio:16/10;background:#101c31;border:0;width:100%;padding:0;display:block;position:relative}.clip-visual video{object-fit:cover;width:100%;height:100%}.selection-box{color:#fff;background:#101c3166;border:1px solid #a7b4ce;border-radius:4px;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:8px;left:8px}.selected .selection-box{background:#1356fa;border-color:#1356fa}.clip-time{color:#fff;background:#080e1bba;border-radius:3px;padding:3px 5px;font-size:8px;position:absolute;bottom:7px;right:7px}.clip-detail{padding:10px}.clip-detail>strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.clip-detail small{color:#929fb4;margin-top:5px;font-size:8px;display:block}.clip-actions{justify-content:space-between;margin-top:9px;display:flex}.clip-actions button{color:#406bc2;background:0 0;border:0;padding:3px 0;font-size:8px}.clip-actions button:last-child{color:#a27070}.job-preview{min-width:0;padding:20px}.job-preview>video{background:#0b1323;border-radius:6px;width:100%;max-height:360px;display:block}.job-details{justify-content:space-between;align-items:center;gap:15px;margin-top:16px;display:flex}.job-details h3{margin:0;font-size:13px}.job-details p{color:#94a0b1;align-items:center;gap:9px;font-size:10px;display:flex}.job-status{text-transform:capitalize;color:#7187ae;background:#eef2fa;border-radius:3px;padding:3px 5px;font-size:8px}.job-status.generated{color:#288367;background:#e8f6ef}.job-status.failed{color:#a54343;background:#fceeee}.download-button{color:#215bdc;white-space:nowrap;border:1px solid #dce5f6;border-radius:20px;align-items:center;gap:7px;padding:9px 13px;font-size:10px;display:flex}.render-placeholder{color:#5576b5;background:radial-gradient(#e9f0ff,#f9fbff);border:1px solid #e0e8f6;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:190px;display:flex}.render-placeholder strong{font-size:13px}.render-placeholder small{color:#8093b4;font-size:10px}.render-placeholder p{text-align:center;padding:0 20px;font-size:11px}.render-placeholder.failed{color:#a94e4e;background:#fff7f7;border-color:#f1dddd}progress{accent-color:#04f;width:180px;height:5px}.job-preview details{color:#8594ae;border-top:1px solid #e8edf5;margin-top:5px;padding-top:13px;font-size:10px}.job-preview summary{cursor:pointer}.timeline{gap:5px;margin-top:12px;display:flex;overflow-x:auto}.timeline>div{background:#edf3ff;border-left:2px solid #6896ff;border-radius:3px;min-width:80px;padding:10px}.timeline strong,.timeline small{white-space:nowrap;font-size:9px;display:block}.timeline small{margin-top:6px;font-size:8px}.library-toolbar{justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.library-toolbar input{max-width:230px}.creation-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.library-empty{text-align:center;color:#8a9bb7;flex-direction:column;align-items:center;gap:20px;padding:70px 25px;display:flex}.library-empty h2{color:#5a6c88}.library-empty p{margin:0;font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#050e24a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.trim-modal{background:#fff;border-radius:10px;width:600px;max-width:100%;max-height:90vh;padding:0 24px 24px;overflow:auto;box-shadow:0 15px 80px #0004}.trim-modal .section-heading{margin-bottom:18px;padding:0}.trim-modal>video{background:#080e1b;border-radius:6px;width:100%;max-height:300px;margin-bottom:18px}.trim-modal>p{color:#8292aa;font-size:11px}.trim-fields{gap:15px;margin:18px 0;display:flex}.trim-fields label{color:#6e809e;flex:1;font-size:10px}.trim-fields input{margin-top:7px}.priority-input{align-items:center;gap:8px;margin:20px 0;font-size:12px;display:flex}.trim-modal>.primary{min-width:110px;margin-left:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#c3cede;border-radius:10px}@media (width>=1550px){main{padding-top:48px}.studio-grid{grid-template-columns:minmax(0,1fr) 350px}.dropzone{min-height:260px}.empty-clips{padding-top:35px;padding-bottom:40px}}@media (width<=1180px){.sidebar{width:205px;padding-inline:12px}.main-shell{margin-left:205px}main{padding:28px 24px 0}.topbar{padding:0 24px}.studio-grid{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.section-heading{padding:0 18px}.section-heading>.muted,.studio-badge{display:none}h1{font-size:28px}.clips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.output-type{display:none}.source-tags{gap:4px}.source-tags span{padding:4px;font-size:8px}.nav-item{gap:9px;font-size:11px}.new-label{font-size:7px}.workspace-card{font-size:10px}}@media (width<=950px){.sidebar{width:76px;padding:24px 10px}.main-shell{margin-left:76px}.brand{justify-content:center;margin:0 auto 30px}.brand>span:last-child,.workspace-label,.workspace-card,.nav-label,.new-label,.nav-count,.soon,.sidebar-bottom,.disabled{display:none}.brand-mark{font-size:43px}.brand-mark span{width:7px;height:14px;top:24px;left:15px}.nav-item{justify-content:center;gap:0;padding:14px 8px;font-size:0}.nav-item svg{width:22px;height:22px}.studio-grid{grid-template-columns:minmax(0,1fr) 280px}.source-tags{flex-wrap:wrap}.title-row p{font-size:11px}}@media (width<=720px){.studio-grid{grid-template-columns:1fr}.topbar{height:58px;padding:0 18px}.topbar>div{gap:7px;font-size:10px}.service-status{font-size:8px}main{padding:25px 18px 0}h1{font-size:26px}.title-row p{line-height:1.7}.page-heading{margin-bottom:22px}.recipe-body{grid-template-columns:1fr;gap:0;display:grid}.format-choice{min-height:100px}.empty-clips{padding-block:22px}.dropzone{min-height:215px}.output-section .section-heading{flex-wrap:wrap;padding-block:14px}.output-empty{padding:22px 18px}.output-empty p{line-height:1.7}.page-footer>span:last-child{display:none}.creation-grid{grid-template-columns:1fr}.job-details,.library-toolbar{flex-wrap:wrap}.library-toolbar input{max-width:none}.source-footer{line-height:1.6}.source-footer svg{flex-shrink:0}.page-footer>span:first-child{letter-spacing:.6px;font-size:6px}.section-heading h2{font-size:13px}.output-empty strong{font-size:11px}}@media (width<=420px){.sidebar{width:58px;padding:22px 6px}.main-shell{margin-left:58px}main{padding-inline:12px}.brand-mark{font-size:36px}.brand-mark span{top:20px;left:12px}.topbar{padding-inline:12px}.service-status{max-width:75px;font-size:7px}.clips-grid{gap:8px;margin-inline:15px}.clip-detail{padding:7px}.dropzone{width:calc(100% - 30px);margin:15px;padding:16px 10px}.dropzone>small{font-size:8px}.section-heading{padding-inline:15px}h1{font-size:24px}.eyebrow{font-size:8px}.preview-icon{width:40px;height:45px}.output-empty{gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ai-toggle{margin-top:16px}.ai-settings{margin-top:18px}.ai-settings textarea,.ai-settings select{width:100%;font:inherit;color:#45546e;background:#fff;border:1px solid #dfe5ef;border-radius:5px;padding:10px;font-size:11px}.ai-settings textarea{resize:vertical;margin-bottom:18px;line-height:1.7}.ai-settings .field-help{line-height:1.8}.ai-suggest{color:#225de6;width:100%;font:inherit;background:#f0f5ff;border:1px solid #a8bff5;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:15px;padding:11px;font-size:11px;display:flex}.ai-suggest:disabled{opacity:.55}.plan-body{padding:22px}.plan-body>p{color:#60718c;font-size:12px;line-height:1.8}.plan-segment{border-top:1px solid #e7edf5;grid-template-columns:1fr 190px;gap:22px;padding:20px 0;display:grid}.plan-source strong{font-size:12px}.plan-source small{color:#8b99ae;margin:8px 0;font-size:11px;line-height:1.7;display:block}.plan-source video{background:#080e1b;border-radius:5px;width:100%;max-height:190px}.plan-timing label{color:#7386a3;margin-bottom:12px;font-size:10px;display:block}.plan-timing input{margin-top:6px}.plan-actions{flex-wrap:wrap;gap:8px;display:flex}.plan-actions button{color:#2e62d9;background:0 0;border:0;padding:5px 0;font-size:10px}.plan-actions button:disabled{color:#acb6c8}.plan-actions button:last-child{color:#aa5b5b}.plan-body details{color:#7486a2;font-size:11px;line-height:1.8}.plan-body summary{cursor:pointer}.source-observation{border-bottom:1px solid #e7edf5;padding:15px 0}.source-observation p{margin:6px 0}.source-observation small{color:#91a0b6}textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #5682ff}@media (width<=720px){.plan-segment{grid-template-columns:1fr}.plan-timing{flex-wrap:wrap;gap:12px;display:flex}.plan-timing label{flex:1}.plan-actions{width:100%}}.recipe-body select{color:#45546e;width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #dfe5ef;border-radius:5px;padding:9px;font-size:11px}.dimension-fields{align-items:end;gap:9px;margin-top:13px;display:flex}.dimension-fields label{color:#7487a4;flex:1;min-width:0;font-size:10px}.dimension-fields input{margin-top:6px}.dimension-fields>span{color:#96a5bc;padding-bottom:10px}.number-setting{color:#7487a4;margin-top:14px;font-size:10px;display:block}.number-setting input,.number-setting select{margin-top:7px}.recipe-body .field-help{line-height:1.7}.fill-options button{min-height:36px;font-size:10px}.track-controls audio{width:100%;height:35px;margin-top:14px}.loop-setting{color:#7184a1;align-items:center;gap:7px;margin-top:15px;font-size:10px;display:flex}.number-setting input[type=range]{accent-color:#1556f0;min-height:20px;padding:0}.delete-track{color:#b34e4e;margin-top:12px}.settings-error{color:#aa4242;margin:0 0 14px;font-size:10px;line-height:1.7}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.beat-report{color:#5976a6;background:#f4f8ff;border:1px solid #dce7fb;border-radius:5px;align-items:flex-start;gap:8px;padding:12px;font-size:11px;line-height:1.7;display:flex}.beat-report svg{flex-shrink:0;margin-top:2px}.editor-tabs{border-bottom:1px solid #e1e7f1;gap:3px;margin:20px -5px 0;display:flex}.editor-tabs button{color:#8392a9;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:12px 4px;font-size:11px}.editor-tabs button[aria-selected=true]{color:#1858ec;border-bottom-color:#1858ec;font-weight:800}.recipe-body [role=tabpanel]{padding-top:3px}.recipe-body [role=tabpanel][hidden]{display:none}.draft-actions{justify-content:space-between;gap:12px;display:flex}.save-status{color:#8294af;margin:0 0 15px;font-size:9px}.caption-editor textarea{width:100%;font:inherit;resize:vertical;border:1px solid #dce4f1;border-radius:5px;margin-top:7px;padding:9px;font-size:11px;line-height:1.7}.caption-ai{color:#5876a8;background:#f6f9ff;border:1px solid #e2eaf8;border-radius:6px;margin:15px 0;padding:12px;font-size:11px}.caption-ai summary{cursor:pointer;font-weight:700}.caption-list-heading{justify-content:space-between;align-items:center;margin-top:20px;font-size:11px;display:flex}.caption-cue{border:1px solid #e4eaf4;border-radius:5px;margin-top:12px;padding:12px}.caption-cue.active{border-color:#8cabf3}.caption-cue>.number-setting{margin-top:0}.caption-style-preview{background:linear-gradient(135deg,#1d3557,#081222);border-radius:5px;max-width:100%;margin:auto;position:relative;overflow:hidden}.caption-style-preview video{object-fit:cover;opacity:.75;width:100%;height:100%}.caption-style-preview>span{text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;padding:3px;line-height:1.3;position:absolute;left:6%;right:6%}.caption-colors{gap:15px;margin-top:15px;display:flex}.caption-colors label{color:#8294ad;flex:1;font-size:10px}.caption-editor input[type=color]{width:100%;height:32px;margin-top:7px;padding:3px}.creation-actions{flex-wrap:wrap;align-items:center;gap:15px;margin:13px 0;display:flex}.creation-actions button{cursor:pointer;background:#fff}.creation-actions button:disabled{opacity:.5;cursor:not-allowed}.version-label{color:#8b9cba;font-size:10px;font-weight:500}.saved-projects{border-bottom:1px solid #e5eaf3;padding:23px}.saved-projects>p{color:#8999b1;font-size:11px}.project-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #edf1f7;justify-content:space-between;gap:15px;width:100%;padding:14px 0;font-size:11px;display:flex}.project-row small{color:#97a4b8;margin-top:6px;font-size:9px;display:block}.project-row>span:last-child{color:#2960dc;font-size:10px}.caption-editor .field-help{line-height:1.8}.brand .brand-logo{object-fit:contain;width:150px;height:160px}.marker-editor{max-height:92vh;overflow:auto}.marker-editor>label{gap:6px;margin:12px 0;display:grid}.marker-editor input,.marker-editor textarea{border:1px solid #d8dce4;border-radius:6px;width:100%;padding:10px}.marker-editor p{font-size:13px;line-height:1.5}.marker-rail{touch-action:none;cursor:crosshair;background:#e1e6f1;border-radius:6px;height:48px;margin:20px 14px;position:relative}.moment-marker{color:#fff;touch-action:none;cursor:ew-resize;background:#04f;border:0;border-radius:4px;width:28px;height:32px;position:absolute;top:8px;transform:translate(-50%)}.playhead{pointer-events:none;background:#17213b;width:2px;position:absolute;top:0;bottom:0}.marker-time{justify-content:space-between;align-items:center;display:flex}.marker-list{padding:0;list-style:none}.marker-list li{cursor:grab;border-bottom:1px solid #e1e6f1;gap:8px;padding:8px 0;display:flex}.marker-list button,.marker-time button{background:#fff;border:1px solid #d8dce4;border-radius:4px;padding:7px}.marker-list li button:first-child{margin-right:auto}.render-notifications{z-index:30;gap:10px;width:min(360px,100vw - 32px);max-height:65vh;display:grid;position:fixed;bottom:22px;right:22px;overflow:auto}.render-notification{color:#fff;background:#182237;border:1px solid #48536a;border-radius:10px;padding:10px;box-shadow:0 8px 30px #0003}.render-open{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;gap:12px;display:flex}.render-open video{object-fit:cover;pointer-events:none;border-radius:5px;width:82px;height:82px}.render-open>span{flex:1;gap:6px;min-width:0;display:grid}.render-open strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.render-open progress{width:100%}.render-notification>button:not(.render-open){float:right;color:#fff;background:0 0;border:0}.marker-editor>video{background:#101828;width:100%;max-height:250px}.moment-marker.positive{background:#157347}.moment-marker.negative{background:#bd303e;top:20px}.moment-marker.is-selected{outline-offset:3px;z-index:3;outline:3px solid #ffbf47}.marker-rail{height:60px}.marker-list li{border:1px solid #d8dce4;border-radius:6px;margin:8px 0;padding:10px;display:block}.marker-list li.is-selected{background:#f0f4ff;border:2px solid #04f}.marker-row{gap:7px;margin-bottom:8px;display:flex}.marker-list li>label{gap:5px;font-size:12px;display:grid}.marker-list textarea{resize:vertical}.marker-group h3{font-size:15px}.marker-group.positive h3{color:#157347}.marker-group.negative h3{color:#bd303e}.marker-time{flex-wrap:wrap;gap:8px}.audio-range-controls>label{gap:6px;margin:12px 0;font-size:12px;display:grid}.audio-range-controls input[type=range]{width:100%}.audio-range-actions{flex-wrap:wrap;gap:7px;margin:10px 0;display:flex}.audio-range-actions button{background:#fff;border:1px solid #d8dce4;border-radius:5px;padding:7px;font-size:12px}.marker-editor{flex-direction:column;width:680px;max-height:92vh;padding:0;display:flex;overflow:hidden}.marker-editor .marker-fixed-header{background:#fff;border-bottom:1px solid #e1e6f1;flex:none;justify-content:space-between;gap:12px;margin:0;padding:14px 18px;display:flex}.marker-fixed-header h2{font-size:17px}.marker-fixed-header button{margin-left:auto}.marker-scroll{min-height:0;padding:14px 18px;overflow-y:auto}.marker-scroll>label{gap:5px;margin:8px 0;font-size:12px;display:grid}.marker-scroll>video{background:#101828;border-radius:6px;width:100%;max-height:240px}.marker-fixed-footer{border-top:1px solid #e1e6f1;flex:none;justify-content:flex-end;padding:10px 18px;display:flex}.marker-editor .marker-list li{margin:5px 0;padding:6px 8px}.marker-editor .marker-row{align-items:center;gap:5px;margin:0}.marker-editor .marker-row button{padding:5px;font-size:12px}.marker-summary{text-align:left;flex:1}.marker-details{padding-top:8px}.marker-details>label{gap:4px;font-size:12px;display:grid}.marker-group h3{margin:10px 0 5px}.marker-editor p{margin:8px 0;font-size:12px}.marker-range,.range-draft{cursor:grab;touch-action:none;background:#15734744;border:1px solid #157347;border-radius:3px;height:27px;position:absolute;top:7px}.marker-range.negative,.range-draft.negative{background:#bd303e44;border-color:#bd303e;top:27px}.marker-range.is-selected{z-index:2;outline:2px solid #ffbf47}.range-draft{pointer-events:none}.marker-editor .moment-marker{z-index:3;width:25px;height:24px;font-size:11px;top:8px}.marker-editor .moment-marker.negative{top:28px}.marker-editor .moment-marker.is-selected{z-index:5}.range-handle{cursor:ew-resize;touch-action:none;z-index:6;background:#157347;border:2px solid #fff;border-radius:3px;width:12px;height:31px;position:absolute;top:-3px}.negative .range-handle{background:#bd303e}.range-handle.start{left:-6px}.range-handle.end{right:-6px}.range-handle:focus-visible{outline:3px solid #04f}.preview-resize{cursor:ns-resize;touch-action:none;text-align:center;background:#e1e6f1;border-radius:4px;padding:8px;font-size:11px}.shared-audio{gap:12px;padding:20px;display:grid}.shared-audio audio{width:100%;margin-top:8px;display:block}.project-row>button{text-align:left;cursor:pointer;color:inherit;background:0 0;border:0}.project-row>button:last-child{color:#ac4141}.settings-panel{background:#fff;border:1px solid #e1e6f1;border-radius:8px;max-width:650px;padding:24px}.settings-panel form{gap:15px;display:grid}.settings-panel label{gap:7px;font-size:13px;display:grid}.settings-panel input{border:1px solid #d8dce4;border-radius:5px;padding:10px}.settings-panel p{font-size:13px;line-height:1.6}.settings-panel [role=alert]{color:#a12d32}
