@font-face{font-family:Work Sans;src:url(/fonts/WorkSans-Light.ttf);font-weight:300;font-display:swap}@font-face{font-family:Work Sans;src:url(/fonts/WorkSans-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:Work Sans;src:url(/fonts/WorkSans-Bold.ttf);font-weight:700;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Light.ttf);font-weight:300;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.ttf);font-weight:500;font-display:swap}@font-face{font-family:DSEG;src:url(/fonts/DSEG14Classic-Regular.ttf);font-display:swap}:root{--bg: #F5F5F2;--bg-deep: #E7EAE6;--surface: #ECEEF2;--surface-2: #E6EAF0;--surface-3: #F0F3F7;--ink: #171717;--ink-2: #3A3D42;--muted: #85878B;--muted-2: #A1A4A9;--line: #DFE3E9;--line-strong: #CCD2DB;--accent: #3478C8;--accent-2: #2E6BB5;--accent-ink: #FFFFFF;--accent-soft: #E3EDF9;--dark: #0B1420;--dark-2: #132134;--dark-3: #1C2E43;--red: #E63946;--amber: #F4C542;--green: #3478C8;--teal: #3478C8;--blue: #3478C8;--violet: #8052A0;--pink: #E879A9;--shadow-sm: 0 1px 2px rgba(23, 27, 21, .04), 0 8px 24px -20px rgba(23, 27, 21, .35);--shadow-md: 0 2px 4px rgba(23, 27, 21, .04), 0 18px 40px -28px rgba(23, 27, 21, .35);--shadow-lg: 0 30px 90px -30px rgba(15, 20, 12, .45);--r-lg: 18px;--r-md: 14px;--r-sm: 10px;--r-xs: 7px;--ui: "Roboto", -apple-system, "Segoe UI", sans-serif;--display: "Work Sans", "Roboto", sans-serif;--mono: "DSEG", "SF Mono", ui-monospace, monospace;--mono-ui: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--ui);color:var(--ink);background:radial-gradient(1100px 500px at 12% -8%,#fff,#fff0 60%),radial-gradient(900px 450px at 96% 0%,#e8f1fb,#e8f1fb00 55%),var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select{font-family:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--accent);color:var(--accent-ink)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#c9d0da;border-radius:9px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#b4bcc8;background-clip:padding-box;border:2px solid transparent}::-webkit-scrollbar-track{background:transparent}.app{height:100%;display:flex;flex-direction:column}.topbar{height:66px;flex:0 0 66px;display:flex;align-items:center;gap:16px;padding:0 16px 0 18px;position:relative;z-index:30;background:#f5f5f2e0;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;min-width:0;flex:none}.brand-logo{display:block;height:28px;width:auto;-webkit-user-select:none;user-select:none}.project{display:flex;align-items:center;gap:7px;min-width:0;padding-left:14px;border-left:1px solid var(--line);height:30px}.project-name{border:0;background:transparent;font-family:var(--display);font-size:13px;font-weight:400;color:var(--ink-2);padding:4px 6px;border-radius:7px;max-width:168px;text-overflow:ellipsis}.project-name:hover{background:#f0f2f7}.project-name:focus{outline:none;background:#fff;box-shadow:inset 0 0 0 1px var(--line-strong)}.dot-dirty{width:6px;height:6px;border-radius:50%;background:var(--accent-2);flex:none;box-shadow:0 0 0 3px var(--accent-soft)}.demo-pill{font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:#2e6bb5;background:var(--accent-soft);border:1px solid #C9DDF5;padding:3px 6px;border-radius:5px;font-weight:500}.topbar-center{display:flex;align-items:center;gap:10px;margin-left:auto}.preset-select{display:flex;align-items:center;gap:10px;height:38px;padding:0 11px;border:1px solid var(--line);background:var(--surface);border-radius:11px;box-shadow:var(--shadow-sm);min-width:186px}.preset-select .ps-label{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.preset-select .ps-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.preset-select:hover{border-color:var(--line-strong)}.transport{display:flex;align-items:center;gap:4px;padding:4px;background:#eff2f8;border:1px solid #E7EBF2;border-radius:12px}.icon-btn{border:0;background:transparent;color:var(--ink-2);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;transition:background .15s,color .15s,transform .1s}.icon-btn:hover{background:#e5eaf2;color:var(--ink)}.icon-btn:active{transform:scale(.94)}.icon-btn.active{background:var(--ink);color:#fff}.icon-btn.accent{background:var(--accent);color:var(--accent-ink)}.icon-btn.accent:hover{background:var(--accent-2)}.icon-btn[disabled]{opacity:.35;pointer-events:none}.play-btn{width:36px;height:36px;border-radius:10px;background:var(--ink);color:#fff}.play-btn:hover{background:#2b3127}.play-btn.playing{background:var(--accent);color:var(--accent-ink)}.time-display{height:38px;min-width:126px;border-radius:11px;background:linear-gradient(180deg,#0b1420,#08101a);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff12,0 2px 7px -3px #0006;border:1px solid #060B12;padding:0 12px}.time-display .digits{font-family:var(--mono);font-size:15px;color:#5ea0ff;letter-spacing:.06em;text-shadow:0 0 14px rgba(94,160,255,.5)}.mini-chip{height:38px;padding:0 10px;display:flex;align-items:center;gap:5px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:10.5px;font-weight:500;color:var(--ink-2);box-shadow:var(--shadow-sm)}.mini-chip:hover{border-color:var(--line-strong)}.mini-chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.mini-chip.dim{color:var(--muted)}.topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.snap-group{display:flex;align-items:center;gap:3px;padding:3px;background:#eff2f8;border:1px solid #E7EBF2;border-radius:10px}.snap{width:26px;height:28px;border-radius:7px;border:0;background:transparent;font-size:11px;font-weight:500;color:var(--muted);position:relative;transition:all .15s}.snap:hover{background:#e4e9f2;color:var(--ink)}.snap.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #14181224}.snap.filled:after{content:"";position:absolute;left:50%;bottom:3px;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background:var(--accent-2)}.snap.active:after{background:var(--ink)}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);height:36px;padding:0 13px;border-radius:10px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:7px;transition:border-color .15s,background .15s,transform .1s;box-shadow:var(--shadow-sm);white-space:nowrap}.btn:hover{border-color:var(--line-strong);background:#fff}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-primary:hover{background:#2a3026;border-color:#2a3026}.btn-accent{background:var(--accent);border-color:#4a90e2;color:var(--accent-ink)}.btn-accent:hover{background:var(--accent-2)}.btn-ghost{background:transparent;box-shadow:none;border-color:transparent}.btn-ghost:hover{background:#e9edf3;border-color:transparent}.btn-danger{color:var(--red)}.btn-sm{height:30px;padding:0 9px;font-size:11px;border-radius:8px}.btn-lg{height:42px;padding:0 18px;font-size:13px;border-radius:12px}.btn[disabled]{opacity:.45;pointer-events:none}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:12px;padding:10px 12px 8px;position:relative}.workspace.assembly{grid-template-columns:minmax(0,1fr)}.rail{display:flex;flex-direction:column;gap:10px;min-height:0}.main{min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.panel-head{height:44px;flex:0 0 44px;display:flex;align-items:center;gap:8px;padding:0 12px 0 15px;border-bottom:1px solid #eef0e6}.panel-title{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:500;color:var(--ink-2)}.panel-sub{font-size:10px;color:var(--muted-2);margin-left:auto}.panel-head .spacer{flex:1}.panel-body{flex:1;min-height:0;overflow:auto}.panel-foot{border-top:1px solid #eef0e6;padding:8px 10px;display:flex;align-items:center;gap:8px}.section-label{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);font-weight:500}.preset-tree{padding:6px 8px 8px}.tree-folder{display:flex;align-items:center;gap:7px;height:30px;padding:0 8px;border-radius:8px;font-size:11.5px;font-weight:500;color:var(--ink-2);cursor:pointer}.tree-folder:hover{background:#f0f3f9}.tree-folder svg{color:var(--muted)}.tree-folder .count{margin-left:auto;font-size:9.5px;color:var(--muted-2);font-variant-numeric:tabular-nums}.tree-items{padding:1px 0 5px}.tree-item{display:flex;align-items:center;gap:7px;height:29px;padding:0 8px 0 27px;border-radius:8px;font-size:11.5px;color:var(--ink-2);cursor:pointer;position:relative}.tree-item:hover{background:#f0f3f9}.tree-item.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:500}.tree-item.active:before{content:"";position:absolute;left:13px;width:4px;height:4px;border-radius:50%;background:var(--accent-2)}.tree-item .ti-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-item .ti-badge{margin-left:auto;font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-2)}.tree-item .ti-del{margin-left:auto;opacity:0}.tree-item:hover .ti-del{opacity:1}.search-input{position:relative;display:flex;align-items:center}.search-input input{width:100%;height:28px;border:1px solid var(--line);background:var(--surface-3);border-radius:8px;padding:0 8px 0 26px;font-size:11px;color:var(--ink)}.search-input input:focus{outline:none;border-color:var(--line-strong);background:#fff}.search-input svg{position:absolute;left:8px;color:var(--muted-2);pointer-events:none}.search-input .clear{position:absolute;right:5px;border:0;background:transparent;color:var(--muted);width:18px;height:18px;display:grid;place-items:center;border-radius:4px}.search-input .clear:hover{background:#ecf0f6}.dropzone{margin:10px;border:1.5px dashed #C9D0DA;border-radius:13px;background:var(--surface-2);padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:.18s;cursor:pointer}.dropzone:hover,.dropzone.drag{border-color:var(--accent-2);background:var(--accent-soft)}.dropzone .dz-icon{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2);box-shadow:var(--shadow-sm)}.dropzone .dz-title{font-size:12px;font-weight:500}.dropzone .dz-sub{font-size:10px;color:var(--muted)}.clip-list{padding:6px 8px}.clip-row{display:flex;align-items:center;gap:9px;height:54px;padding:0 8px;border-radius:10px;cursor:pointer;position:relative}.clip-row.active{background:#e4eefa;box-shadow:inset 0 0 0 1px #c9ddf5}.clip-num{font-size:9.5px;color:var(--muted-2);width:13px;font-variant-numeric:tabular-nums}.clip-art{width:36px;height:36px;border-radius:8px;background:linear-gradient(145deg,#10150e,#273020);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none;position:relative}.clip-art canvas{width:100%;height:100%}.clip-meta{min-width:0;flex:1}.clip-name{font-size:11.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-sub{font-size:9.5px;color:var(--muted);margin-top:3px;display:flex;gap:6px;align-items:center}.clip-row .row-actions{display:flex;gap:2px;opacity:0}.clip-row:hover .row-actions{opacity:1}.playhead-chip{font-family:var(--mono-ui);font-size:10px;color:#6e8098}.editor{flex:1;min-height:250px;display:flex;flex-direction:column}.editor-head{flex:0 0 54px;height:54px;display:flex;align-items:center;gap:11px;padding:0 12px 0 14px;border-bottom:1px solid #eef0e6}.editor-thumb{width:46px;height:19px;object-fit:cover;border-radius:4px;border:1px solid #2a3225;box-shadow:0 1px 4px #0000002e;flex:none}.editor-titlewrap{min-width:0}.editor-title{font-family:var(--display);font-size:14px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:7px;white-space:nowrap}.editor-cat{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:3px}.editor-head .spacer{flex:1}.editor-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.byte-badge{font-size:8.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:3px 6px;border-radius:5px;background:var(--surface-3);color:var(--muted);border:1px solid var(--line)}.controls-wrap{padding:12px 16px 14px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px}.controls-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:6px}.control-label{font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500}.control-value{font-family:var(--mono-ui);font-size:11px;color:var(--ink-2);text-align:center;letter-spacing:.02em}.knob{--size: 58px;width:var(--size);height:var(--size);position:relative;-webkit-user-select:none;user-select:none;touch-action:none;cursor:ns-resize;flex:none}.knob svg{display:block;width:100%;height:100%;overflow:visible}.knob .k-track{fill:none;stroke:#dde3ea;stroke-width:5;stroke-linecap:round}.knob .k-value{fill:none;stroke:var(--kc, #2A3442);stroke-width:5;stroke-linecap:round;transition:stroke .15s}.knob .k-body{fill:#fbfcfe;stroke:#e6eaf2}.knob .k-inner{fill:#f1f4fa}.knob .k-pointer{stroke:var(--kp, var(--ink));stroke-width:2;stroke-linecap:round}.knob .k-dot{fill:var(--kc, var(--ink))}.knob:hover .k-body{fill:#fff}.knob-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:64px}.knob-wrap .knob-label{font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500;text-align:center;white-space:nowrap}.knob-wrap .knob-val{font-family:var(--mono-ui);font-size:10.5px;color:var(--ink-2);margin-top:-1px}.fader{display:flex;flex-direction:column;gap:6px;width:100%}.fader input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:4px;background:#dde3ea;outline:none}.fader input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:1.5px solid var(--ink);box-shadow:0 2px 6px #00000026;cursor:grab}.fader input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:1.5px solid var(--ink)}.switch{width:34px;height:20px;border-radius:20px;border:1px solid #D9DFEA;background:#e9edf5;position:relative;transition:.18s;flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.18s}.switch.on{background:var(--ink);border-color:var(--ink)}.switch.on:after{left:16px;background:var(--accent)}.switch.small{width:30px;height:18px}.switch.small:after{width:12px;height:12px}.switch.small.on:after{left:15px}.select{position:relative;display:inline-flex;align-items:center}.select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--line);background:var(--surface-3);border-radius:8px;height:30px;padding:0 26px 0 9px;font-size:11px;color:var(--ink-2);cursor:pointer}.select select:focus{outline:none;border-color:var(--line-strong);background:#fff}.select svg{position:absolute;right:7px;pointer-events:none;color:var(--muted)}.seg{display:inline-flex;background:#e9edf3;border:1px solid #E4E9F1;border-radius:9px;padding:2px;gap:2px}.seg button{border:0;background:transparent;height:26px;padding:0 10px;border-radius:6px;font-size:10.5px;color:var(--muted);font-weight:500;display:inline-flex;align-items:center;gap:5px}.seg button:hover{color:var(--ink-2)}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px #1418121a}.chain-panel{flex:1;min-height:210px}.chain-canvas{flex:1;min-height:0;overflow:auto;position:relative;padding:18px 14px;background-color:var(--surface-2);background-image:radial-gradient(#dadccd .8px,transparent .8px);background-size:19px 19px}.chain-canvas::-webkit-scrollbar{height:6px}.chain-canvas::-webkit-scrollbar-thumb{background:transparent}.chain-canvas:hover::-webkit-scrollbar-thumb{background:#c9d0da;background-clip:padding-box;border:1px solid transparent}.chain-flow{display:flex;align-items:center;gap:8px;min-height:100%;width:max-content;min-width:100%;justify-content:center}.chain-terminal{display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--muted);width:54px;flex:none}.chain-terminal .ct-label{font-size:8.5px;letter-spacing:.15em;font-weight:500}.chain-terminal .ct-dot{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);display:grid;place-items:center;color:var(--muted);box-shadow:var(--shadow-sm)}.chain-arrow{color:#c3c7b6;flex:none}.chain-arrow svg{display:block}.mod-card{width:170px;flex:none;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:8px;display:flex;flex-direction:column;gap:6px;cursor:pointer;position:relative;transition:border-color .15s,box-shadow .18s,transform .18s;-webkit-user-select:none;user-select:none}.mod-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.mod-card.selected{border-color:#6fa8e8;box-shadow:0 0 0 2px #d9e8f8,var(--shadow-sm)}.mod-card.bypassed{opacity:.55}.mod-card.dragging{opacity:.35}.mod-card.drop-target{box-shadow:0 0 0 2px var(--accent-2)}.mod-card-art{height:64px;border-radius:9px;overflow:hidden;background:#10150e;position:relative}.mod-card-art img{width:100%;height:100%;object-fit:cover;display:block;opacity:.95}.mod-card-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;box-shadow:inset 0 0 0 1px #ffffff14}.mod-card-row{display:flex;align-items:center;gap:6px;padding:0 2px}.mod-card-name{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.mod-card-cat{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.mod-card-actions{display:flex;align-items:center;gap:2px;padding:0 1px}.mini-icon{width:22px;height:22px;border-radius:6px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center}.mini-icon:hover{background:#f0f3f9;color:var(--ink)}.mini-icon.danger:hover{background:#fdecea;color:var(--red)}.mini-icon.on{background:var(--accent-soft);color:var(--accent-ink)}.mod-handle{cursor:grab;color:#c2c6b7;display:grid;place-items:center;width:16px}.mod-card .gr-mini{display:flex;align-items:center;gap:3px}.gr-bar{width:30px;height:4px;border-radius:3px;background:#e8edf4;overflow:hidden}.gr-bar i{display:block;height:100%;background:var(--amber);border-radius:3px}.chain-empty{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);text-align:center;padding:20px 40px}.chain-empty .big{width:48px;height:48px;border-radius:14px;border:1.5px dashed #cfd3c2;display:grid;place-items:center;background:#fff}.chain-empty .t{font-size:12px;font-weight:500;color:var(--ink-2)}.chain-empty .s{font-size:10px}.chain-add{width:138px;height:120px;flex:none;border:1.5px dashed #C9D0DA;border-radius:14px;background:#ffffff73;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:10.5px;transition:.18s}.chain-add:hover{border-color:var(--accent-2);background:var(--accent-soft);color:var(--accent-ink)}.chain-add .plus{width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center}.meter-panel{flex:0 0 47%;min-height:250px}.meter-body{display:flex;gap:10px;padding:12px 12px 10px;flex:1;min-height:0}.meter-strips{display:flex;gap:8px;align-items:stretch}.meter-well{background:linear-gradient(180deg,#0f140e,#131a11);border-radius:8px;padding:6px 5px 5px;display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid #060C14;box-shadow:inset 0 1px #ffffff0f}.meter-scale{display:flex;flex-direction:column;justify-content:space-between;height:100%;font-size:7.5px;color:var(--muted-2);font-variant-numeric:tabular-nums;padding:2px 0}.meter-canvas{width:12px;height:100%;min-height:120px;display:block}.meter-label{font-size:8px;letter-spacing:.12em;color:var(--muted);font-weight:500}.meter-readouts{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:5px;align-content:start;min-width:0}.readout{background:var(--surface-3);border:1px solid var(--line);border-radius:8px;padding:5px 7px;min-width:0}.readout .r-label{font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-weight:500}.readout .r-value{font-family:var(--mono-ui);font-size:12px;color:var(--ink);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.readout.accent{background:var(--accent-soft);border-color:#c9ddf5}.readout.accent .r-value{color:#47621f}.meter-bottom{display:flex;gap:8px;align-items:center;padding:0 12px 10px}.corr-wrap{flex:1}.corr-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:4px}.corr-bar{height:5px;border-radius:4px;background:linear-gradient(90deg,#e7c1bb,#e8edf4 50%,#c7dcf9);position:relative}.corr-bar i{position:absolute;top:-3px;width:4px;height:11px;border-radius:2px;background:var(--ink);transform:translate(-50%);transition:left .08s linear}.mini-spectrum{height:38px;width:100%;display:block;border-radius:8px;background:#121811;border:1px solid #0b0f0a}.modlist-body{display:flex;flex-direction:column;min-height:0}.filters{display:flex;gap:4px;padding:8px 10px;flex-wrap:wrap}.fchip{border:1px solid transparent;background:transparent;height:22px;padding:0 7px;border-radius:6px;font-size:9.5px;color:var(--muted);font-weight:500}.fchip:hover{background:#f2f3ea;color:var(--ink-2)}.fchip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.modlist{overflow:auto;padding:2px 8px 8px;flex:1}.mrow{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:9px;cursor:pointer}.mrow:hover{background:#eff1f4}.mrow img{width:66px;height:24px;border-radius:4px;object-fit:cover;border:1px solid #2a3225;flex:none}.mrow-meta{min-width:0;flex:1}.mrow-name{font-size:10.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrow-cat{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);margin-top:1px}.mrow-add{width:22px;height:22px;border-radius:6px;border:1px solid var(--line);background:#fff;color:var(--muted);display:grid;place-items:center;opacity:0;flex:none}.mrow:hover .mrow-add{opacity:1}.mrow-add:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.module-search{padding:8px 10px 2px}.bottombar{height:50px;flex:0 0 50px;display:flex;align-items:center;gap:12px;padding:0 14px;border-top:1px solid var(--line);background:#fafaf6db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottombar .bb-left{display:flex;gap:6px;align-items:center}.bottombar .bb-center{margin:0 auto}.bottombar .bb-right{display:flex;gap:9px;align-items:center}.view-switch{display:flex;gap:2px;background:#e9edf3;border:1px solid #E4E9F1;border-radius:10px;padding:3px}.view-switch button{border:0;background:transparent;height:29px;border-radius:7px;padding:0 12px;display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:500;color:var(--muted)}.view-switch button:hover{color:var(--ink)}.view-switch button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px #1418121f}.status{display:flex;align-items:center;gap:6px;font-size:9.5px;color:var(--muted)}.status .led{width:6px;height:6px;border-radius:50%;background:#bfc4b2}.status .led.live{background:var(--green);box-shadow:0 0 0 3px #3478c829}.status .sep{color:#c9d0da}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#11160e52;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;padding:26px;animation:fadeIn .16s ease}.modal{background:var(--surface);border:1px solid rgba(255,255,255,.5);border-radius:20px;box-shadow:var(--shadow-lg);width:min(760px,100%);max-height:calc(100vh - 52px);display:flex;flex-direction:column;overflow:hidden;animation:modalIn .22s cubic-bezier(.2,.9,.3,1)}.modal.wide{width:min(1040px,100%)}.modal.narrow{width:min(560px,100%)}.modal.xl{width:min(1160px,100%)}.modal-head{height:62px;flex:0 0 62px;padding:0 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.modal-title{font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:-.015em}.modal-sub{font-size:10.5px;color:var(--muted);margin-top:2px}.modal-head .spacer{flex:1}.modal-body{padding:18px 20px;overflow:auto;flex:1;min-height:0}.modal-foot{padding:13px 20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}.modal-foot .spacer{flex:1}@keyframes fadeIn{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.985)}}.stage{position:relative;flex:1;min-height:0;margin:0 12px 12px;border-radius:12px;overflow:hidden;background:linear-gradient(160deg,#0c1825,#08111b);border:1px solid #060C14;box-shadow:inset 0 1px #ffffff0f}.stage canvas{display:block;width:100%;height:100%}.editor .stage{flex:0 0 324px;height:324px;min-height:324px}.stage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.stage-top{position:absolute;left:12px;top:10px;z-index:3;display:flex;align-items:center;gap:7px;color:#9eb6d8;font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 5px rgba(0,0,0,.85)}.stage-top .pip{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.stage-bottom{position:absolute;left:12px;right:12px;bottom:9px;z-index:3;display:flex;align-items:center;gap:8px;color:#7c8fa6;font-size:8px;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 5px rgba(0,0,0,.85)}.editor-lower{border-top:1px solid #eef0e6;background:var(--surface);padding:10px 12px 12px;display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.editor-lower .grow{flex:1}.eq-model-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid #eef0e6;background:var(--surface);min-height:38px}.eq-model-label{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-2)}.eq-model-desc{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;color:var(--muted)}.eq-model-bar .byte-badge{flex:none}.astral-mb{height:38px;min-width:132px;padding:0 11px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2, #f4f6ee);color:var(--ink);display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:9px;font-weight:600;letter-spacing:.08em;cursor:pointer;align-self:flex-end;margin-bottom:1px;transition:background .15s,border-color .15s,box-shadow .15s}.astral-mb:hover{border-color:var(--line-strong, #cbd2bd);background:var(--surface-3, #eef2e4)}.astral-mb-led{width:7px;height:7px;border-radius:50%;background:#c3cbb8;box-shadow:0 0 0 2px #0000000a;flex:none}.astral-mb-state{margin-left:auto;font-family:var(--mono, monospace);font-size:8px;letter-spacing:.04em;opacity:.55}.astral-mb.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 4px 12px #a0d2462e}.astral-mb.is-on .astral-mb-led{background:var(--accent-ink);box-shadow:0 0 0 2px #ffffff47}.astral-mb.is-on .astral-mb-state{opacity:.7}.astral-bands{padding-top:6px;border-top:1px dashed var(--line);width:100%}.eq-bands{display:flex;gap:2px;overflow-x:auto;padding:8px 12px 10px;border-top:1px solid #eef0e6}.eq-band{flex:1;min-width:54px;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:.15s}.eq-band:hover{border-color:var(--line-strong);background:#fff}.eq-band.on{border-color:#a9c7ea;background:var(--accent-soft)}.eq-band .eb-f{font-size:9px;font-weight:500;color:var(--ink-2)}.eq-band .eb-g{font-family:var(--mono-ui);font-size:9.5px;color:var(--muted)}.eq-band .eb-dot{width:5px;height:5px;border-radius:50%;background:var(--teal)}.match-welcome{padding:8px 14px 12px;display:flex;gap:16px;flex:1;min-height:0}.match-left{width:190px;flex:none;display:flex;flex-direction:column;gap:9px;padding-top:8px}.match-welcome h3{font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:-.02em;margin:0;line-height:1.15}.match-welcome p{font-size:10px;color:var(--muted);line-height:1.5;margin:2px 0 4px}.match-actions{display:flex;flex-direction:column;gap:6px}.match-drop{border:1.5px dashed #C9D0DA;background:var(--surface-2);border-radius:11px;padding:9px 10px;text-align:center;font-size:10px;color:var(--muted);cursor:pointer}.match-drop:hover{border-color:var(--accent-2);background:var(--accent-soft)}.genre-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:2px 6px;align-content:start;padding-top:8px}.genre{border:0;background:transparent;padding:5px 6px;border-radius:7px;text-align:left;font-size:10px;letter-spacing:.03em;color:var(--ink-2);font-weight:500}.genre:hover{background:#eff1f4;color:var(--ink)}.genre.on{background:var(--accent-soft);color:var(--accent-ink)}.genre .g-lufs{display:block;font-size:7.5px;letter-spacing:.06em;color:var(--muted-2);margin-top:0;font-weight:400}.match-footer{display:flex;align-items:center;gap:8px;margin-left:auto;align-self:flex-end}.analyze-btn{min-width:120px}.match-status{font-size:10px;color:var(--muted)}.reel-stage{background:radial-gradient(600px 160px at 50% 0%,#14263b,#08111b)}.transfer-wrap{padding:8px 14px 0;flex:1;min-height:0;display:flex}.transfer-wrap canvas{width:100%;height:100%;border-radius:12px;background:#0f140d;border:1px solid #060C14}.meter-row{display:flex;gap:25px;align-items:flex-end}.horizontal-meter{width:120px;height:7px;border-radius:4px;background:#e8eadf;overflow:hidden;position:relative}.horizontal-meter i{position:absolute;left:0;top:0;bottom:0;background:var(--amber);border-radius:4px}.wave-page{display:flex;flex-direction:column;gap:10px;height:100%;min-height:0}.wave-toolbar{display:flex;align-items:center;gap:7px;height:44px;flex:0 0 44px;padding:0 12px;border-bottom:1px solid #eef0e6}.wave-canvas-wrap{flex:1;min-height:0;min-width:0;position:relative;margin:0 12px 12px;border-radius:12px;overflow:hidden;background:#0f140e;border:1px solid #060C14}.wave-canvas-wrap canvas{width:100%;height:100%;display:block;cursor:text}.wave-info{display:flex;align-items:center;gap:14px;padding:0 12px;height:40px;flex:0 0 40px;border-top:1px solid #eef0e6;font-size:10px;color:var(--muted);overflow:hidden;white-space:nowrap;min-width:0}.wave-info b{color:var(--ink-2);font-weight:500}.inspector{width:250px;flex:none;border-left:1px solid #eef0e6;padding:14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field label{font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);font-weight:500}.field input,.field textarea{border:1px solid var(--line);background:var(--surface-3);border-radius:8px;height:30px;padding:0 9px;font-size:11px;color:var(--ink);width:100%;min-width:0;box-sizing:border-box}.field input:focus,.field textarea:focus{outline:none;border-color:var(--line-strong);background:#fff}.field-row{display:flex;gap:8px;min-width:0}.field-row .field{flex:1}.mb-page{display:flex;flex-direction:column;height:100%;min-height:0}.mb-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px}.mb-slot{border:1.5px dashed #d6d9c9;border-radius:14px;background:var(--surface-2);min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);cursor:pointer;position:relative;text-align:center;padding:10px}.mb-slot:hover{border-color:var(--accent-2);background:var(--accent-soft)}.mb-slot.filled{border-style:solid;border-color:var(--line);background:#fff;align-items:stretch;justify-content:flex-start;cursor:default;text-align:left;box-shadow:var(--shadow-sm)}.mb-slot .slot-num{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.mb-slot img{width:100%;height:62px;object-fit:cover;border-radius:8px;border:1px solid #2a3225}.mb-slot .slot-name{font-size:11px;font-weight:500;color:var(--ink)}.mb-slot .slot-actions{display:flex;gap:2px;margin-top:auto}.mb-controls{display:flex;align-items:center;gap:22px;padding:10px 20px 18px;flex-wrap:wrap}.mb-trim{flex:1;min-width:300px}.mb-trim .fader{gap:8px}.mb-trim-head{display:flex;justify-content:space-between;align-items:baseline}.mb-trim-head .t{font-family:var(--display);font-size:15px;font-weight:600}.mb-trim-head .v{font-family:var(--mono-ui);font-size:13px;color:var(--ink-2)}.trim-scale{display:flex;justify-content:space-between;font-size:8px;color:var(--muted-2);font-variant-numeric:tabular-nums;padding:0 2px}.mb-toggles{display:flex;gap:14px;flex-wrap:wrap}.toggle-row{display:flex;align-items:center;gap:7px;font-size:10.5px;color:var(--ink-2)}.mb-note{font-size:9.5px;color:var(--muted);padding:0 20px 16px}.assembly-page{display:grid;grid-template-columns:1fr 320px;gap:10px;min-height:0;flex:1}.ass-main{display:flex;flex-direction:column;min-height:0}.ass-side{display:flex;flex-direction:column;gap:10px;min-height:0}.track-table{width:100%;border-collapse:collapse;font-size:11px}.track-table th{text-align:left;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:1}.track-table td{padding:8px 10px;border-bottom:1px solid #F0F2F7;vertical-align:middle}.track-table tr:hover td{background:#fafbf5}.track-table tr.selected td{background:#eef5ff}.track-table input{border:1px solid transparent;background:transparent;border-radius:6px;height:26px;padding:0 6px;font-size:11px;width:100%}.track-table input:hover{border-color:var(--line)}.track-table input:focus{outline:none;border-color:var(--line-strong);background:#fff}.track-num{font-family:var(--mono-ui);font-size:10px;color:var(--muted)}.alb-card{padding:14px;display:flex;flex-direction:column;gap:10px}.alb-card .field input{width:100%}.pq-preview{font-family:var(--mono-ui);font-size:8.5px;line-height:1.55;color:#4d5646;background:#f8f9f2;border:1px solid var(--line);border-radius:10px;padding:10px 12px;white-space:pre-wrap;word-break:break-word;overflow:auto}.settings-grid{display:grid;grid-template-columns:190px 1fr;gap:18px;min-height:380px}.settings-tabs{display:flex;flex-direction:column;gap:3px}.settings-tab{border:0;background:transparent;text-align:left;padding:9px 11px;border-radius:8px;font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:8px}.settings-tab:hover{background:#f0f3f9;color:var(--ink)}.settings-tab.on{background:var(--accent);color:#fff;font-weight:500}.settings-tab.on svg{color:#fff}.settings-tab.on:hover{background:var(--accent-2);color:#fff}.settings-page h4{margin:0 0 3px;font-family:var(--display);font-size:15px;font-weight:600}.settings-page .p{font-size:10.5px;color:var(--muted);line-height:1.5;margin:0 0 14px}.settings-block{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:12px}.settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;margin-bottom:12px}.settings-columns .settings-block{margin-bottom:0}.settings-row{display:flex;align-items:center;gap:12px;padding:10px 13px;border-bottom:1px solid #F0F2F7}.settings-row:last-child{border-bottom:0}.settings-row .sr-label{font-size:11.5px;color:var(--ink-2)}.settings-row .sr-desc{font-size:9.5px;color:var(--muted);margin-top:2px}.settings-row .sr-control{margin-left:auto}.kv{display:flex;justify-content:space-between;font-size:11px;padding:6px 0;border-bottom:1px dashed #ECF0F6}.kv:last-child{border:0}.kv span:first-child{color:var(--muted)}.kv span:last-child{color:var(--ink-2);font-variant-numeric:tabular-nums}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.export-summary{border:1px solid var(--line);border-radius:8px;background:var(--surface-3);padding:10px;font-size:10px;color:var(--muted);line-height:1.6;max-height:170px;overflow:auto}.export-summary b{color:var(--ink-2)}.export-progress{height:6px;border-radius:4px;background:#e8edf4;overflow:hidden}.export-progress i{display:block;height:100%;background:var(--accent-2);transition:width .2s}.export-files{display:flex;flex-direction:column;gap:4px}.export-file{display:flex;align-items:center;gap:8px;font-size:10.5px;padding:6px 8px;border:1px solid var(--line);border-radius:7px}.mm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.mm-card{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface-2);display:flex;flex-direction:column;gap:7px}.mm-card img{width:100%;height:56px;object-fit:cover;border-radius:7px;border:1px solid #2a3225}.mm-card .mm-name{font-size:11px;font-weight:500}.mm-card .mm-cat{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.mm-card .mm-foot{display:flex;align-items:center;gap:6px;margin-top:auto}.mm-owned{font-size:8px;padding:2px 5px;border-radius:4px;background:#e3edf9;color:#2e6bb5;letter-spacing:.06em;text-transform:uppercase}.mm-trial{font-size:8px;padding:2px 5px;border-radius:4px;background:#f6efe0;color:#8a6a2f;letter-spacing:.06em;text-transform:uppercase}.meter-modal-grid{display:grid;grid-template-columns:340px 1fr;gap:12px;height:100%;min-height:0}.meter-box{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);overflow:hidden;display:flex;flex-direction:column}.meter-box .mb-head{height:34px;display:flex;align-items:center;padding:0 11px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}.meter-box .mb-body{flex:1;padding:10px;min-height:0;position:relative;overflow:hidden}.big-meter-stage{display:flex;gap:16px;justify-content:center;height:100%;min-height:240px}.meter-pair{display:flex;gap:18px}.meter-pair .meter-canvas{width:26px}.scope-canvas{width:100%;height:100%;min-height:220px;display:block}.meter-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.meter-stats .readout{background:#fff}.empty-note{padding:26px;text-align:center;color:var(--muted);font-size:11px}.fade-in{animation:fadeIn .2s ease}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:70px;transform:translate(-50%);background:#171c14;color:#f3f6ed;padding:9px 15px;border-radius:10px;font-size:11.5px;box-shadow:0 12px 30px -10px #00000073;z-index:200;display:flex;align-items:center;gap:8px;animation:toastIn .22s ease}.toast .tick{color:var(--accent);display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}}.account-menu{position:relative;display:flex;align-items:center}.account-avatar-btn{width:34px;height:34px;padding:0;border:1px solid var(--line-strong);border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s,transform .15s}.account-avatar-btn:hover{border-color:#b9c1cc;box-shadow:var(--shadow-md)}.account-avatar-btn:active{transform:scale(.96)}.account-avatar-btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.avatar{display:inline-grid;place-items:center;flex:none;overflow:hidden;border-radius:50%;background:linear-gradient(155deg,#263443,#0b1420);color:#fff}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.avatar-initials{font-family:var(--display);font-weight:600;line-height:1;letter-spacing:.02em}.account-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70}.account-pop{position:absolute;top:calc(100% + 9px);right:0;z-index:80;width:232px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg)}.account-pop-head{padding:10px 10px 11px;margin-bottom:5px;border-bottom:1px solid var(--line)}.account-pop-name{overflow:hidden;font-family:var(--display);font-size:12.5px;font-weight:600;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.account-pop-email{overflow:hidden;margin-top:2px;font-size:9.5px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.account-divider{height:1px;margin:5px 6px;background:var(--line)}.menu-item{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:11.5px;color:var(--ink-2);text-align:left}.menu-item svg{color:var(--muted)}.menu-item:hover{background:#f0f3f9;color:var(--ink)}.menu-item:hover svg{color:var(--ink)}.menu-item.danger{color:var(--red)}.menu-item.danger svg{color:var(--red)}.menu-item.danger:hover{background:#fdecea}.tooltip{position:relative}.tooltip:after{content:attr(data-tip);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#151a12;color:#fff;padding:4px 7px;border-radius:5px;font-size:9px;white-space:nowrap;opacity:0;pointer-events:none;transition:.14s;z-index:90}.tooltip:hover:after{opacity:1}@media (max-width: 1280px){.workspace{grid-template-columns:minmax(0,1fr) 280px}.brand-logo{height:26px}.project{display:none}.preset-select{min-width:160px}}@media (max-width: 1080px){.workspace{grid-template-columns:minmax(0,1fr) 280px}}.mmx-logo{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:700;font-size:15px;line-height:1.02;letter-spacing:-.02em;color:var(--ink)}.mmx-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(155deg,#13263a,#0b1725);color:#5ea0ff;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff1a;flex:none}.analyze-btn{min-width:112px;justify-content:center;border-color:#cfd3c2}.meter-well .meter-canvas{min-height:0}.range{height:28px;display:flex;align-items:center;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.range-track{position:relative;width:100%;height:4px;border-radius:4px;background:#dde3ea}.range-fill{position:absolute;left:0;top:0;bottom:0;border-radius:4px}.range-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;border:1.5px solid var(--ink);transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000029;transition:box-shadow .15s}.range:hover .range-thumb,.range:focus .range-thumb{box-shadow:0 0 0 4px var(--accent-soft),0 2px 6px #00000029}.range:focus{outline:none}.snap.dirty:before{content:"";position:absolute;top:5px;right:5px;width:4px;height:4px;border-radius:50%;background:var(--accent-2)}.snap.dirty:after{display:none}@media (max-width: 1430px){.topbar{gap:10px}.topbar-center .mini-chip{display:none}}@media (max-width: 1320px){.topbar-center .preset-select,.topbar .project{display:none}}@media (max-width: 1140px){.brand-logo{height:24px}.snap-group{display:none}.topbar{padding-left:14px;padding-right:10px}.topbar-center{gap:6px}.transport{padding:3px}}@media (max-width: 900px){.workspace{grid-template-columns:minmax(0,1fr) 250px;padding:8px}.brand-logo{height:22px}.icon-btn{width:28px;height:28px}}@media (min-width: 1560px){.chain-scroll{display:none!important}}.chain-rail{flex:1;min-height:220px}.chain-rail-body{flex:1;min-height:0;overflow-y:auto;padding:8px 10px 10px;display:flex;flex-direction:column}.chain-rail-terminal{display:flex;align-items:center;gap:7px;padding:5px 7px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.chain-rail-terminal .ct-dot{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#1a2117;color:var(--accent);flex:none}.chain-rail-step{display:flex;flex-direction:column}.chain-rail-arrow{display:flex;align-items:center;justify-content:center;height:17px;color:#c3c9b4;transform:rotate(90deg);flex:none}.chain-row{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.chain-row:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.chain-row.selected{border-color:#6fa8e8;box-shadow:0 0 0 2px #d9e8f8}.chain-row.bypassed{opacity:.55}.chain-row.dragging{opacity:.35}.chain-row.drop-target{box-shadow:0 0 0 2px var(--accent-2)}.chain-row-art{width:64px;height:27px;border-radius:5px;overflow:hidden;background:#10150e;flex:none;border:1px solid #242b1e}.chain-row-art img{width:100%;height:100%;object-fit:cover;display:block}.chain-row-meta{min-width:0;flex:1}.chain-row-name{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chain-row-cat{font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-top:2px}.chain-row-actions{display:flex;align-items:center;gap:1px;flex:none}.chain-add-rail{width:100%;height:44px;margin:3px 0 2px;min-height:44px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;border:1px dashed #C9D0DA;border-radius:9px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer;flex:none}.chain-add-rail:hover,.chain-add-rail.over{border-color:var(--accent-2);background:var(--accent-soft);color:var(--ink)}.chain-strip{flex:0 0 46px;display:flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.chain-strip-list{flex:1;min-width:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.chain-strip-list::-webkit-scrollbar{display:none}.chain-pill{display:flex;align-items:center;gap:2px;min-width:0;height:30px;padding:0 3px 0 8px;border-radius:7px;border:1px solid var(--line);background:#eceef2;cursor:pointer;transition:border-color .15s,background .15s}.chain-pill:hover{border-color:var(--line-strong);background:#fff}.chain-pill.selected{border-color:#6fa8e8;background:var(--accent-soft);box-shadow:0 0 0 1px #d9e8f8 inset}.chain-pill.bypassed{opacity:.55}.chain-pill.drop-target{box-shadow:0 0 0 2px var(--accent-2)}.chain-pill-name{min-width:0;flex:1;font-size:10px;line-height:1.04;font-weight:500;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chain-pill-toggle,.chain-pill-trash{width:19px;height:19px;flex:none}.chain-pill-toggle.on{color:var(--muted-2);background:transparent}.chain-slot-add{height:30px;min-width:0;display:flex;align-items:center;justify-content:center;border:1px dashed #C9D0DA;border-radius:7px;background:#ffffff73;color:var(--muted-2);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.chain-slot-add:hover{border-color:var(--accent-2);background:var(--accent-soft);color:var(--accent-ink)}.match-welcome.has-loaders{flex:0 0 auto;min-height:330px}.match-loaders{flex:1;min-height:0;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;padding:0 12px 12px}.match-load-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.match-load-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.match-load-card.drag{border-color:var(--accent-2);background:var(--accent-soft);box-shadow:0 0 0 2px #d9e8f8 inset}.match-load-icon{width:40px;height:40px;border-radius:11px;background:#e9edf3;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2);flex:none}.match-load-copy{flex:1;min-width:0}.match-load-label{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.match-load-title{font-family:var(--display);font-size:14px;font-weight:600;letter-spacing:-.01em}.match-load-sub{font-size:10px;line-height:1.45;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-load-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}.match-load-card .byte-badge{background:#eff1f4}.match-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 14px 10px}.match-metric{border:1px solid var(--line);border-radius:9px;background:var(--surface-2);padding:8px 10px;min-width:0}.match-metric .mm-label{display:block;font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.match-metric strong{display:block;font-family:var(--display);font-size:12px;font-weight:600;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-metric small{display:block;font-size:8.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp3-warning-callout{display:flex;gap:12px;padding:14px;border:1px solid #e8d5a3;background:#fff9e9;border-radius:11px;margin-bottom:12px}.mp3-warning-icon{width:34px;height:34px;border-radius:9px;background:#f6e3b8;color:#9a6a14;display:grid;place-items:center;flex:none}.mp3-warning-title{font-family:var(--display);font-size:13px;font-weight:600;color:#6f4d10}.mp3-warning-callout p{margin:4px 0 0;font-size:10.5px;line-height:1.55;color:#80632a}.mp3-file{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;color:var(--ink-2)}.mp3-file-name{font-size:10.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp3-file-sub{font-size:8.5px;color:var(--muted);margin-top:2px}.match-welcome.has-loaders.with-stage{min-height:240px}.match-loaders.compact{flex:0 0 auto;grid-template-rows:repeat(2,70px);padding-bottom:10px}.match-loaders.compact .match-load-card{padding:8px 12px;gap:10px}.match-loaders.compact .match-load-icon{width:32px;height:32px}.match-loaders.compact .match-load-title{font-size:12px}.match-loaders.compact .match-load-sub{font-size:9px;margin-top:1px}.match-loaders.compact .match-load-side{gap:4px}.editor-no-head .editor-head{display:none}.reference-card{position:relative;overflow:hidden}.reference-card.has-waveform{background:#0b120e;border-color:#1e2c22}.reference-waveform{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;opacity:.95;cursor:pointer;touch-action:none}.reference-card.has-waveform .match-load-icon,.reference-card.has-waveform .match-load-copy,.reference-card.has-waveform .match-load-side{position:relative;z-index:2}.reference-card.has-waveform .match-load-icon{background:#ffffff0f;border-color:#ffffff1f;color:#bfd8f7}.reference-card.has-waveform .match-load-title{color:#eaf3ff}.reference-card.has-waveform .match-load-label{color:#bed7afa6}.reference-card.has-waveform .match-load-sub{color:#bed7afb3}.reference-card.has-waveform .byte-badge{background:#ffffff14;color:#d5e7ff}.match-load-card.target-card{cursor:default}.match-load-card.target-card:hover{border-color:var(--line);box-shadow:none}.match-load-card.target-card.empty{background:transparent;border-color:var(--line)}@keyframes targetFlash{0%{box-shadow:0 0 0 2px var(--accent-2)}to{box-shadow:none}}.match-load-card.target-card.target-flash{animation:targetFlash .55s ease-out}.target-card{position:relative;overflow:hidden}.target-waveform{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.95;z-index:0;cursor:pointer;touch-action:none}.target-card>.match-load-icon,.target-card>.match-load-copy,.target-card>.match-load-side{position:relative;z-index:2}.target-card.has-target-wave{background:#0b120e;border-color:#1e2c22}.target-card.has-target-wave .match-load-icon{background:#ffffff0f;border-color:#ffffff1f;color:#bfd8f7}.target-card.has-target-wave .match-load-title{color:#eaf3ff}.target-card.has-target-wave .match-load-label{color:#bed7afa6}.target-card.has-target-wave .match-load-sub{color:#bed7afb3}.target-card.has-target-wave .byte-badge{background:#ffffff14;color:#d5e7ff}.track-card-loaded{display:flex;flex-direction:column;align-items:stretch;padding:0;cursor:default}.track-card-loaded:hover{border-color:var(--line);box-shadow:var(--shadow-sm)}.track-card-head{height:54px;flex:0 0 54px;display:flex;align-items:center;gap:10px;padding:0 14px;position:relative;z-index:3;border-bottom:1px solid rgba(255,255,255,.09)}.track-play{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#eaf3ff;display:grid;place-items:center;cursor:pointer;flex:none}.track-play:hover{background:#ffffff2e}.track-play:disabled{opacity:.4;cursor:default}.track-file-name{min-width:0;font-size:11px;font-weight:500;color:#eaf3ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.target-card.has-target-wave .track-file-name,.reference-card.has-waveform .track-file-name{color:#eaf3ff}.track-card-loaded .reference-waveform,.track-card-loaded .target-waveform{top:54px;height:calc(100% - 54px)}.stage-ab{position:absolute;top:9px;right:10px;z-index:5;height:24px;display:flex;align-items:center;gap:6px;padding:0 9px;border-radius:7px;border:1px solid rgba(94,160,255,.25);background:#0a1009d1;color:#5ea0ff;font-size:7.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage-ab:hover{border-color:#5ea0ff8c;background:#141e10f2}.stage-ab-led{width:5px;height:5px;border-radius:50%;background:#5ea0ff;box-shadow:0 0 6px #5ea0ff}.stage-ab.is-dry{color:#ffb58d;border-color:#ffb58d59}.stage-ab.is-dry .stage-ab-led{background:#ffb58d;box-shadow:0 0 6px #ffb58d}.wave-playhead{position:absolute;top:54px;bottom:0;width:1px;background:#ffffffeb;box-shadow:0 0 7px #ffffff8c;z-index:2;pointer-events:none;transform:translate(-.5px)}.stage-controls{position:absolute;top:9px;right:10px;z-index:5;display:flex;align-items:center;gap:6px}.stage-source{height:24px;padding:0 8px;border-radius:7px;border:1px solid rgba(255,255,255,.16);background:#0a101cd1;color:#bed2ebb3;font-size:7px;letter-spacing:.1em;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage-source:hover{border-color:#ffffff52;color:#fff}.stage-source.on.ref{color:#c9a7e8;border-color:#8052a0cc;background:#8052a033}.stage-source.on.target{color:#f3a9c6;border-color:#e879a9cc;background:#e879a92e}.stage-source:disabled{opacity:.35;cursor:default}.stage-ab{position:static}.stage-rates{position:absolute;top:9px;left:10px;z-index:5;display:flex;align-items:center;gap:4px}.stage-rate{min-width:24px;padding:0 5px;justify-content:center;font-size:7.5px;letter-spacing:.04em}.stage-rate.on.rate{color:#fff;border-color:#5ea0ffd9;background:#3478c88c}.stage-source{display:inline-flex;align-items:center;gap:5px}.stage-btn-dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 5px currentColor;opacity:.8;flex:none}.stage-source:not(.on) .stage-btn-dot{opacity:.35;box-shadow:none}.stage-source.on.curve-ref{color:#8cc4ff;border-color:#3478c8e6;background:#3478c83d}.stage-source.on.curve-src{color:#f4c542;border-color:#f4c542d9;background:#f4c54224}.stage-ab{border-color:#5ea0ffe6;box-shadow:0 0 0 1px #5ea0ff1f,0 0 10px #5ea0ff40}.stage-ab.is-dry{border-color:#ffb58de6;box-shadow:0 0 0 1px #ffb58d1f,0 0 10px #ffb58d40}.stage-play{position:absolute;left:12px;bottom:30px;z-index:5;display:flex;align-items:center;gap:6px}.track-file-name{flex:1}.track-card-actions{margin-left:auto;display:flex;align-items:center;gap:5px;flex:none}.card-action{height:22px;padding:0 7px;border-radius:6px;border:1px solid rgba(255,255,255,.6);background:#ffffff0d;color:#fff;display:inline-flex;align-items:center;gap:4px;font-size:6.5px;font-weight:600;letter-spacing:.07em;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-action:hover{background:#ffffff24;border-color:#fff}.card-action.on{background:#fff;color:#0b1420;border-color:#fff}.card-action-dot{width:4px;height:4px;border-radius:50%;background:currentColor;flex:none}.sonar-knobs{flex:1;min-width:0;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:2px}.sonar-knobs .knob-wrap{flex:1 1 0;min-width:0}.sonar-knobs .knob-wrap .knob-label{font-size:7.2px;letter-spacing:.05em}.sonar-knobs .knob-wrap .knob-val{font-size:9.5px}.sonar-knobs .dummy-knob .knob-label{text-transform:none}.sonar-knobs .dummy-knob{filter:grayscale(1) brightness(.92);opacity:.28!important}.sonar-knobs .dummy-knob .knob-label,.sonar-knobs .dummy-knob .knob-val{color:var(--muted-2)}.editor-no-head .stage{margin-top:12px}.chain-pill.master-blaster{cursor:default;background:var(--surface-3);border-color:var(--line-strong);color:var(--ink-2)}.chain-pill.master-blaster .chain-pill-name{font-weight:600}.chain-pill.master-blaster>svg{flex:none;color:var(--muted)}.stage-match{position:absolute;right:12px;bottom:30px;z-index:5;display:flex;align-items:center;gap:6px}.editor-lower{padding-top:10px}.sonar-stack{flex:1;min-width:0;display:flex;flex-direction:column}.knob-toggle-row{display:flex;justify-content:space-between;gap:2px;height:12px;margin-bottom:7px}.knob-toggle-cell{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center}.knob-toggle{width:20px;height:10px;padding:0;border-radius:10px;border:1px solid #C5D2E4;background:#e8eff9;position:relative;cursor:pointer;transition:background .15s,border-color .15s}.knob-toggle:after{content:"";position:absolute;top:1px;left:1px;width:6px;height:6px;border-radius:50%;background:#8fa8c7;transition:transform .15s,background .15s}.knob-toggle.on{background:#e3edf9;border-color:#a9c7ea}.knob-toggle.on:after{transform:translate(10px);background:#3478c8}.knob-toggle.off{background:#f1f4f9;border-color:#d7dee9}.knob-toggle.off:after{background:#c1cbd9}.knob-toggle:hover{border-color:#8fa8cf}.sonar-stack .sonar-knobs{width:100%}.editor-lower{padding-bottom:22px}.settings-page .select select,.settings-page .field input,.settings-page .field textarea,.settings-page input:not([type=checkbox]):not([type=radio]){background:#fff}.settings-page .select select:focus,.settings-page .field input:focus,.settings-page .field textarea:focus{background:#fff}.reference-volume{display:flex;align-items:center;gap:5px;flex:none;margin-left:4px;color:#bfd8f7;font-size:7px;letter-spacing:.1em;font-weight:600}.reference-volume input[type=range]{width:68px;height:12px;accent-color:#5EA0FF;cursor:pointer}.reference-volume .rv-val{min-width:41px;text-align:right;font-family:var(--mono-ui);font-size:7.5px;letter-spacing:.02em;color:#d5e7ff}.knob-toggle{background:color-mix(in srgb,var(--toggle-accent) 10%,#fff);border-color:color-mix(in srgb,var(--toggle-accent) 32%,#fff)}.knob-toggle:after{background:var(--toggle-accent);opacity:.55}.knob-toggle.on{background:color-mix(in srgb,var(--toggle-accent) 16%,#fff);border-color:color-mix(in srgb,var(--toggle-accent) 55%,#fff)}.knob-toggle.on:after{background:var(--toggle-accent);opacity:1}.knob-toggle.off{background:#f1f4f9;border-color:color-mix(in srgb,var(--toggle-accent) 30%,#fff)}.knob-toggle.off:after{background:var(--toggle-accent);opacity:.45}.knob-toggle:hover{border-color:var(--toggle-accent)}.sonar-knobs .gov-knob-slot{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;border-radius:7px;transition:background .12s ease,box-shadow .12s ease,opacity .12s ease}.sonar-knobs .gov-knob-slot .knob-wrap{flex:none;width:100%;min-width:0}.gov-knob-slot.dragging{opacity:.45}.gov-knob-slot.drag-over{background:#3478c814;box-shadow:inset 0 0 0 1px #3478c88c}.knob-drag-grip{width:26px;height:10px;padding:0;border:0;border-radius:5px;background:#eef2f7;box-shadow:inset 0 0 0 1px #e1e7ef;display:flex;align-items:center;justify-content:center;gap:3px;cursor:grab;opacity:.8;transition:background .12s ease,opacity .12s ease}.knob-drag-grip:active{cursor:grabbing}.knob-drag-grip span{width:3px;height:3px;border-radius:50%;background:#9faab8;transition:background .12s ease}.knob-drag-grip:hover{opacity:1;background:#e4edf9}.knob-drag-grip:hover span{background:#3478c8}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;overflow:auto;background:radial-gradient(900px 500px at 12% -10%,#fff,#fff0 60%),radial-gradient(800px 480px at 100% 0%,#e8f1fb,#e8f1fb00 55%),var(--bg)}.auth-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;pointer-events:none}.auth-glow-left{width:420px;height:420px;left:-160px;bottom:-180px;background:#dcebff}.auth-glow-right{width:360px;height:360px;right:-140px;top:-140px;background:#e8f1fb}.auth-card{position:relative;z-index:1;width:min(430px,100%);padding:36px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:#ffffffdb;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1)}.auth-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.auth-brand img{display:block;height:24px;width:auto}.auth-brand-sub{font-size:8.5px;letter-spacing:.19em;text-transform:uppercase;color:var(--muted);font-weight:500}.auth-copy{margin-top:30px}.auth-copy h1{margin:0 0 8px;font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:-.03em}.auth-copy p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.65}.auth-form{margin-top:24px;display:flex;flex-direction:column}.auth-label{margin-bottom:8px;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.auth-input{height:44px;padding:0 14px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.auth-input::placeholder{color:var(--muted-2)}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.auth-input:disabled{opacity:.6}.auth-code-input{text-align:center;font-family:var(--mono-ui);font-size:18px;letter-spacing:.24em;text-transform:uppercase}.auth-submit{justify-content:center;height:44px;margin-top:14px;font-size:12.5px}.auth-actions{display:flex;justify-content:space-between;gap:14px;margin-top:14px}.auth-link{padding:0;border:0;background:none;color:var(--muted);font-size:10.5px;text-decoration:underline;text-underline-offset:3px}.auth-link:hover{color:var(--ink)}.auth-link:disabled{opacity:.4;pointer-events:none}.auth-feedback{min-height:28px;margin-top:12px}.auth-error,.auth-notice{margin:0;font-size:11px;line-height:1.5}.auth-error{color:var(--red)}.auth-notice{color:var(--muted)}.auth-footer{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted-2);font-size:9.5px;letter-spacing:.01em}.auth-lock{display:inline-flex}.auth-screen-loading .auth-card-loading{display:flex;flex-direction:column;align-items:center;gap:18px;padding:40px}.auth-card-loading p{margin:0;color:var(--muted);font-size:11px}.auth-loading-bar{width:160px;height:3px;overflow:hidden;border-radius:3px;background:var(--surface-2)}.auth-loading-bar span{display:block;width:40%;height:100%;border-radius:3px;background:var(--accent);animation:auth-load 1.1s ease-in-out infinite}@keyframes auth-load{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (max-width: 520px){.auth-card{padding:26px;border-radius:18px}.auth-copy h1{font-size:21px}}.profile-hero{display:flex;align-items:center;gap:16px;padding:16px;margin:4px 0 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#fff,#f3f7fc)}.profile-hero .avatar{box-shadow:0 10px 24px -14px #0f140c8c}.profile-hero-name{font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:-.02em}.profile-hero-email{margin-top:2px;font-size:10.5px;color:var(--muted)}.profile-role{display:inline-block;margin-top:7px;padding:2px 6px;border-radius:5px;background:var(--accent-soft);color:var(--accent-2);font-size:8px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.profile-hero-actions{margin-left:auto;align-self:flex-start}.plan-card{display:flex;align-items:center;gap:14px;padding:16px;margin:4px 0 12px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#fff,#f3f7fc)}.plan-icon{width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;background:linear-gradient(155deg,#263443,#0b1420);color:#fff}.plan-name{font-family:var(--display);font-size:15px;font-weight:600}.plan-desc{margin-top:2px;font-size:10px;color:var(--muted)}.plan-status{margin-left:auto;padding:3px 7px;border-radius:5px;background:var(--accent-soft);color:var(--accent-2);font-size:8px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.feature-list{display:grid;gap:1px;padding:6px;border:1px solid var(--line);border-radius:12px}.feature-item{display:flex;align-items:center;gap:8px;padding:8px 9px;font-size:11px;color:var(--ink-2)}.feature-item svg{color:var(--accent)}.settings-note{margin:2px 0 0;font-size:10px;line-height:1.55;color:var(--muted)}.settings-note code{padding:1px 4px;border-radius:4px;background:var(--surface-2);font-family:var(--mono-ui);font-size:9.5px}