:root{--bg:#1d1d1d;--bg2:#232323;--bg3:#2b2b2b;--gap:#000;--line:#303030;--line2:#3a3a3a;--txt:#d0d0d1;--txt2:#9a9a9a;--txt3:#6f6f6f;--blue:#5894ec;--blue2:#265bc1;--clip:#1d4a64;--clipTop:#345c74;--wave:#79c0f9;--yellow:#f0f04f;--white:#f2f2f2;--font:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Segoe UI",Roboto,"Noto Sans KR",sans-serif;--mono:"SF Mono",Menlo,ui-monospace,monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:12px/1.4 var(--font);color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,select{font:inherit;color:inherit}.app{background:var(--gap);flex-direction:column;height:100%;display:flex}.head{background:var(--bg);height:32px;color:var(--txt);flex:none;align-items:center;gap:6px;padding:0 10px;display:flex}.head .home{width:28px;height:24px;color:var(--txt);justify-content:center;align-items:center;display:inline-flex}.head .modes{gap:22px;margin-left:22px;display:flex}.head .mode{height:24px;color:var(--txt2);font-size:12.5px;line-height:24px;position:relative}.head .mode.on{color:var(--white)}.head .mode.on:after{content:"";background:var(--white);height:1.5px;position:absolute;bottom:-3px;left:0;right:0}.head .title{text-align:center;color:var(--txt);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;overflow:hidden}.head .ws{color:var(--txt);border-radius:3px;align-items:center;gap:4px;height:24px;padding:0 6px;font-size:12px;display:inline-flex}.head .ws:hover{background:var(--bg3)}.head .ic{width:26px;height:24px;color:var(--txt2);border-radius:3px;justify-content:center;align-items:center;display:inline-flex}.head .ic:hover{background:var(--bg3);color:var(--txt)}.head .avatar{background:linear-gradient(135deg,#8e6cf2,#4cc2ff);border-radius:50%;width:18px;height:18px;margin-left:4px}.menubar{background:var(--bg);border-bottom:1px solid var(--gap);flex:none;align-items:center;gap:2px;height:22px;padding:0 6px;display:flex}.menubar .mb{color:var(--txt);border-radius:3px;padding:2px 8px}.menubar .mb:hover,.menubar .mb.open{background:var(--bg3)}.menu{z-index:1000;min-width:220px;color:var(--txt);background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:4px 0;font-size:12px;position:fixed;box-shadow:0 8px 24px #00000080}.menu .mi{white-space:nowrap;cursor:default;align-items:center;gap:8px;padding:4px 14px 4px 24px;display:flex;position:relative}.menu .mi:hover{background:var(--blue2);color:#fff}.menu .mi.dis{color:var(--txt3)}.menu .mi.dis:hover{background:0 0}.menu .mi .k{color:var(--txt2);margin-left:auto;padding-left:24px;font-size:11px}.menu .mi:hover .k{color:#dfe8ff}.menu .sep{background:#444;height:1px;margin:4px 0}.menu .chk{position:absolute;left:8px}.body{background:var(--gap);flex:1;gap:4px;min-height:0;padding:0 4px 4px;display:flex}.split{gap:4px;min-width:0;min-height:0;display:flex}.split.v{flex-direction:column}.panel{background:var(--bg);outline-offset:-1px;outline:1px solid #0000;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.panel.focus{outline-color:var(--blue)}.ptabs{height:30px;color:var(--txt2);white-space:nowrap;flex:none;align-items:flex-end;gap:16px;padding:0 6px 0 10px;display:flex;overflow:hidden}.ptab{height:30px;color:var(--txt2);text-overflow:ellipsis;max-width:260px;font-size:11.5px;line-height:30px;position:relative;overflow:hidden}.ptab.on{color:var(--txt)}.ptab.on:after{content:"";background:var(--txt);height:1px;position:absolute;bottom:6px;left:0;right:0}.ptabs .pmenu{color:var(--txt2);align-items:center;height:30px;margin-left:4px;display:inline-flex}.ptabs .more{color:var(--txt2);margin-left:auto}.pbody{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.monitor{flex-direction:column;height:100%;display:flex}.mon-view{background:var(--bg);flex:1;justify-content:center;align-items:center;min-height:0;padding:14px 10px 8px;display:flex}.mon-view canvas{background:#000;max-width:100%;max-height:100%;display:block}.mon-empty{color:var(--txt3);font-size:12px}.mon-ctl{align-items:center;gap:10px;height:34px;padding:0 10px;font-size:12px;display:flex}.tc{font-family:var(--font);color:var(--blue);letter-spacing:.2px;min-width:92px;font-size:12.5px}.tc.right{color:var(--txt);margin-left:auto}.dd{border:1px solid var(--line2);background:var(--bg2);height:22px;color:var(--txt);border-radius:3px;align-items:center;gap:4px;padding:0 8px;font-size:11.5px;display:inline-flex}.mon-scrub{height:18px;margin:0 10px;position:relative}.mon-scrub .ruler{background:var(--line2);height:1px;position:absolute;top:6px;left:0;right:0}.mon-scrub .ph{background:var(--blue);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);width:9px;height:9px;position:absolute;top:0;transform:translate(-50%)}.mon-scroll{background:#4b4b4b;border-radius:6px;height:12px;margin:2px 10px 0;position:relative}.mon-scroll:before,.mon-scroll:after{content:"";background:#2a2a2a;border-radius:50%;width:8px;height:8px;position:absolute;top:2px}.mon-scroll:before{left:2px}.mon-scroll:after{right:2px}.mon-btns{justify-content:center;align-items:center;gap:4px;height:36px;padding:0 6px;display:flex}.mon-btns .b{color:#cfcfcf;border-radius:3px;justify-content:center;align-items:center;width:28px;height:26px;display:inline-flex}.mon-btns .b:hover{background:var(--bg3)}.mon-btns .b.on{color:var(--blue)}.mon-btns .gap{width:12px}.proj{flex-direction:column;height:100%;display:flex}.proj-path{color:var(--txt);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;padding:6px 10px 4px;font-size:12px;display:flex;overflow:hidden}.proj-search{align-items:center;gap:8px;padding:2px 10px 6px;display:flex}.proj-search .box{border:1px solid var(--line2);background:var(--bg2);height:24px;color:var(--txt2);border-radius:3px;flex:1;align-items:center;gap:6px;padding:0 6px;display:flex}.proj-search input{min-width:0;color:var(--txt);background:0 0;border:0;outline:0;flex:1}.proj-search .count{color:var(--txt2);white-space:nowrap;font-size:11.5px}.proj-grid{flex:1;grid-template-columns:repeat(auto-fill,130px);align-content:start;gap:12px 16px;padding:4px 10px;display:grid;overflow:auto}.pitem{cursor:grab;border:1px solid #0000;border-radius:3px;width:130px;padding:3px}.pitem.sel{border-color:var(--blue)}.pitem .th{background:#000;border-radius:2px;justify-content:center;align-items:center;width:124px;height:70px;display:flex;position:relative;overflow:hidden}.pitem .th img{object-fit:contain;width:100%;height:100%}.pitem .th .badge{color:#ddd;background:#0009;border-radius:2px;padding:0 3px;font-size:9px;position:absolute;bottom:3px;right:3px}.pitem .nm{color:var(--txt);justify-content:space-between;gap:6px;margin-top:4px;font-size:11.5px;display:flex}.pitem .nm span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pitem .nm span:last-child{color:var(--txt2)}.proj-empty{color:var(--txt2);text-align:center;border:1px dashed var(--line2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;margin:4px 10px;padding:20px;display:flex}.proj-empty b{color:var(--txt);font-size:12.5px}.btn{height:26px;color:var(--white);background:#3b3b3b;border-radius:13px;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:inline-flex}.btn:hover{background:#474747}.btn.primary{color:#fff;background:#2f6fed}.btn.primary:hover{background:#3b7bf5}.btn.big{height:34px;padding:0 20px;font-size:13px}.proj-foot{height:30px;color:var(--txt2);border-top:1px solid var(--line);align-items:center;gap:14px;padding:0 10px;display:flex}.proj-foot .b{width:22px;height:22px;color:var(--txt2);border-radius:3px;justify-content:center;align-items:center;display:inline-flex}.proj-foot .b.on{background:var(--bg3);color:var(--txt)}.proj-foot .zoom{background:var(--line2);flex:1;max-width:80px;height:1px;position:relative}.proj-foot .zoom:before{content:"";background:var(--txt2);border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;left:40%}.tools{background:var(--bg);flex-direction:column;flex:none;align-items:center;gap:6px;width:49px;padding-top:14px;display:flex}.tool{color:#cfcfcf;border-radius:3px;justify-content:center;align-items:center;width:28px;height:26px;display:inline-flex}.tool.on{color:#1d1d1d;background:#fff}.tool:hover:not(.on){background:var(--bg3)}.tl{flex-direction:column;height:100%;min-height:0;display:flex}.tl-head{height:26px;color:var(--txt);flex:none;align-items:center;gap:8px;padding:0 10px;display:flex}.tl-tc{height:24px;color:var(--blue);flex:none;padding:0 10px;font-size:12.5px;line-height:24px}.tl-btns{flex:none;align-items:center;gap:4px;height:26px;padding:0 10px;display:flex}.tl-btns .b{color:#cfcfcf;border-radius:3px;justify-content:center;align-items:center;width:24px;height:22px;display:inline-flex}.tl-btns .b.on{background:var(--bg3);color:#fff}.tl-canvas{cursor:default;flex:1;width:100%;min-height:0;display:block;position:relative}.tl-canvas canvas{width:100%;height:100%;display:block}.tl-scroll{background:#4b4b4b;border-radius:6px;flex:none;height:12px;margin:4px 10px 4px 210px;position:relative}.meters{background:var(--bg);flex-direction:column;flex:none;align-items:center;width:35px;padding:10px 0 6px;display:flex}.meters canvas{flex:1;width:28px;min-height:0}.meters .ss{color:var(--txt2);gap:6px;margin-top:4px;font-size:10px;display:flex}.props{height:100%;color:var(--txt);font-size:12px;overflow:auto}.props .hd{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 14px 8px;display:flex}.props .hd b{font-weight:500}.props .hd .more{color:var(--txt2);margin-left:auto}.props .sec{border-bottom:1px solid var(--line);padding:6px 0 10px}.props .sec-h{color:var(--txt);cursor:default;align-items:center;gap:8px;padding:8px 14px;display:flex}.props .sec-h .rst{color:var(--txt2);margin-left:auto}.props .row{align-items:center;gap:12px;height:32px;padding:0 14px 0 30px;display:flex}.props .row .lab{color:#ccc;flex:none;width:118px}.props .row .vals{flex:1;gap:14px;display:flex}.props .num{color:var(--blue);cursor:ew-resize;white-space:nowrap;min-width:48px}.props .num input{background:var(--bg2);border:1px solid var(--line2);width:64px;color:var(--blue);border-radius:2px;outline:0;padding:1px 4px}.props .num .u{color:var(--txt2);margin-left:3px}.props .kf{border:1.5px solid var(--txt2);cursor:pointer;border-radius:1px;flex:none;width:12px;height:12px;margin-left:auto;transform:rotate(45deg)}.props .kf.on{background:var(--blue);border-color:var(--blue)}.props .fitbtns{align-items:center;gap:10px;height:32px;padding:0 14px 0 30px;display:flex}.props .fitbtns button{color:var(--txt);align-items:center;gap:6px;display:inline-flex}.props .empty{height:60%;color:var(--txt2);text-align:center;justify-content:center;align-items:center;padding:0 30px;line-height:1.6;display:flex}.props .speed{border:1px solid var(--line2);color:var(--txt);border-radius:3px;align-items:center;gap:6px;margin:12px 14px;padding:3px 10px;display:inline-flex}.props textarea{background:var(--bg2);border:1px solid var(--line2);width:calc(100% - 44px);min-height:60px;color:var(--txt);resize:vertical;border-radius:3px;outline:0;margin:4px 14px 8px 30px;padding:6px}.fx{height:100%;display:flex}.fx .tree{flex:1;padding:8px 0;overflow:auto}.fx .hdr{color:var(--txt);gap:8px;padding:6px 10px;display:flex}.fx .it{color:var(--txt);gap:8px;padding:4px 10px 4px 20px;display:flex}.fx .it i{color:var(--txt2);font-style:italic}.fx .mini{border-left:1px solid var(--line);background:var(--bg2);width:38%;position:relative}.fx .mini canvas{width:100%;height:100%;display:block}.status{height:14px;color:var(--txt2);background:var(--bg);white-space:nowrap;flex:none;align-items:center;padding:0 10px;font-size:11px;display:flex;overflow:hidden}.status.err{color:#ff8080}.home{background:var(--bg);color:var(--txt);flex:1;min-height:0;display:flex}.home .side{flex-direction:column;flex:none;gap:14px;width:330px;padding:28px 36px;display:flex}.home .side .sel{color:#fff;background:#2f6fed;border-radius:18px;align-items:center;width:max-content;height:36px;padding:0 20px;font-size:14px;display:inline-flex}.home .side .lnk{color:var(--txt);padding:4px 0;font-size:14px}.home .side .nav{color:var(--txt);align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.home .side .nav.on{color:var(--white);border-left:2px solid var(--white);margin-left:-18px;padding-left:16px}.home .side .grp{color:var(--txt2);margin-top:10px;font-size:12px}.home .side .bottom{flex-direction:column;gap:14px;margin-top:auto;font-size:14px;display:flex}.home .main{flex-direction:column;flex:1;gap:18px;min-width:0;padding:28px 36px;display:flex;overflow:auto}.home .main h1{color:var(--white);margin:0;font-size:18px;font-weight:600}.home .cards{gap:16px;display:flex}.home .card{background:var(--bg3);color:var(--txt);border-radius:6px;flex:1;min-height:120px;padding:20px}.home .card b{color:var(--white);margin-bottom:8px;font-size:14px;display:block}.home .recent{grid-template-columns:repeat(auto-fill,220px);gap:14px;display:grid}.home .ritem{background:var(--bg3);cursor:pointer;border-radius:6px;padding:14px}.home .ritem:hover{background:#333}.home .ritem b{color:var(--white);font-weight:500;display:block}.home .ritem span{color:var(--txt2);font-size:11.5px}.home .cta{background:var(--bg3);border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:220px;display:flex}.home .cta h2{color:var(--white);margin:0;font-size:22px;font-weight:600}.modal-bg{z-index:900;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:510px;color:var(--txt);background:#2b2b2b;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #0009}.modal .mh{color:var(--white);background:#333;padding:12px 16px;font-weight:600}.modal .mb{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.modal label{color:var(--txt2);flex-direction:column;gap:6px;font-size:12px;display:flex}.modal input,.modal select{height:28px;color:var(--txt);background:#1d1d1d;border:1px solid #555;border-radius:3px;outline:0;padding:0 8px}.modal input:focus{border-color:var(--blue)}.modal .mf{border-top:1px solid #3a3a3a;align-items:center;gap:10px;padding:12px 16px;display:flex}.modal .mf label{color:var(--txt);flex-direction:row;align-items:center;gap:6px}.modal .mf .grow{flex:1}.pill{height:28px;color:var(--white);background:#3b3b3b;border-radius:14px;align-items:center;padding:0 16px;display:inline-flex}.pill.primary{background:#2f6fed}.imp{background:var(--bg);flex:1;min-height:0;display:flex}.imp .side{width:260px;color:var(--txt);border-right:1px solid var(--gap);flex-direction:column;flex:none;gap:2px;padding:18px 10px;display:flex}.imp .side .grp{color:var(--txt2);padding:8px 12px 4px;font-size:11px}.imp .side .it{cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:7px 14px;font-size:13px;display:flex}.imp .side .it:hover,.imp .side .it.on{background:var(--bg3)}.imp .center{flex-direction:column;flex:1;min-width:0;display:flex}.imp .crumbs{height:56px;color:var(--txt);align-items:center;gap:10px;padding:0 24px;font-size:13px;display:flex}.imp .crumbs .sp{flex:1}.imp .crumbs .search{background:var(--bg2);width:190px;height:30px;color:var(--txt2);border-radius:4px;align-items:center;padding:0 10px;display:flex}.imp .grid{flex:1;grid-template-columns:repeat(auto-fill,266px);align-content:start;gap:24px;padding:10px 24px;display:grid;overflow:auto}.imp .fitem{cursor:pointer;border:2px solid #0000;border-radius:4px;padding:4px}.imp .fitem.sel{border-color:var(--blue)}.imp .fitem .th{background:var(--bg2);border-radius:3px;justify-content:center;align-items:center;width:258px;height:258px;display:flex;overflow:hidden}.imp .fitem .th img{max-width:100%;max-height:100%}.imp .fitem .nm{color:var(--white);white-space:nowrap;text-overflow:ellipsis;margin-top:10px;font-size:13px;overflow:hidden}.imp .fitem .meta{color:var(--txt2);margin-top:4px;font-size:11px}.imp .drop{color:var(--txt2);border:1px dashed var(--line2);border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;margin:24px;display:flex}.imp .foot{border-top:1px solid var(--gap);background:var(--bg);align-items:center;gap:12px;height:68px;padding:0 24px;display:flex}.imp .foot .hint{flex:1;justify-content:center;display:flex}.imp .foot .hint span{color:#fff;background:#2f6fed;border-radius:6px;padding:10px 26px;font-size:13px}.imp .settings{border-left:1px solid var(--gap);width:300px;color:var(--txt);flex:none;padding:20px 16px}.imp .settings h3{color:var(--white);margin:0 0 14px;font-size:15px;font-weight:600}.imp .settings .row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;height:40px;font-size:13px;display:flex}.imp .settings input{width:100%;height:30px;color:var(--txt);background:#1d1d1d;border:1px solid #555;border-radius:3px;margin-top:8px;padding:0 10px}.switch{background:#555;border-radius:8px;width:30px;height:16px;position:relative}.switch:after{content:"";background:#ddd;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:2px}.switch.on{background:#2f6fed}.switch.on:after{left:16px}.exp{background:var(--bg);flex:1;min-height:0;display:flex}.exp .dest{border-right:1px solid var(--gap);flex:none;width:306px;padding:14px 0}.exp .dest .src{color:var(--txt);align-items:center;gap:8px;padding:8px 18px;font-size:13px;display:flex}.exp .dest h4{color:var(--white);align-items:center;margin:14px 18px 10px;font-size:14px;font-weight:600;display:flex}.exp .dest h4 .more{color:var(--txt2);margin-left:auto}.exp .dest .d{height:36px;color:var(--txt);align-items:center;gap:12px;padding:0 18px;font-size:13px;display:flex}.exp .dest .d.on{background:var(--bg3)}.exp .dest .d .sw{margin-left:auto}.exp .dest .grp{color:var(--txt2);padding:12px 18px 4px;font-size:11px}.exp .set{flex:1;min-width:0;padding:14px 0;overflow:auto}.exp .set .h{color:var(--white);align-items:center;gap:8px;padding:0 16px 10px;font-size:14px;display:flex}.exp .set .f{align-items:center;gap:14px;padding:6px 16px;font-size:13px;display:flex}.exp .set .f .l{width:94px;color:var(--txt);flex:none}.exp .set .f input,.exp .set .f select{height:30px;color:var(--txt);background:#1d1d1d;border:1px solid #555;border-radius:3px;flex:1;padding:0 10px}.exp .set .f a{color:var(--blue)}.exp .set .acc{border-top:1px solid var(--line);height:40px;color:var(--white);align-items:center;gap:10px;padding:0 16px;font-size:12.5px;font-weight:600;display:flex}.exp .set .acc .sw{margin-left:auto}.exp .prev{border-left:1px solid var(--gap);flex-direction:column;flex:none;width:720px;min-width:0;padding:14px 20px;display:flex}.exp .prev h4{color:var(--white);margin:0 0 10px;font-size:14px;font-weight:600}.exp .prev canvas{aspect-ratio:16/9;background:#000;width:100%}.exp .prev .tcs{color:var(--blue);justify-content:space-between;margin:10px 0 4px;font-size:12.5px;display:flex}.exp .prev .tcs span:last-child{color:var(--txt)}.exp .prev .range{gap:40px;margin-top:14px;font-size:12.5px;display:flex}.exp .prev .range label{color:var(--txt);flex-direction:column;gap:6px;display:flex}.exp .prev .range select{height:28px;color:var(--txt);background:#1d1d1d;border:1px solid #555;border-radius:3px;padding:0 8px}.exp .prev .sum{color:var(--txt);grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;font-size:12px;display:grid}.exp .prev .sum b{color:var(--white);margin-bottom:6px;font-weight:600;display:block}.exp .prev .sum .r{gap:10px;line-height:1.7;display:flex}.exp .prev .sum .r .l{width:70px;color:var(--txt2);flex:none}.exp-wrap .foot{background:var(--bg);border-top:1px solid var(--gap);justify-content:flex-end;align-items:center;gap:14px;height:60px;padding:0 30px;display:flex;position:absolute;bottom:0;left:0;right:0}.exp-wrap .prog{background:#333;border-radius:3px;flex:1;height:6px;margin-right:10px;overflow:hidden}.exp-wrap .prog i{background:var(--blue);height:100%;display:block}.exp{padding-bottom:60px}.exp-wrap{flex:1;min-height:0;display:flex;position:relative}.hint{color:var(--txt2)}.split,.body{gap:0}.gutter{background:var(--gap);flex:0 0 4px}.gutter.h.rs{cursor:col-resize}.gutter.v.rs{cursor:row-resize}.gutter.rs:hover{background:#2a4a7a}.panel.dropok{outline-color:var(--blue)}.panel.dropok .ptabs{background:#5894ec1f}.ptab[draggable]{cursor:default}.ptab:active{cursor:grabbing}.ptabs .pmenu{cursor:pointer}.status .txt{text-overflow:ellipsis;flex:1;overflow:hidden}.status .right{color:var(--txt3);margin-left:12px}.props .fxblk{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.props .fxblk.off .row{opacity:.5}.props .fxh{height:28px;color:var(--txt);align-items:center;gap:8px;padding:0 14px 0 30px;display:flex}.props .fxh i{color:var(--txt2);font-style:italic}.props .fxh b{flex:1;font-weight:500}.props .fxh .rst{color:var(--txt2);cursor:pointer;display:inline-flex}.props .fxh .rst:hover{color:var(--txt)}.props select{background:var(--bg2);border:1px solid var(--line2);color:var(--txt);border-radius:2px;outline:0;max-width:170px;padding:2px 4px}.props input[type=range]{accent-color:var(--blue);height:14px}.fx{flex-direction:column;height:100%;display:flex}.fx .fx-scroll{flex:1;align-items:flex-start;min-height:0;display:flex;overflow:auto}.fx .tree{background:var(--bg);z-index:1;flex:0 0 62%;padding:0;position:sticky;left:0}.fx .mini{border-left:1px solid var(--line);background:var(--bg2);flex:1;min-width:120px;position:relative}.fx .mini canvas{width:100%;display:block}.fx .fx-rul{height:24px;color:var(--txt);border-bottom:1px solid var(--line);background:#1d1d1d;align-items:center;gap:10px;padding:0 10px;display:flex}.fx .fx-rul .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fx .fx-rul .tc{color:var(--blue);font-size:11.5px}.fx .fxrow{border-bottom:1px solid var(--line);color:var(--txt);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;display:flex}.fx .fxrow.grp{padding-left:10px;font-weight:600}.fx .fxrow.sub{padding-left:16px}.fx .fxrow.prop{padding-left:34px}.fx .fxrow .lb{text-overflow:ellipsis;flex:1;overflow:hidden}.fx .fxrow .val{color:var(--blue);margin-right:6px}.fx .fxrow i{color:var(--txt2);font-size:11px;font-style:italic}.fx .fxrow .sw{border:1.5px solid var(--txt2);cursor:pointer;border-radius:50%;flex:none;width:12px;height:12px;position:relative}.fx .fxrow .sw:after{content:"";background:var(--txt2);border-radius:50%;width:4px;height:4px;position:absolute;top:3px;left:3px}.fx .fxrow .sw.on{border-color:var(--blue)}.fx .fxrow .sw.on:after{background:var(--blue)}.fx .fxrow .sw.none{visibility:hidden}.fx .fxrow .nav{gap:2px;display:inline-flex}.fx .fxrow .nav button{width:16px;height:16px;color:var(--txt2);justify-content:center;align-items:center;font-size:9px;display:inline-flex}.fx .fxrow .nav button.on{color:var(--blue)}.fx .fxrow .nav button:hover{color:var(--txt)}.fx .fx-hint{color:var(--txt3);padding:8px 10px;font-size:10.5px}.mixer{height:100%;color:var(--txt);flex-direction:column;font-size:11px;display:flex}.mixer .strips{flex:1;gap:2px;min-height:0;padding:10px 12px 6px;display:flex;overflow-x:auto}.mixer .strip{background:var(--bg2);border-radius:3px;flex-direction:column;flex:none;align-items:center;gap:6px;width:72px;padding:8px 4px 6px;display:flex}.mixer .sep{background:var(--line2);flex:none;width:1px;margin:0 6px}.mixer .pan{height:34px;color:var(--txt2);flex-direction:column;align-items:center;gap:2px;display:flex}.mixer .pan input{width:56px;accent-color:var(--blue)}.mixer .ms{gap:4px;display:flex}.mixer .ms button{background:var(--bg3);width:20px;height:16px;color:var(--txt2);border-radius:2px;font-size:10px}.mixer .ms button.on{color:#1d1d1d;background:#e5b84d}.mixer .ms button.on.s{background:#3fb950}.mixer .fader{flex:1;justify-content:center;align-items:stretch;gap:4px;width:100%;min-height:120px;display:flex;position:relative}.mixer .fader .scale{width:18px;color:var(--txt3);font-size:8.5px;position:relative}.mixer .fader .scale span{position:absolute;right:0;transform:translateY(-50%)}.mixer .vfader{writing-mode:vertical-lr;accent-color:#cfcfcf;direction:rtl;width:18px;height:100%;margin:0}.mixer .vmeter{background:#111;border-radius:1px;width:12px;height:100%}.mixer .db{color:var(--blue);height:16px;font-size:11px}.mixer .nm{color:var(--txt);text-overflow:ellipsis;white-space:nowrap;max-width:64px;overflow:hidden}.mixer .mixfoot{height:22px;color:var(--txt2);border-top:1px solid var(--line);align-items:center;padding:0 12px;display:flex}.mixer .empty{height:60%;color:var(--txt2);justify-content:center;align-items:center;display:flex}.tl-vscroll{background:#00000040;width:10px;position:absolute;top:24px;bottom:0;right:0}.tl-vscroll .thumb{background:#6a6a6a;border-radius:3px;min-height:12px;position:absolute;left:2px;right:2px}.fx .tree{flex:0 0 73%}.fx .fxrow{padding-right:6px}.fx .fx-rul{gap:6px;height:30px;padding:0 6px}.fx .fx-rul .pill{background:var(--bg3);height:22px;color:var(--txt);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;align-items:center;gap:6px;max-width:46%;padding:0 10px;font-size:11.5px;display:inline-flex;overflow:hidden}.fx .fx-rul .tg{color:var(--txt2);margin-left:auto;display:inline-flex}.fx .fxrow.grp{background:#202020;padding-left:10px;font-weight:500}.fx .fxrow .up{color:var(--txt2);margin-left:auto;display:inline-flex;transform:rotate(180deg)}.fx .fxrow .rst{color:var(--txt2);cursor:pointer;margin-left:4px;display:inline-flex}.fx .fxrow .rst:hover{color:var(--txt)}.fx .fxrow.dim,.fx .fxrow.dim i{color:var(--txt3)}.fx .fx-foot{border-top:1px solid var(--line);height:28px;color:var(--txt2);flex:none;align-items:center;gap:10px;padding:0 10px;display:flex}.fx .fx-foot .tc{color:var(--blue);font-size:11.5px}.fx .fx-foot .hint{color:var(--txt3);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10.5px;overflow:hidden}.fx .fx-foot .ic{color:var(--txt2);cursor:pointer;display:inline-flex}.fx .fx-foot .ic:hover{color:var(--txt)}.mixer .strip{border-right:1px solid var(--line);background:0 0;gap:4px;width:98px;padding:8px 6px 6px}.mixer .pan{gap:1px;height:52px}.mixer .pan input{width:64px}.mixer .pan .lr{color:var(--txt2);align-items:center;gap:3px;font-size:9px;display:inline-flex}.mixer .pan .lr i{background:repeating-linear-gradient(90deg,var(--txt3) 0 1px,transparent 1px 3px);width:26px;height:6px;display:inline-block}.mixer .pan .dim{color:var(--txt3);line-height:52px}.mixer .ms{align-items:center;gap:6px}.mixer .ms .kf{border:1.2px solid var(--txt2);width:9px;height:9px;display:inline-block;transform:rotate(45deg)}.mixer .fader{gap:3px;min-height:150px}.mixer .fader .scale{width:22px;font-size:8.5px}.mixer .fader .scale .unit{color:var(--txt2);position:absolute;top:-12px;right:0}.mixer .ftrack{cursor:ns-resize;width:22px;height:100%;position:relative}.mixer .ftrack .fline{background:#4a4a4a;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.mixer .ftrack .fhandle{background:linear-gradient(#dadada,#9a9a9a);border-radius:3px;width:16px;height:26px;margin-top:-13px;position:absolute;left:3px;box-shadow:0 1px 2px #0009}.mixer .ftrack .fhandle:after{content:"";background:#333;height:2px;position:absolute;top:12px;left:3px;right:3px}.mixer .vmeter{width:14px}.mixer .nm{max-width:90px;color:var(--txt);gap:4px;display:flex}.mixer .nm b{color:var(--white);font-weight:500}.mixer .nm span{color:var(--txt2)}.mcpdlg{width:680px}.mcpdlg .mb{gap:14px}.mcpdlg section{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.mcpdlg section:last-child{border-bottom:0;padding-bottom:0}.mcpdlg h4{color:var(--white);margin:0;font-size:13px;font-weight:600}.mcpdlg .st{color:var(--txt);font-size:12px}.mcpdlg .row{gap:6px;display:flex}.mcpdlg .row input{font-family:var(--mono);flex:1;font-size:11px}.mcpdlg code{font-family:var(--mono);color:var(--txt);background:#1d1d1d;border-radius:3px;padding:1px 5px;font-size:11px}.mcpdlg .hint{-webkit-user-select:text;user-select:text;font-size:11.5px;line-height:1.6}.mcpdlg label.chk{color:var(--txt);flex-direction:row;align-items:center;gap:6px}.mcpdlg .row button{border:1px solid var(--line2);height:28px;color:var(--txt);border-radius:3px;padding:0 10px}.mcpdlg .row button:hover{background:var(--bg3)}.mcpdlg .mf .hint{font-size:11px}