:root{--bg:#0d1118;--panel:#17202b;--panel2:#1c2733;--border:#303b49;--text:#e8eef5;--muted:#9cabbc;--gold:#edaa4b;--gold2:#f6c17a;--danger:#e87576;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;min-width:875px}button,input{font:inherit}button{background:#222e3b;color:#e8edf3;border:1px solid #394656;border-radius:7px;padding:8px 11px;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s;white-space:nowrap}button:hover{background:#354459}button:disabled{opacity:.36;cursor:not-allowed}button.gold{background:linear-gradient(130deg,#f4bc6b,#e99b35);color:#1d1712;border-color:#f0ae52;font-weight:750}button.gold:hover{background:#f8c781}button.record{color:#fa9b91}button.record.active{color:#fff;background:#bc453f;border-color:#c9574d}button.full{width:100%;margin-bottom:9px;text-align:left;display:flex;align-items:center;justify-content:space-between}kbd{font-size:10px;color:#8999a9;border:1px solid #465364;background:#101923;padding:2px 4px;border-radius:3px}.header{height:75px;background:#151d28;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:16px}.identity{display:flex;align-items:center;gap:12px}.symbol{height:43px;width:43px;border-radius:12px;background:linear-gradient(145deg,#fac777,#dd792b);color:#24130a;display:grid;place-items:center;font-weight:900;font-size:25px;position:relative}.symbol span{font-size:12px;position:absolute;right:6px;bottom:4px}.brand{font-size:19px;font-weight:850;letter-spacing:-.5px;white-space:nowrap}.brand em{font-style:normal;color:var(--gold)}.identity small{font-size:9px;color:#96a8ba;letter-spacing:2px;font-weight:600}.identity small b{color:var(--gold)}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:7px}.header-right #renameProject{max-width:210px;overflow:hidden;text-overflow:ellipsis}.local-indicator{font-size:10px;letter-spacing:1px;color:#86d6b5;margin-right:8px;white-space:nowrap}.layout{display:grid;grid-template-columns:210px minmax(0,1fr) 258px;min-height:650px;height:calc(100vh - 111px)}.left-sidebar,.right-sidebar{background:#141c27;padding:17px 14px;overflow-y:auto}.left-sidebar{border-right:1px solid var(--border)}.right-sidebar{border-left:1px solid var(--border)}.section-title{font-size:10px;letter-spacing:2px;font-weight:800;color:#8799ae;margin-bottom:17px}.separator{border-top:1px solid #2d3845;margin:17px 0}.double-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.panel{border:1px solid var(--border);background:var(--panel2);border-radius:10px;padding:13px;margin:18px 0}.panel h3{font-size:11px;letter-spacing:.8px;margin:0 0 14px;color:#e9eef5}.panel p{color:var(--muted);font-size:12px;line-height:1.55;margin:7px 0}.muted-panel{background:#19212b}.detail,.slider-label{display:flex;justify-content:space-between;align-items:center;color:#a5b3c4;font-size:11px;margin:10px 0}.detail b,.slider-label span{color:#f4f6fa;font-weight:600}input[type=range]{width:100%;accent-color:var(--gold);cursor:pointer}input[type=number],input[type=text]{width:100%;background:#0e1520;color:var(--text);border:1px solid #435366;padding:6px;border-radius:5px}.checkrow{display:flex;align-items:center;gap:7px;font-size:12px;margin-top:12px}.checkrow input{accent-color:var(--gold)}.notice{background:#2a251f;border:1px solid #655035;color:#f7c48b;border-radius:9px;padding:12px;font-size:11px;line-height:1.55}.notice p{margin:5px 0}.main{display:flex;flex-direction:column;min-width:0;background:#101721}.transport{height:64px;background:#171f2b;border-bottom:1px solid var(--border);padding:9px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.transport-controls{display:flex;align-items:center;gap:6px}.transport .play{min-width:78px}.clock{font-size:21px;font-variant-numeric:tabular-nums;letter-spacing:.3px;color:#f4bb70;white-space:nowrap;margin-left:7px}.transport-right{font-size:11px;color:#a6b4c4;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#recordBadge{color:#ef796f;margin-right:8px}.arrangement-head{height:39px;background:#101721;color:#92a4b6;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.3px;padding:0 15px;border-bottom:1px solid #2a3543;gap:8px}.arrangement-head i{font-style:normal;color:var(--gold)}.timeline-scroll{overflow:auto;flex:1;position:relative}.timeline-body{position:relative;min-width:100%;width:max-content}.ruler-row{height:35px;display:flex;position:sticky;top:0;z-index:7;background:#172330;border-bottom:1px solid #334251}.ruler-track-label{position:sticky;left:0;z-index:10;min-width:170px;width:170px;padding:12px 10px;background:#1d2936;font-size:9px;letter-spacing:1px;color:#98aabc;border-right:1px solid #334251}.ruler{position:relative;height:35px;background:repeating-linear-gradient(90deg,#192634,#192634 89px,#253546 90px);color:#9bb0c1;font-size:10px}.ruler-tick{position:absolute;top:10px;border-left:1px solid #607186;padding-left:5px;font-variant-numeric:tabular-nums}.track-row{display:flex;height:120px;border-bottom:1px solid #304052}.track-info{background:#1b2632;border-right:1px solid #3a495a;padding:13px 10px;position:sticky;left:0;z-index:4;min-width:170px;width:170px}.track-title{font-size:12px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:flex;gap:7px;align-items:center}.track-dot{height:9px;width:9px;border-radius:50%;background:var(--track);display:inline-block;flex-shrink:0}.track-buttons{display:flex;gap:5px;margin-top:16px}.track-buttons button{padding:5px 7px;min-width:26px;font-size:10px}.track-buttons button.on{background:#e99d43;color:#20170d}.track-summary{font-size:10px;color:#8395a7;margin-top:10px}.lane{position:relative;background:repeating-linear-gradient(90deg,#141d28 0,#141d28 89px,#263341 90px);height:120px;cursor:crosshair}.lane::after{content:'';position:absolute;top:60px;left:0;right:0;height:1px;background:#2c3949;pointer-events:none}.clip{position:absolute;top:16px;height:90px;border:1px solid var(--track);border-radius:6px;background:color-mix(in srgb,var(--track) 16%,#1d2b38);overflow:hidden;min-width:7px;cursor:grab}.clip:active{cursor:grabbing}.clip.chosen{outline:2px solid #f8e6b8;outline-offset:1px}.clip canvas{height:100%;width:100%;display:block;pointer-events:none}.clip-label{position:absolute;left:6px;top:4px;font-size:10px;font-weight:700;color:#fff;white-space:nowrap;text-shadow:0 1px 3px #111;pointer-events:none;max-width:85%;overflow:hidden;text-overflow:ellipsis}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#ffc96e;z-index:3;pointer-events:none;box-shadow:0 0 9px #e8ab4470}.playhead::before{content:'';width:8px;height:8px;position:absolute;left:-3px;top:0;background:#ffc96e;transform:rotate(45deg)}.welcome{height:365px;width:min(520px,calc(100vw - 700px));min-width:300px;border:2px dashed #405164;border-radius:12px;background:#17202b;text-align:center;margin:55px auto;padding:45px 30px;color:#a4b3c3}.welcome .big{font-size:50px;color:var(--gold)}.welcome h2{margin:8px 0 12px;color:#e7edf5;font-size:20px}.welcome p{font-size:13px;line-height:1.5}.welcome button{margin-top:16px}.empty-track{color:#506479;position:absolute;left:25px;top:54px;font-size:11px;pointer-events:none}.bottom{height:39px;padding:10px 16px;background:#161f2a;border-top:1px solid #303b49;display:flex;justify-content:space-between;gap:10px;color:#879aab;font-size:11px;align-items:center}footer{height:36px;padding:11px 20px;display:flex;justify-content:space-between;gap:10px;background:#121923;border-top:1px solid #303d49;font-size:10px;color:#8b9db0}.property{display:flex;align-items:center;justify-content:space-between;margin:11px 0;gap:7px;color:#b5c2d0;font-size:11px}.property input[type=number]{width:90px}.property input[type=text]{width:120px}.property input[type=range]{width:120px}.property strong{color:#f8f0e5;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-name{font-weight:700;color:#ecc17e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:12px}.subtle{font-size:10px;color:#8697a9}.smallbutton{font-size:10px;padding:5px 8px;margin-top:5px}.error{color:#f6a49d!important}@media(max-width:1100px){.layout{grid-template-columns:175px minmax(0,1fr) 220px}.left-sidebar,.right-sidebar{padding:12px}.brand{font-size:16px}.local-indicator{display:none}}@media(max-height:660px){.layout{min-height:460px}}