:root{--cut-bg:#0f1117;--cut-panel:#161922;--cut-panel-2:#1b1f2a;--cut-line:#232733;--cut-line-strong:#303747;--cut-text:#f8fafc;--cut-muted:#8b98ad;--cut-accent:#fcd34d}.cut-editor{background:var(--cut-bg);min-width:0;height:100dvh;color:var(--cut-text);font-family:var(--font-geist-sans),sans-serif;grid-template-rows:68px minmax(360px,1fr) 232px;display:grid;overflow:hidden}.editor-top{z-index:10;border-bottom:1px solid var(--cut-line);background:#12151d;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;display:grid;box-shadow:0 8px 30px #07090d3d}.editor-brand{color:#fff;align-items:center;gap:10px;font-size:16px;font-weight:800;text-decoration:none;display:flex}.editor-brand i,.brand-preview i{background:#fff url(/suki-logo.jpeg) 50%/cover no-repeat;border-radius:10px;width:36px;height:36px;box-shadow:0 0 24px #fbbf2424}.editor-brand small{color:#748198;letter-spacing:.08em;border:1px solid #323849;border-radius:5px;padding:3px 6px;font-size:10px}.project-name{text-align:center;flex-direction:column;gap:3px;display:flex}.project-name small{letter-spacing:.13em;color:#6f7c91;font-size:11px}.project-title-input{color:#f8fafc;text-align:center;background:0 0;border:0;outline:0;width:220px;font-size:15px;font-weight:700}.project-title-input:focus{box-shadow:0 1px var(--cut-accent)}.editor-actions{justify-self:end;align-items:center;gap:8px;display:flex}.editor-body{grid-template-columns:78px 304px minmax(380px,1fr) 270px;gap:10px;min-height:0;padding:10px 10px 0;display:grid}.tool-rail,.tool-panel,.clip-panel,.stage{border:1px solid var(--cut-line);background:var(--cut-panel);border-radius:14px;overflow:hidden}.tool-rail{flex-direction:column;gap:5px;padding:8px 7px;display:flex}.tool-rail button{color:#748198;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:62px;font-size:12px;font-weight:650;transition:all .15s;display:flex}.tool-rail button i{place-items:center;font-style:normal;display:grid}.tool-rail button:hover{color:#dbe4f0;background:#ffffff08}.tool-rail button.active{color:#fde68a;background:linear-gradient(145deg,#fcd34d1f,#fcd34d0a);box-shadow:inset 0 0 0 1px #fcd34d2e}.tool-panel,.clip-panel{scrollbar-color:#3a4252 transparent;padding:22px 20px;overflow:auto}.panel-title{margin-bottom:22px}.panel-title em{color:var(--cut-accent);letter-spacing:.13em;font-size:11px;font-style:normal;font-weight:800;display:block}.panel-title h2{letter-spacing:-.03em;margin:6px 0 0;font-size:24px}.field-label{color:#8996aa;letter-spacing:.08em;margin:22px 0 10px;font-size:12px;font-weight:750;display:block}.import-card{color:#cbd5e1;background:linear-gradient(145deg,#1b1f2a,#12151c);border:1px dashed #40485a;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:138px;transition:all .16s;display:flex}.import-card:hover{background:#1c202a;border-color:#fcd34d8c}.import-card i{color:#fde047;background:#fcd34d14;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.import-card b{font-size:14px}.import-card span,.asset span,.panel-tip span{color:#748198;font-size:12px}.control-guide{color:#7f8ca1;align-items:flex-start;gap:8px;margin:10px 0 16px;font-size:12px;line-height:1.5;display:flex}.control-guide i{color:#fcd34d;background:#303747;border-radius:50%;flex:0 0 18px;place-items:center;width:18px;height:18px;font-size:11px;font-style:normal;display:grid}.asset{cursor:pointer;background:#1a1e28;border:1px solid #2b3140;border-radius:10px;align-items:center;gap:11px;margin-top:9px;padding:10px;display:flex}.asset.selected{background:#fcd34d0a;border-color:#fcd34d80}.asset>i{color:#9aa8bb;background:#262c39;border-radius:8px;place-items:center;width:42px;height:42px;font-style:normal;display:grid}.asset p{flex-direction:column;gap:4px;min-width:0;margin:0;display:flex}.asset b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.format-tabs{grid-template-columns:repeat(3,1fr)}.caption-input,.text-field,.search-row input{color:#f8fafc;background:#10131a;border:1px solid #303747;border-radius:9px;outline:0;width:100%;padding:11px 12px;font-size:14px}.caption-input{resize:vertical;min-height:110px;font-weight:700;line-height:1.5}.caption-input:focus,.text-field:focus,.search-row input:focus{border-color:#fcd34d80;box-shadow:0 0 0 3px #fcd34d0d}.style-list,.filter-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.style-list button,.filter-list button{color:#8c99ad;background:#11141b;border:1px solid #2d3341;border-radius:10px;padding:9px;transition:all .15s}.style-list button:hover,.filter-list button:hover{color:#fff;border-color:#465066}.style-list button.active,.filter-list button.active{color:#fff;border-color:#fcd34d;box-shadow:0 0 18px #fcd34d12}.style-list button i{color:#f1f5f9;place-items:center;height:42px;font-size:22px;font-style:normal;font-weight:900;display:grid}.style-list button span,.filter-list button span{font-size:13px}.filter-list button i{background:linear-gradient(145deg,#dba66f,#445064 58%,#211918);border-radius:6px;height:48px;margin-bottom:8px;display:block}.color-input{background:#11141b;border:1px solid #303747;border-radius:9px;width:100%;height:44px;padding:5px}.panel-action{width:100%;margin-top:14px}.search-row{grid-template-columns:1fr auto;gap:8px;display:grid}.helper-copy{color:#7f8ca1;font-size:12px;line-height:1.5}.panel-divider{color:#64748b;align-items:center;gap:9px;margin:20px 0 0;font-size:11px;font-weight:750;display:flex}.panel-divider:before,.panel-divider:after{content:"";background:#2b3140;flex:1;height:1px}.brand-preview{color:#111827;background:linear-gradient(145deg,#eef2f7,#cbd5e1);border:1px solid #303747;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:130px;display:flex}.brand-preview b{font-size:16px}.ai-card{background:radial-gradient(circle at 90% 5%,#8b5cf633,#0000 38%),linear-gradient(145deg,#202333,#181b24);border:1px solid #343b4b;border-radius:14px;padding:20px}.ai-card>i{color:#111827;background:#fcd34d;border-radius:12px;place-items:center;width:42px;height:42px;font-style:normal;display:grid}.ai-card h3{margin:24px 0 9px;font-size:20px}.ai-card p{color:#93a0b5;font-size:14px;line-height:1.55}.ai-card button{color:#111827;background:#fcd34d;border-radius:9px;width:100%;height:42px;margin-top:8px;font-size:14px;font-weight:800}.stage{background:#11141b;grid-template-rows:minmax(0,1fr) 58px;min-width:0;display:grid}.stage-canvas{background-color:#10131a;background-image:radial-gradient(#2c3340 1px,#0000 1px);background-size:20px 20px;place-items:center;min-height:0;padding:24px;display:grid;position:relative}.stage-canvas:before{content:"Preview";color:#6f7c91;font-size:12px;font-weight:650;position:absolute;top:16px;left:18px}.canvas-format{z-index:5;width:164px;position:absolute;top:10px;right:14px}.canvas-format [role=tab]{padding-block:6px;font-size:12px}.video-frame{aspect-ratio:9/16;background:#090b10;border-radius:12px;height:min(48vh,440px);position:relative;overflow:hidden;box-shadow:0 24px 80px #000c,0 0 0 1px #ffffff12}.video-frame.square{aspect-ratio:1;height:min(43vh,390px)}.video-frame.wide{aspect-ratio:16/9;width:min(82%,680px);height:auto}.video-frame canvas{object-fit:contain;width:100%;height:100%;display:block}.empty-frame{background:radial-gradient(circle at 50% 20%,#334155aa,#0000 42%),linear-gradient(155deg,#232a36,#0c0f15 62%);flex-direction:column;justify-content:center;align-items:center;gap:9px;height:100%;display:flex}.empty-frame>i{color:#fcd34d;background:#ffffff0a;border:1px solid #ffffff16;border-radius:16px;place-items:center;width:54px;height:54px;font-style:normal;display:grid}.empty-frame b{font-size:16px}.empty-frame span{color:#8b98ad;margin-bottom:5px;font-size:13px}.transport{background:#151922;border-top:1px solid #242a37;justify-content:center;align-items:center;gap:8px;display:flex}.transport .play{color:#111827;border-radius:50%}.transport code{color:#a8b3c4;font:13px var(--font-geist-mono),monospace;margin-left:12px}.clip-panel{display:block}.time-readout{color:#fde047;font:28px var(--font-geist-mono),monospace}.speed-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.speed-row button{color:#8996aa;background:#11141b;border:1px solid #303747;border-radius:7px;padding:8px;font-size:13px}.speed-row button.active{color:#111827;background:#fcd34d;border-color:#fcd34d}.timeline{border:1px solid var(--cut-line);background:#141821;border-radius:14px 14px 0 0;margin:10px;overflow:hidden}.timeline-head{border-bottom:1px solid #252b38;justify-content:space-between;align-items:center;height:46px;padding:0 16px;display:flex}.timeline-head button{color:#96a2b5;background:0 0;margin-right:15px;font-size:13px}.timeline-head button:hover{color:#fff}.timeline-head b{color:#718096;font-size:12px}.timeline-content{grid-template-columns:78px 1fr;height:174px;min-height:0;display:grid}.track-labels{background:#12151d;border-right:1px solid #252b38;grid-template-rows:34px repeat(3,1fr);display:grid}.track-labels span{color:#738096;align-self:center;padding-left:14px;font-size:11px;font-weight:750}.track-labels span:first-child{grid-row:2}.tracks{cursor:pointer;background-image:linear-gradient(90deg,#30374766 1px,#0000 1px);background-size:10% 100%;padding-top:34px;position:relative}.time-ruler{color:#69768b;height:34px;font:11px var(--font-geist-mono),monospace;border-bottom:1px solid #252b38;justify-content:space-around;align-items:center;display:flex;position:absolute;inset:0 0 auto}.video-track,.text-track,.audio-track{border-bottom:1px solid #252b38;gap:4px;height:46px;padding:5px;display:flex;overflow:hidden}.video-track span{cursor:pointer;background:linear-gradient(135deg,#4d526f,#242a39);border:1px solid #6874b8;border-radius:6px;align-items:center;min-width:48px;padding:0 10px;display:flex}.video-track span.selected-track-clip{border-color:#fcd34d;box-shadow:0 0 14px #fcd34d33}.video-track b{font-size:12px}.text-track span,.audio-track span{text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:8px 10px;font-size:12px;overflow:hidden}.text-track span{color:#111827;max-width:55%;font-weight:800}.audio-track span{color:#83e1ba;background:#173c31;width:70%}.tracks>.playhead{z-index:4;background:#fb7185;width:2px;position:absolute;top:30px;bottom:0;box-shadow:0 0 10px #fb7185}.tracks>.playhead:before{content:"";border-top:8px solid #fb7185;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:0;left:-4px}.export-modal-card{text-align:center}.export-status-icon{color:#fcd34d;background:#fcd34d14;border-radius:14px;place-items:center;width:50px;height:50px;margin:0 auto 16px;display:grid}.export-modal-card h2{font-size:22px}.export-modal-card p{color:#94a3b8;font-size:14px}.progress-bar-container{background:#0e1117;border-radius:99px;height:10px;margin:24px 0 10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#fbbf24,#fde68a);border-radius:99px;height:100%;transition:width .15s}.percent-readout{color:#fcd34d;font:700 14px var(--font-geist-mono),monospace;margin-bottom:20px;display:block}.modal-actions{flex-direction:column;gap:10px;display:flex}.download-button{color:#111827;background:#fcd34d;border-radius:9px;padding:12px;font-size:14px;font-weight:800;text-decoration:none;display:block}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.file-input{position:fixed;left:-9999px}.panel-tip{border-top:1px solid #2b3140;flex-direction:column;gap:5px;margin-top:18px;padding-top:15px;display:flex}.tool-panel,.clip-panel{overscroll-behavior:contain;scrollbar-gutter:stable}.stage-canvas{contain:layout paint}@media (max-width:1180px){.editor-body{grid-template-columns:72px 280px minmax(340px,1fr)}.clip-panel{display:none}}@media (max-width:820px){.cut-editor{grid-template-rows:60px auto auto;height:auto;min-height:100dvh;overflow:visible}.editor-top{grid-template-columns:auto 1fr auto;padding:0 10px}.editor-brand span,.editor-brand small{display:none}.project-name{align-items:flex-start;padding-left:10px}.project-name small{display:none}.project-title-input{text-align:left;width:32vw;font-size:14px}.editor-actions{gap:4px}.editor-actions a{display:none}.editor-actions button{padding-inline:10px}.editor-actions button:nth-child(2){display:none}.editor-body{grid-template-rows:minmax(320px,52vh) minmax(300px,auto);grid-template-columns:64px minmax(0,1fr);gap:7px;padding:7px}.tool-rail{grid-row:1/3}.tool-rail button{height:55px;font-size:12px}.tool-panel{grid-area:2/2;padding:17px}.stage{grid-area:1/2}.stage-canvas{padding:12px}.video-frame{height:min(36vh,320px)}.canvas-format{width:145px}.timeline{min-height:178px;margin:7px}.timeline-head{height:39px}.timeline-content{grid-template-columns:64px 1fr;height:132px}.track-labels{grid-template-rows:28px repeat(3,1fr)}.track-labels span{padding-left:8px;font-size:12px}.tracks{padding-top:28px}.time-ruler{height:28px}.video-track,.text-track,.audio-track{height:34px;padding:3px}.tracks>.playhead{top:25px}}@media (max-width:560px){.cut-editor{grid-template-rows:56px auto auto}.editor-actions button span{display:none}.editor-body{flex-direction:column;display:flex}.stage{order:1;min-height:380px}.tool-rail{order:2;grid-template-columns:repeat(6,minmax(54px,1fr));padding:5px;display:grid;overflow-x:auto}.tool-rail button{height:58px;font-size:11px}.tool-panel{order:3;min-height:380px;overflow:visible}.video-frame{height:min(42vh,330px)}.panel-title h2{font-size:21px}.dashboard-main{width:calc(100% - 28px)}}@media (prefers-reduced-motion:reduce){.cut-editor *{transition:none!important;animation:none!important}}.tool-rail button{font-size:13px}.track-labels span{color:#8491a6;font-size:13px}.track-labels span:first-child{grid-row:2}.track-labels span:nth-child(2){grid-row:3}.track-labels span:nth-child(3){grid-row:4}.audio-results{gap:10px;margin-top:14px;display:grid}.audio-result{background:#11151d;border:1px solid #2d3443;border-radius:11px;padding:12px}.audio-result-title{align-items:center;gap:9px;min-width:0;display:flex}.audio-result-title>span{color:#fcd34d;background:#fcd34d17;border-radius:8px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.audio-result-title>div{flex-direction:column;gap:3px;min-width:0;display:flex}.audio-result-title b,.audio-result-title small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audio-result-title b{font-size:14px}.audio-result-title small{color:#7f8ca1;font-size:12px}.audio-result audio{width:100%;height:34px;margin-top:10px}.audio-result-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:9px;display:flex}.audio-result-actions a,.active-license a{color:#a5b4fc;align-items:center;gap:4px;font-size:12px;text-decoration:none;display:inline-flex}.audio-search-error{color:#fca5a5;font-size:13px;line-height:1.45}.active-license{color:#7f8ca1;font-size:12px;line-height:1.5}.cut-editor{overflow:auto}.audio-sources{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.audio-sources>span{color:#d8fbe7;background:#11151d;border:1px solid #4ade8052;border-radius:8px;padding:7px 9px;font-size:12px}