@font-face{font-family:Nunito;font-weight:400;src:local(Nunito-Regular),url(/fonts/Nunito-Regular.ttf)format("truetype")}@font-face{font-family:Nunito;font-weight:600;src:local(Nunito-SemiBold),url(/fonts/Nunito-SemiBold.ttf)format("truetype")}@font-face{font-family:Nunito;font-weight:700;src:local(Nunito-Bold),url(/fonts/Nunito-Bold.ttf)format("truetype")}@font-face{font-family:Nunito;font-weight:800;src:local(Nunito-ExtraBold),url(/fonts/Nunito-ExtraBold.ttf)format("truetype")}@font-face{font-family:Nunito;font-weight:900;src:local(Nunito-Black),url(/fonts/Nunito-Black.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-weight:600;src:local(BarlowCondensed-SemiBold),url(/fonts/BarlowCondensed-SemiBold.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-weight:700;src:local(BarlowCondensed-Bold),url(/fonts/BarlowCondensed-Bold.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-weight:800;src:local(BarlowCondensed-ExtraBold),url(/fonts/BarlowCondensed-ExtraBold.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-weight:900;src:local(BarlowCondensed-Black),url(/fonts/BarlowCondensed-Black.ttf)format("truetype")}@font-face{font-family:Proxima Soft;font-weight:400;src:local(ProximaSoft-Regular)}@font-face{font-family:Proxima Soft;font-weight:600;src:local(ProximaSoft-Semibold)}@font-face{font-family:Proxima Soft;font-weight:700;src:local(ProximaSoft-Bold)}@font-face{font-family:Proxima Soft;font-weight:800;src:local(ProximaSoft-Extrabld)}@font-face{font-family:Proxima Soft;font-weight:900;src:local(ProximaSoft-Black)}@font-face{font-family:Proxima Soft Condensed;font-weight:400;src:local(ProximaSoftCond-Regular)}@font-face{font-family:Proxima Soft Condensed;font-weight:600;src:local(ProximaSoftCond-Semibold)}@font-face{font-family:Proxima Soft Condensed;font-weight:700;src:local(ProximaSoftCond-Bold)}@font-face{font-family:Proxima Soft Condensed;font-weight:800;src:local(ProximaSoftCond-Extrabld)}@font-face{font-family:Proxima Soft Condensed;font-weight:900;src:local(ProximaSoftCond-Black)}:root{--bg:#0d0e11;--bg-2:#121318;--surface:#17191f;--surface-2:#1e2028;--surface-3:#262935;--line:#262933;--line-2:#323644;--text:#eceef3;--text-2:#b4b9c6;--muted:#7d8394;--faint:#545a69;--accent:#8b7bff;--accent-2:#6f5df5;--accent-soft:#8b7bff24;--ok:#3ecf8e;--ok-soft:#3ecf8e24;--warn:#f5b544;--warn-soft:#f5b54424;--bad:#ff6b6b;--bad-soft:#ff6b6b24;--stage:#08090b;--r-sm:6px;--r:10px;--r-lg:14px;--shadow:0 10px 30px #00000059;--ease:cubic-bezier(.2, .8, .2, 1);--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font:13px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}input,textarea,select,button{font:inherit;color:inherit}img{display:block}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-track{background:0 0}.app{grid-template-rows:52px 1fr;grid-template-columns:minmax(0,1fr);height:100%;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--bg-2);-webkit-app-region:drag;align-items:center;gap:16px;min-width:0;padding:0 16px 0 88px;display:flex;overflow:hidden}.topbar>*{-webkit-app-region:no-drag}.topbar .spacer{-webkit-app-region:drag;flex:1;align-self:stretch}.brandmark{letter-spacing:-.01em;align-items:center;gap:9px;font-size:14px;font-weight:650;display:flex}.brandmark .dot{background:linear-gradient(135deg, var(--accent), #ff7ab6);border-radius:5px;width:18px;height:18px}.page{min-height:0;overflow:auto}.page-inner{max-width:1240px;margin:0 auto;padding:32px 32px 64px}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-head h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:680}.page-head p{color:var(--muted);margin:4px 0 0}.btn{border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--surface-2);height:34px;color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:560;transition:background .15s,border-color .15s,opacity .15s,transform .1s;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.primary{background:var(--accent);color:#fff;border-color:#0000}.btn.primary:hover{background:var(--accent-2)}.btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2);color:var(--text)}.btn.danger:hover{color:var(--bad)}.btn.lg{border-radius:var(--r);height:42px;padding:0 20px;font-size:14px}.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn.icon{width:34px;padding:0}.btn.sm.icon{width:28px}.input,.select,.textarea{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-sm);-webkit-user-select:text;user-select:text;outline:none;width:100%;height:36px;padding:0 11px;transition:border-color .15s,box-shadow .15s}.textarea{resize:vertical;height:auto;min-height:76px;padding:9px 11px;line-height:1.45}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px;background-repeat:no-repeat;background-size:5px 5px;padding-right:28px}.field{gap:6px;display:grid}.field+.field{margin-top:14px}.label{color:var(--text-2);justify-content:space-between;align-items:center;font-size:12px;font-weight:560;display:flex}.count{font-variant-numeric:tabular-nums;color:var(--faint);font-weight:500}.count.over{color:var(--bad)}.hint{color:var(--muted);font-size:12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-2);height:28px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:999px;padding:0 11px;font-size:12px;font-weight:540;transition:all .15s}.chip:hover{color:var(--text);border-color:var(--faint)}.chip.on{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}.seg{background:var(--bg);border:1px solid var(--line);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.seg button{height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:12px;font-weight:560}.seg button.on{background:var(--surface-3);color:var(--text)}.toggle{background:var(--surface-3);cursor:pointer;border:0;border-radius:20px;flex:none;width:34px;height:20px;transition:background .2s;position:relative}.toggle:after{content:"";width:16px;height:16px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(14px)}.badge{background:var(--surface-3);height:20px;color:var(--text-2);border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.empty{text-align:center;color:var(--muted);place-items:center;gap:10px;padding:48px 24px;display:grid}.empty h3{color:var(--text);margin:0;font-size:15px}.spin{border:2px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:var(--surface-3);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow);z-index:100;animation:toast-in .25s var(--ease);max-width:560px;padding:10px 16px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast.bad{border-color:#ff6b6b66}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.editor{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) 400px;height:100%;min-height:0;display:grid}.editor .stage{background:var(--stage);flex-direction:column;grid-area:1/1;min-height:0;display:flex}.editor .panel{border-left:1px solid var(--line);background:var(--bg-2);flex-direction:column;grid-area:1/2/span 2;min-height:0;display:flex}.editor .timeline-wrap{border-top:1px solid var(--line);background:var(--bg-2);grid-area:2/1}.stepper{align-items:center;gap:2px;min-width:0;display:flex}.step{height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:0 10px 0 6px;font-size:12px;font-weight:560;transition:background .15s,color .15s;display:flex}.step .n{background:var(--surface-2);width:20px;height:20px;color:var(--muted);border-radius:50%;place-items:center;font-size:11px;font-weight:650;transition:all .2s;display:grid}.step:hover:not(:disabled){background:var(--surface);color:var(--text-2)}.step.done .n{background:var(--ok-soft);color:var(--ok)}.step.active{color:var(--text);background:var(--surface-2)}.step.active .n{background:var(--accent);color:#fff}.step:disabled{opacity:.32;cursor:default}.step-sep{background:var(--line-2);width:10px;height:1px}.stage-bar{flex:none;align-items:center;gap:10px;height:52px;padding:0 18px;display:flex}.stage-bar .spacer{flex:1}.stage-body{flex:1;place-items:center;min-height:0;padding:8px 32px 28px;display:grid;position:relative;overflow:hidden}.stage-caption{color:var(--muted);font-size:12px}.panel-head{border-bottom:1px solid var(--line);padding:22px 22px 14px}.panel-head .kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:650}.panel-head h2{letter-spacing:-.015em;margin:6px 0 4px;font-size:19px;font-weight:660}.panel-head p{color:var(--muted);margin:0}.panel-body{flex:1;min-height:0;padding:18px 22px 24px;overflow:auto}.panel-foot{border-top:1px solid var(--line);background:var(--bg-2);gap:8px;padding:14px 22px;display:flex}.panel-foot .btn.primary{flex:1}.section+.section{margin-top:26px}.section-title{color:var(--text-2);justify-content:space-between;align-items:center;margin:0 0 10px;font-size:12px;font-weight:620;display:flex}.duration-readout{align-items:baseline;gap:6px;display:flex}.duration-readout b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:680;line-height:1}.duration-readout span{color:var(--muted);font-size:15px}input[type=range]{-webkit-appearance:none;background:0 0;width:100%;height:26px;margin:8px 0 4px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p), var(--surface-3) var(--p));border-radius:4px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 1px 6px #00000080}.option-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.option{text-align:left;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);cursor:pointer;flex-direction:column;gap:8px;padding:12px;transition:border-color .15s,background .15s;display:flex;position:relative}.option:hover{border-color:var(--faint)}.option.on{border-color:var(--accent);background:var(--accent-soft)}.option .title{font-weight:600}.option .sub{color:var(--muted);font-size:11.5px}.option .check{border:1.5px solid var(--line-2);border-radius:50%;place-items:center;width:18px;height:18px;transition:all .15s;display:grid;position:absolute;top:10px;right:10px}.option.on .check{background:var(--accent);border-color:var(--accent)}.aspect{color:var(--text-2);border:1.5px solid;border-radius:3px}.option.on .aspect{color:var(--text)}.counter{align-items:center;gap:14px;display:flex}.counter b{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.03em;min-width:44px;font-size:44px;font-weight:680;line-height:1}.screen-row{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;display:flex}.screen-row+.screen-row{margin-top:6px}.screen-row.on{border-color:var(--accent)}.screen-row .idx{background:var(--surface-3);border-radius:6px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:650;display:grid}.screen-row .grow{flex:1}.screen-row .dur{font-variant-numeric:tabular-nums;text-align:center;min-width:42px;font-weight:600}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.tpl{border-radius:var(--r);cursor:pointer;background:var(--surface);border:1px solid var(--line);transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.tpl:hover{border-color:var(--faint)}.tpl.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.tpl .thumb{background:var(--stage);place-items:center;display:grid}.tpl .meta{color:var(--muted);justify-content:space-between;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:flex}.tpl .meta b{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.timeline{gap:6px;padding:12px 18px 14px;display:flex;overflow-x:auto}.tl-item{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);cursor:pointer;flex-direction:column;flex:none;gap:6px;min-width:96px;padding:6px;transition:border-color .15s,background .15s;display:flex;position:relative}.tl-item:hover{border-color:var(--faint)}.tl-item.on{border-color:var(--accent);background:var(--surface-2)}.tl-item .tl-thumb{background:var(--stage);border-radius:6px;place-items:center;height:58px;display:grid;overflow:hidden}.tl-item .tl-meta{color:var(--muted);justify-content:space-between;align-items:center;padding:0 2px;font-size:11px;display:flex}.tl-item .tl-meta b{color:var(--text);font-weight:650}.tl-total{color:var(--muted);white-space:nowrap;align-self:center;padding:0 10px;font-size:12px}.screen-frame{border-radius:4px;flex:none;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000008c}.screen-frame .canvas{transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden}.screen-frame .layer{position:absolute}.screen-frame .txt{white-space:pre-wrap;overflow-wrap:break-word;flex-direction:column;display:flex}.screen-frame .txt>span{display:block}.screen-frame .txt.boxed>span{align-self:flex-start;display:inline-block}.screen-frame .txt.ph{opacity:.55}.safe{pointer-events:none;z-index:5;border:1.5px dashed #ffffff8c;position:absolute}.safe.action{border-color:#ffc40099}.img-ph{color:#ffffffd9;background:repeating-linear-gradient(135deg,#8e949c 0 18px,#858b93 18px 36px);place-items:center;width:100%;height:100%;display:grid}.drop{text-align:center;border:1.5px dashed var(--line-2);border-radius:var(--r);background:var(--bg);min-height:96px;color:var(--muted);cursor:pointer;place-items:center;gap:6px;padding:18px;transition:border-color .15s,background .15s;display:grid}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft);color:var(--text-2)}.image-slot{border:1px solid var(--line-2);border-radius:var(--r);background:var(--bg);align-items:center;gap:10px;padding:8px;display:flex}.image-slot img{object-fit:cover;border-radius:6px;width:64px;height:64px}.image-slot .grow{flex:1;min-width:0}.check-list{gap:8px;display:grid}.check-item{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.check-item .ic{flex:none;margin-top:1px}.check-item .grow{flex:1}.check-item .t{font-weight:600}.check-item .d{color:var(--muted);margin-top:2px;font-size:12px}.meter{background:var(--surface-3);border-radius:4px;height:4px;margin-top:6px;overflow:hidden}.meter>i{height:100%;transition:width .25s var(--ease), background .25s;border-radius:4px;display:block}.track{border-radius:var(--r);border:1px solid var(--line-2);background:var(--surface);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s;display:flex}.track+.track{margin-top:6px}.track:hover{border-color:var(--faint)}.track.on{border-color:var(--accent);background:var(--accent-soft)}.track .grow{flex:1;min-width:0}.track .t{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.track>.badge{flex:none}.track .d{color:var(--muted);font-size:12px}.stages{gap:4px;display:grid}.stage-row{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);align-items:center;gap:12px;padding:12px 14px;display:flex}.stage-row .dot{background:var(--surface-3);width:22px;height:22px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.stage-row.running .dot{background:var(--accent-soft);color:var(--accent)}.stage-row.done .dot{background:var(--ok-soft);color:var(--ok)}.stage-row.error .dot{background:var(--bad-soft);color:var(--bad)}.stage-row .grow{flex:1}.progress{background:var(--surface-3);border-radius:6px;height:6px;overflow:hidden}.progress>i{background:linear-gradient(90deg, var(--accent), #ff7ab6);height:100%;transition:width .4s var(--ease);display:block}.file-row{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);align-items:center;gap:12px;padding:12px 14px;display:flex}.file-row+.file-row{margin-top:6px}.file-row .grow{flex:1;min-width:0}.file-row .t{font-weight:600}.file-row .d{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.ad-card{cursor:pointer;transition:border-color .15s, transform .2s var(--ease);overflow:hidden}.ad-card:hover{border-color:var(--faint);transform:translateY(-2px)}.ad-card .thumb{aspect-ratio:16/9;background:var(--stage);place-items:center;display:grid;overflow:hidden}.ad-card .body{padding:12px 14px 14px}.ad-card .t{font-size:14px;font-weight:620}.ad-card .d{color:var(--muted);align-items:center;gap:8px;margin-top:3px;font-size:12px;display:flex}.new-card{border:1.5px dashed var(--line-2);min-height:200px;color:var(--muted);cursor:pointer;border-radius:var(--r-lg);background:0 0;place-items:center;gap:10px;transition:all .15s;display:grid}.new-card:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:24px;display:flex}.tabs button{height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 14px;font-weight:580}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.kit{grid-template-columns:1fr 1fr;gap:16px;display:grid}.kit .card{padding:20px}.kit .wide{grid-column:span 2}.kit h3{margin:0 0 4px;font-size:14px}.kit .card>p{color:var(--muted);margin:0 0 16px;font-size:12px}.logo-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.logo-box{border-radius:var(--r);border:1px solid var(--line);height:120px;padding:18px;display:grid;overflow:hidden}.logo-box img{object-fit:contain;width:100%;height:100%;min-height:0}.swatches{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.swatch{gap:6px;display:grid}.swatch .chip-color{border-radius:var(--r);border:1px solid var(--line-2);height:56px;position:relative;overflow:hidden}.swatch input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.swatch .name{color:var(--muted);font-size:11px}.swatch .input{height:28px;padding:0 7px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.font-sample{border-radius:var(--r);background:var(--bg);border:1px solid var(--line);margin-top:8px;padding:14px;font-size:26px;line-height:1.15}.voice-row{border-radius:var(--r-sm);align-items:center;gap:10px;padding:8px 10px;display:flex}.voice-row:hover{background:var(--surface-2)}.voice-row .grow{flex:1;min-width:0}.voice-row .d{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.scroll-list{max-height:280px;margin:0 -10px;padding:0 10px;overflow:auto}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar .spacer{flex:1}.stat{gap:18px;display:flex}.stat div{display:grid}.stat b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:660}.stat span{color:var(--muted);font-size:11px}.tpl .actions{opacity:0;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px}.tpl:hover .actions{opacity:1}.tpl .actions button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0e11d1;border:0;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.tpl .actions button:hover{background:var(--accent)}.tpl .status{position:absolute;top:6px;left:6px}.tpl.rejected .thumb{opacity:.35}.studio-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.client-card{cursor:pointer;transition:border-color .15s, transform .2s var(--ease);gap:14px;padding:18px;display:grid}.client-card:hover{border-color:var(--faint);transform:translateY(-2px)}.client-card .logo{align-items:center;height:54px;display:flex}.client-card .logo img{object-fit:contain;max-width:70%;max-height:100%}.client-card .dots{gap:4px;display:flex}.client-card .dots i{border:1px solid #ffffff1f;border-radius:50%;width:16px;height:16px}.fade-in{animation:fade-in .3s var(--ease)}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}@media (width<=1560px){.step:not(.active) .lbl{display:none}.step:not(.active){padding:0 5px}}@media (width<=1180px){.editor{grid-template-columns:minmax(0,1fr) 340px}}.motion-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;display:grid}.motion-card{transition:border-color .15s;overflow:hidden}.motion-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.stage-video{background:#000;border-radius:4px;max-width:100%;max-height:100%;box-shadow:0 20px 60px #0000008c}.tone-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tone{border:1px solid var(--line);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:10px;justify-items:center;gap:6px;padding:8px 4px;font-size:11px;font-weight:560;transition:border-color .15s,background .15s;display:grid}.tone:hover{border-color:var(--line-2)}.tone.on{border-color:var(--accent);background:var(--surface-2);color:var(--text)}.tone i{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.checker{background-color:#fff;background-image:linear-gradient(45deg,#e6e6e6 25%,#0000 25%),linear-gradient(-45deg,#e6e6e6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e6e6e6 75%),linear-gradient(-45deg,#0000 75%,#e6e6e6 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.product-card{border:1.5px solid var(--line-2);background:var(--surface);cursor:pointer;text-align:left;color:var(--text);border-radius:12px;gap:0;padding:0;transition:border-color .15s;display:grid;overflow:hidden}.product-card.on{border-color:var(--accent)}.product-img{color:var(--muted);background:var(--bg);place-items:center;display:grid;position:relative;overflow:hidden}.product-img img{box-sizing:border-box;width:100%;height:100%;padding:6%;position:absolute;inset:0}.product-img:not(.checker) img{padding:0}.product-img.checker{background-color:#fff;background-image:linear-gradient(45deg,#e6e6e6 25%,#0000 25%),linear-gradient(-45deg,#e6e6e6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e6e6e6 75%),linear-gradient(-45deg,#0000 75%,#e6e6e6 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.product-meta{justify-content:space-between;gap:10px;padding:10px 12px;font-size:13px;display:flex}.product-meta span{color:var(--text-2);font-weight:600}.proposal{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;color:var(--text);border-radius:12px;gap:10px;padding:12px;transition:border-color .15s,background .15s;display:grid}.proposal:hover{border-color:var(--line-2)}.proposal.on{border-color:var(--accent);background:var(--surface-2)}.proposal-head{align-items:center;gap:10px;display:flex}.proposal-head b{font-size:14px}.proposal-row{gap:8px;display:flex}.proposal-shot{justify-items:start;gap:5px;display:grid}.proposal-shot>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.field-pair{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.field-pair+.field{margin-top:14px}.field-pair .field+.field{margin-top:0}.wave{background:var(--bg);border:1px solid var(--line);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;height:64px;display:block}.wave:active{cursor:grabbing}.wave rect{fill:var(--faint)}.wave rect.in{fill:var(--accent)}.wave .wave-window{fill:#8b7bff1f;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.wave .wave-pos{stroke:#fff;stroke-width:1.5px;vector-effect:non-scaling-stroke}.wave .wave-wait{fill:var(--muted);font-size:11px}