*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #05050a;--bg-2: #08080f;--surface: #0d0d18;--surface-2: #121220;--surface-3: #181828;--border: #1a1a2c;--border-2: #22223a;--text: #d8d8f0;--text-2: #b3b7d4;--text-3: #8e95ba;--text-4: #68709a;--accent: #e87a0a;--accent-bg: rgba(232, 122, 10, .1);--accent-border: rgba(232, 122, 10, .25);--shape: #5BA3C9;--groove: #9A72C4;--tonal: #6AB870;--setup: #C49042;--fx: #C449A0;--radius-sm: 5px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 4px rgba(0,0,0,.4);--shadow: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6)}html,body,#root{height:100%;background:var(--bg);overflow-x:hidden}body{font-family:var(--font-sans);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}*{scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}::selection{background:#e87a0a40;color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.kbd{display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:600;line-height:1;padding:3px 7px;border-radius:4px;background:var(--surface-2);border:1px solid var(--border-2);color:var(--shape);white-space:nowrap;letter-spacing:.3px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 6px currentColor}50%{box-shadow:0 0 14px currentColor}}.anim-fade-up{animation:fadeSlideUp .2s ease both}.t1-device{display:flex;flex-direction:column;gap:12px}.t1-device-scroll{overflow:hidden;padding-bottom:4px}.t1-device-board{position:relative;width:100%;min-width:0;aspect-ratio:1604 / 600;border-radius:14px;border:1px solid #1e2634;background-image:linear-gradient(#080a1014,#080a1014),url(/t1.png);background-size:cover;background-position:center;box-shadow:0 24px 52px #00000080}.t1-hotspot{position:absolute;transform:translate(-50%,-50%);background:transparent;border:1px solid transparent;cursor:pointer;color:var(--spot-color, #5ba3c9);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,filter .15s ease}.t1-hotspot.is-hinted{border-color:currentColor;box-shadow:0 0 0 1px currentColor,0 0 14px currentColor;animation:t1HintPulse 1.05s ease-in-out infinite}.t1-hotspot:focus-visible{outline:none;border-color:currentColor;box-shadow:0 0 0 2px #000000e6,0 0 0 4px currentColor}.t1-hotspot:hover{border-color:currentColor}.t1-hotspot.is-selected{border-color:currentColor;box-shadow:0 0 10px currentColor}.t1-hotspot-knob{aspect-ratio:1;border-radius:50%}.t1-hotspot-button{aspect-ratio:1;border-radius:8px}.t1-hotspot-vb{aspect-ratio:1;border-radius:7px}.t1-hotspot-vb:hover,.t1-hotspot-vb.is-selected,.t1-hotspot-vb.is-hinted{border-color:#e87a0af2;box-shadow:0 0 10px #e87a0ad9}.t1-hotspot-vbx-zone{position:absolute;transform:translate(-50%,-50%);border-radius:12px;border:1px dashed transparent;background:transparent;opacity:0;pointer-events:none}.t1-hotspot-vbx-zone.is-selected,.t1-hotspot-vbx-zone.is-hinted{pointer-events:auto;opacity:1;border-color:#e87a0ae6;box-shadow:0 0 0 1px #e87a0a8c,0 0 12px #e87a0a73;background:#e87a0a0f}.t1-device-note{font-size:14px;color:var(--text-2);font-family:var(--font-mono);letter-spacing:.6px;line-height:1.5}@media (max-width: 980px){.t1-device-scroll{overflow-x:auto;overflow-y:hidden}.t1-device-board{min-width:900px}}@keyframes t1HintPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.09)}}.inline-control-text{display:inline}.inline-control-link{display:inline-flex;align-items:center;justify-content:center;margin:0 .08em;padding:.04em .38em;border:1px solid var(--border-2);border-radius:999px;background:var(--surface-2);color:var(--text);font:inherit;line-height:1.15;vertical-align:baseline;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,color .12s ease}.inline-control-link.is-text{font-weight:600}.inline-control-link:hover{transform:translateY(-1px)}.inline-control-link:focus-visible{outline:2px solid var(--text-3);outline-offset:2px}.inline-control-link.is-kbd{margin:0 .04em;padding:.08em .36em;font-family:var(--font-mono);font-size:.96em;font-weight:700;line-height:1.05}.inline-control-link.is-static{cursor:default}.inline-control-link.is-static:hover{transform:none}.tonal-staff-graph{position:relative;width:100%;height:78px;border:1px solid var(--border-2);border-radius:8px;background:linear-gradient(180deg,#ffffff04,#fff0);overflow:hidden}.tonal-staff-lines{position:absolute;top:0;right:0;bottom:0;left:0}.tonal-staff-line{position:absolute;left:8px;right:8px;height:1px;transform:translateY(-50%);background:#8e95ba52}.tonal-staff-points{position:absolute;top:0;right:0;bottom:0;left:0}.tonal-staff-note{position:absolute;width:11px;height:7px;border:1px solid;border-radius:999px;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #05050a73}.tonal-staff-note.is-root{box-shadow:0 0 0 1px #05050a73,0 0 10px #ffffff1f}.rhythm-lane-graph{display:grid;gap:4px}.rhythm-lane-beat-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 6px;font-size:9px;font-family:var(--font-mono);color:#f0d3a3}.rhythm-lane-beat-labels .is-downbeat{font-weight:700}.rhythm-lane-track{position:relative;height:34px;border:1px solid var(--border-2);border-radius:7px;background:var(--surface-3);overflow:hidden}.rhythm-lane-grid-line{position:absolute;top:0;bottom:0;width:1px;transform:translate(-50%);pointer-events:none}.rhythm-lane-grid-line.is-major{background:#ffffff2e}.rhythm-lane-grid-line.is-sub{background:#ffffff12}.rhythm-lane-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-left:2px solid rgba(232,170,46,.28);pointer-events:none}.rhythm-lane-event{position:absolute;top:68%;height:12px;border-radius:999px;transform:translateY(-50%);opacity:.9}.rhythm-lane-event.is-pulse{box-shadow:0 0 0 1px #e8aa2e57}.rhythm-lane-event.is-repeat{opacity:.64;box-shadow:0 0 0 1px #5ba3c947}.rhythm-lane-event.is-manual{box-shadow:0 0 0 1px #c449a04d}.rhythm-lane-graph.is-full-block .rhythm-lane-event{top:0;bottom:0;height:auto;border-radius:0;transform:none;opacity:.72}.rhythm-lane-marker{position:absolute;top:2px;bottom:2px;width:2px;background:#f0d6aceb;border-radius:999px;transform:translate(-50%)}.exp-panel{margin-top:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:20px 22px 22px;box-shadow:0 4px 20px #00000059}.exp-header{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:nowrap;margin-bottom:10px}.exp-title{font-family:var(--font-mono);font-size:12px;letter-spacing:2.2px;color:var(--text-3);text-transform:uppercase;font-weight:700}.exp-chip{border:1px solid;border-radius:6px;padding:4px 9px;font-size:12px;font-family:var(--font-mono);font-weight:700;line-height:1;min-height:24px;display:inline-flex;align-items:center}.exp-doc-link{border:1px solid var(--border-2);border-radius:6px;padding:4px 9px;font-size:12px;font-family:var(--font-mono);font-weight:700;line-height:1;min-height:24px;display:inline-flex;align-items:center;color:var(--text);background:var(--surface-2);text-decoration:none;transition:border-color .12s ease,background-color .12s ease;margin-left:auto;text-transform:uppercase;letter-spacing:1px}.exp-doc-link:hover{border-color:var(--text-3);background:var(--surface-3)}.exp-doc-link:focus-visible{outline:2px solid var(--text-3);outline-offset:2px}.exp-doc-link-label{display:inline-block}.exp-doc-link-icon{display:inline-block;margin-left:5px;flex-shrink:0}.exp-description{margin:0 0 12px;font-size:17px;color:var(--text);line-height:1.62}.exp-description.is-random .inline-control-text{white-space:pre-line;display:block;line-height:1.66}.exp-random-wrap{margin-top:8px}.exp-subtitle{margin-top:8px;margin-bottom:6px;font-size:12px;font-family:var(--font-mono);letter-spacing:1.9px;color:var(--text-3);text-transform:uppercase;font-weight:700}.exp-placeholder{margin:0;font-size:15px;line-height:1.5;color:var(--text-2)}.exp-visual{border:1px solid var(--border-2);border-radius:10px;background:var(--surface-2);padding:12px;min-height:96px}.exp-visual.rhythm{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px;align-items:end}.exp-rhythm-bar{border-radius:3px 3px 0 0}.exp-visual.harmony{position:relative}.exp-harmony-staff{position:absolute;top:16px;right:12px;bottom:16px;left:12px;background:linear-gradient(to bottom,transparent 0,transparent 18%,var(--border-2) 18%,var(--border-2) 19%,transparent 19%,transparent 37%,var(--border-2) 37%,var(--border-2) 38%,transparent 38%,transparent 56%,var(--border-2) 56%,var(--border-2) 57%,transparent 57%,transparent 75%,var(--border-2) 75%,var(--border-2) 76%,transparent 76%);border-radius:8px}.exp-harmony-note{position:absolute;width:16px;height:10px;border:1px solid;border-radius:999px;transform:translate(-50%,-50%)}.exp-harmony-arrow{position:absolute;right:12px;bottom:8px;font-size:18px;font-family:var(--font-mono)}.exp-visual.control{display:flex;align-items:center;gap:14px}.exp-control-knob{width:56px;height:56px;border:2px solid;border-radius:50%;position:relative}.exp-control-indicator{width:4px;height:17px;border-radius:3px;position:absolute;left:50%;top:10%;transform:translate(-50%)}.exp-control-arrows{font-size:14px;font-family:var(--font-mono)}.exp-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px}.exp-detail-item{font-size:13px;color:var(--text-2);line-height:1.4;padding:6px 8px;border-radius:6px;border:1px solid var(--border-2);background:var(--surface-2)}.exp-repeat-wrap{display:grid;gap:14px}.exp-repeat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.exp-voicing-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.exp-repeat-card{border:1px solid var(--border-2);border-radius:10px;background:var(--surface-2);padding:16px;height:100%;display:flex;flex-direction:column}.exp-bank-pattern-card{gap:14px}.exp-bank-pattern-root{border:1px solid rgba(91,163,201,.38);border-radius:10px;background:linear-gradient(180deg,#5ba3c929,#5ba3c914);padding:12px 14px;display:grid;gap:3px}.exp-bank-pattern-root-title{font-size:17px;font-family:var(--font-mono);letter-spacing:1.4px;color:#d3edff;font-weight:700}.exp-bank-pattern-root-meta{font-size:12px;color:#9fb5cd;font-family:var(--font-mono)}.exp-bank-pattern-chain{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}.exp-bank-pattern-arrow{font-size:18px;color:var(--text-4);font-family:var(--font-mono);line-height:1;text-align:center}.exp-bank-pattern-node{border:1px solid var(--border-2);border-radius:10px;background:var(--surface-3);padding:12px 12px 11px;display:grid;gap:5px;min-height:120px;align-content:start}.exp-bank-pattern-node.is-focus{border-color:#e87a0a9e;background:linear-gradient(180deg,#e87a0a33,#e87a0a1a);box-shadow:inset 0 0 0 1px #e87a0a33}.exp-bank-pattern-node-title{font-size:18px;font-family:var(--font-mono);letter-spacing:1.4px;color:var(--text);font-weight:700}.exp-bank-pattern-node-meta{width:fit-content;font-size:11px;font-family:var(--font-mono);color:#f0d3a3;border:1px solid rgba(232,122,10,.44);border-radius:6px;background:#e87a0a2b;padding:2px 7px}.exp-bank-pattern-node-detail{font-size:13px;line-height:1.38;color:var(--text-2)}.exp-bank-pattern-focus{border:1px solid var(--border-2);border-radius:9px;background:var(--surface-3);padding:10px 12px;display:grid;gap:7px}.exp-bank-pattern-focus-chip{width:fit-content;font-size:12px;font-family:var(--font-mono);color:#f0d3a3;border:1px solid rgba(232,122,10,.44);border-radius:6px;background:#e87a0a2b;padding:3px 8px}.exp-bank-pattern-focus-text{font-size:14px;line-height:1.45;color:var(--text-2)}.exp-repeat-card-title{font-size:13px;font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-3);text-transform:uppercase;font-weight:700;margin-bottom:12px}.exp-repeat-lanes{display:grid;gap:11px;flex:1;align-content:center}.exp-repeat-lane{display:flex;align-items:center;gap:12px}.exp-repeat-origin{width:14px;height:14px;border-radius:999px;flex-shrink:0}.exp-repeat-trail{display:flex;align-items:center;gap:10px}.exp-repeat-dot{width:12px;height:12px;border-radius:999px}.exp-ramp-rows{display:grid;gap:10px;margin-bottom:0;flex:1;align-content:center}.exp-ramp-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:end}.exp-ramp-label{font-size:12px;font-family:var(--font-mono);color:var(--text-3)}.exp-ramp-bars{height:56px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;align-items:end}.exp-ramp-bar{border-radius:4px 4px 0 0;opacity:.9}.exp-voicing-bars{height:58px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:end;width:100%}.exp-voicing-bar{border-radius:4px 4px 0 0;opacity:.9}.exp-voicing-stack{display:grid;gap:12px;flex:1;align-content:center}.exp-voicing-row{display:grid;gap:6px}.exp-voicing-label{font-size:12px;font-family:var(--font-mono);color:var(--text-3);text-transform:uppercase}.exp-style-layout{display:grid;gap:8px;flex:1;align-content:start}.exp-style-grid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.exp-style-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.exp-style-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.exp-style-cell{display:flex;flex-direction:column;gap:4px;border:1px solid var(--border-2);border-radius:7px;background:var(--surface-3);padding:6px 7px}.exp-style-cell.is-extra{border-color:#9a72c459;background:#9a72c41f}.exp-style-cell.is-direction{border-color:#a3acbf59;background:#838c9e1f}.exp-style-vb{font-size:11px;font-family:var(--font-mono);color:#f0d3a3;border:1px solid rgba(232,122,10,.45);border-radius:5px;background:#e87a0a2e;padding:3px 6px;text-align:left;width:fit-content}.exp-style-vb.is-extra{color:#b89ad8;border-color:#9a72c473;background:#9a72c42e}.exp-style-vb.is-direction{color:#c2c9d8;border-color:#a3acbf6b;background:#838c9e33}.exp-style-name{font-size:12px;font-family:var(--font-mono);color:var(--text-2);line-height:1.3}.exp-style-note{margin-top:10px;font-size:12px;color:var(--text-3);font-family:var(--font-mono);line-height:1.35}.exp-note-box{margin-bottom:12px;padding:10px 12px;font-size:12px;font-family:var(--font-mono);line-height:1.4;color:var(--text-2);border:1px solid rgba(91,163,201,.35);border-radius:var(--radius);background:#5ba3c914}.exp-button-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.exp-button-mode-grid.is-one{grid-template-columns:1fr}.exp-button-mode-item{border:1px solid var(--border-2);border-radius:8px;background:var(--surface-3);padding:8px;display:grid;gap:5px}.exp-button-mode-key{width:fit-content;font-size:10px;font-family:var(--font-mono);color:#f0d3a3;border:1px solid rgba(232,122,10,.44);border-radius:5px;background:#e87a0a29;padding:2px 6px}.exp-button-mode-action{font-size:13px;color:var(--text-2);line-height:1.35}.exp-temp-stack{display:grid;gap:11px;flex:1;align-content:center}.exp-temp-row{display:grid;gap:6px}.exp-temp-bars{height:34px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;align-items:end}.exp-temp-bar{border-radius:4px 4px 0 0;background:#e09930cc;border:1px solid rgba(224,153,48,.45)}.exp-mute-view-card{gap:12px}.exp-mute-grid{align-items:start}.exp-mute-grid .exp-repeat-card{height:auto;align-self:start}.exp-mute-vb-stack{display:grid;gap:12px;align-content:start}.exp-mute-vb-row-block{display:grid;gap:7px}.exp-mute-vb-grid{display:grid;gap:6px}.exp-mute-vb-line{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.exp-mute-vb-cell{height:28px;border-radius:7px;border:1px solid var(--border-2);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:700;color:#f2f5ff;box-shadow:inset 0 0 0 1px #ffffff0a}.exp-mute-vb-cell.is-note{background:#eef1fae6;border-color:#eef1fab8;color:#161c2a}.exp-mute-vb-cell.is-cc{background:#58cddfc7;border-color:#58cddf9e;color:#102a32}.exp-mute-vb-cell.is-fx{background:#c449a0c2;border-color:#c449a099;color:#2a1024}.exp-mute-vb-cell.is-muted{background:#7f91ada8;border-color:#9eb0cc8f;color:#eef3ff}.exp-mute-vb-cell.is-armed{box-shadow:0 0 0 1px #e8aa2e9e inset,0 0 10px #e8aa2e40}.exp-shape-legend.is-mute{gap:10px;margin-top:4px}.exp-shape-legend.is-mute .exp-shape-legend-item{padding:5px 9px;border-radius:999px;border:1px solid var(--border-2);background:var(--surface-3);font-size:12px}.exp-shape-legend.is-mute .exp-shape-legend-item i{width:14px;height:14px;border-radius:999px}.exp-shape-legend-item i.is-mute-note{background:#eef1faeb;border-color:#eef1fab8}.exp-shape-legend-item i.is-mute-cc{background:#58cddfd1;border-color:#58cddf9e}.exp-shape-legend-item i.is-mute-fx{background:#c449a0cc;border-color:#c449a099}.exp-mute-flow-group{display:grid;gap:8px}.exp-mute-flow-group.is-separated{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(154,114,196,.42)}.exp-mute-flow-heading{font-size:12px;font-family:var(--font-mono);letter-spacing:1.1px;text-transform:uppercase;color:#d9c29a}.exp-vbx-toolbar{display:flex;align-items:stretch;gap:8px;margin-bottom:12px;flex-wrap:wrap}.exp-vbx-search{flex:1;min-width:140px;max-width:200px;min-height:38px;padding:6px 15px;font-size:13px;font-family:var(--font-mono);font-weight:700;letter-spacing:1.2px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);transition:border-color .15s ease;box-sizing:border-box}.exp-vbx-search::placeholder{color:var(--text-3);font-weight:500}.exp-vbx-search:focus{outline:none;border-color:#5ba3c980}.exp-vbx-filter{display:inline-flex;gap:4px;flex-wrap:wrap;padding:6px;background:var(--surface);border-radius:10px;border:1px solid var(--border);width:fit-content;align-items:center}.exp-vbx-filter-btn{border:1px solid transparent;background:transparent;color:var(--text-2);border-radius:6px;padding:6px 15px;font-size:13px;font-family:var(--font-mono);font-weight:700;letter-spacing:1.2px;cursor:pointer;transition:all .15s ease}.exp-vbx-filter-btn:hover{border-color:#5ba3c94d;background:#5ba3c914;color:var(--text)}.exp-vbx-filter-btn.is-active{border-color:#e87a0a94;color:#f0d3a3;background:#e87a0a24}.exp-vbx-family-list{display:grid;gap:12px}.exp-vbx-family{border:1px solid var(--border-2);border-radius:10px;background:var(--surface-2);padding:13px;display:grid;gap:10px}.exp-vbx-family-head{display:flex;align-items:center;justify-content:flex-start;gap:10px}.exp-vbx-family-title{margin:0;font-size:14px;font-family:var(--font-mono);letter-spacing:1.4px;color:var(--text-2);font-weight:700;text-transform:uppercase}.exp-vbx-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.exp-vbx-mode-card{border:1px solid var(--border-2);border-radius:9px;background:var(--surface-3);padding:10px;display:grid;gap:9px}.exp-vbx-mode-title{font-size:14px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.9px;color:#d8b289;line-height:1.32;font-weight:700}.exp-vbx-mode-rows{display:grid;gap:0}.exp-vbx-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 0;min-height:44px}.exp-vbx-row+.exp-vbx-row{border-top:1px dashed rgba(132,141,165,.35)}.exp-vbx-row-labels{display:grid;gap:1px;min-width:0}.exp-vbx-row-main{font-size:12px;color:var(--text);line-height:1.26}.exp-vbx-row-sub{font-size:11px;font-family:var(--font-mono);color:var(--text-3);line-height:1.25}.exp-vbx-row-color{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap}.exp-vbx-color-token{display:inline-flex;align-items:center;gap:8px;padding:3px 5px 3px 8px;border:1px solid var(--border-2);border-radius:8px;background:#1116228f;min-height:30px}.exp-vbx-row-color-label{font-size:11px;font-family:var(--font-mono);color:var(--text-2);letter-spacing:.35px;text-transform:uppercase}.exp-vbx-swatch{width:22px;height:22px;border-radius:5px;border:1px solid var(--border-2);background:var(--surface-2);box-shadow:inset 0 0 0 1px #0000002e;flex-shrink:0}.exp-vbx-swatch.is-off{background:#14182459;border-color:#b8c0d266}.exp-vbx-swatch.is-white{background:#eef1faf2;border-color:#eef1fad1}.exp-vbx-swatch.is-orange{background:#e87a0aeb;border-color:#e87a0ab8}.exp-vbx-swatch.is-cyan{background:#58cddfe6;border-color:#58cddfa8}.exp-vbx-swatch.is-magenta{background:#c449a0e0;border-color:#c449a0a3}.exp-vbx-swatch.is-blueGrey{background:#9eb0cce6;border-color:#9eb0cc9e}.exp-vbx-swatch.is-darkBlue{background:#1e6ea6e0;border-color:#4892ce9e}.exp-vbx-swatch.is-blue{background:#85a7f9db;border-color:#85a7f9a3}.exp-vbx-swatch.is-brightBlue{background:#80beffeb;border-color:#80beffbd}.exp-vbx-swatch.is-dimmedBlue{background:#4e6f9ad6;border-color:#6e90bc9e}.exp-vbx-swatch.is-darkGreen{background:#2a6c26eb;border-color:#2a6c26bd}.exp-vbx-swatch.is-green{background:#98dd5aed;border-color:#98dd5abd}.exp-vbx-swatch.is-pink{background:#d97eafe6;border-color:#d97eafb3}.exp-vbx-swatch.is-red{background:#d94f4fe6;border-color:#d94f4fad}@keyframes exp-vbx-flash{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.3;filter:brightness(.8)}}.exp-vbx-swatch.is-flashing{animation:exp-vbx-flash 1s steps(2,end) infinite}.exp-time-stack{display:grid;gap:14px;flex:1;align-content:center}.exp-velocity-stack{display:grid;gap:12px;flex:1;align-content:center}.exp-velocity-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px;align-items:center}.exp-velocity-notes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;align-items:center}.exp-velocity-note{width:100%;aspect-ratio:1 / 1;border-radius:999px}.exp-probability-stack{display:grid;gap:16px;flex:1;align-content:start}.exp-probability-card{padding:18px}.exp-probability-legend{border:1px solid var(--border-2);border-radius:8px;background:var(--surface-3);padding:12px 13px;display:grid;gap:6px;font-size:13px;font-family:var(--font-mono);line-height:1.35}.exp-probability-legend .is-left{color:#d8b289;font-size:13px;font-weight:700}.exp-probability-legend .is-right{color:#a4c1de;font-size:13px;font-weight:700}.exp-probability-random-note{color:var(--text-3);font-size:13px;font-weight:700}.exp-probability-reading{display:inline-flex;justify-content:flex-start;gap:0;width:fit-content;align-items:center;margin-top:2px}.exp-prob-reading-item{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-family:var(--font-mono);color:var(--text-2);padding:0 10px}.exp-prob-reading-item+.exp-prob-reading-item{border-left:1px solid var(--border-2)}.exp-prob-reading-dot{width:9px;height:9px;border-radius:50%}.exp-prob-reading-dot.is-pulse{background:#e8aa2eeb}.exp-prob-reading-dot.is-repeat{background:#5ba3c9e0}.exp-prob-reading-dot.is-manual{background:#c449a0e6}.exp-probability-row{display:grid;gap:9px}.exp-probability-strip{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px}.exp-prob-step{height:28px;border-radius:4px;border:1px solid var(--border-2);position:relative}.exp-prob-step.is-pulse{background:#e8aa2ead}.exp-prob-step.is-repeat{background:#5ba3c980}.exp-prob-step.is-manual{background:#c449a085;border-color:#c449a059}.exp-prob-step.is-empty{background:#a7acb747}.exp-prob-step.is-muted{background:#161823db;border-color:#a0a7b85c}.exp-prob-step.is-muted:after{content:"×";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#e9ecf5eb}.exp-probability-phase{display:grid;gap:7px;align-content:center;border-top:1px solid var(--border-2);padding-top:12px;margin-top:2px}.exp-probability-phase-badges{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.exp-phase-badge{font-size:11px;font-family:var(--font-mono);color:#e6bfd7;border:1px solid rgba(196,73,160,.45);border-radius:6px;background:#c449a02e;padding:4px 7px}.exp-phase-arrow{font-size:12px;color:var(--text-3)}.exp-time-row{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:center}.exp-time-label{font-size:12px;font-family:var(--font-mono);color:var(--text-3)}.exp-shape-stack{display:grid;gap:10px}.exp-shape-row{display:grid;gap:6px}.exp-seq-strip-wrap{display:grid;gap:4px}.exp-seq-strip-labels{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));padding:0 3px;font-size:9px;font-family:var(--font-mono);color:#f0d3a3}.exp-seq-strip-labels .is-beat{font-weight:700}.exp-seq-strip{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px}.exp-seq-grid-wrap{display:grid;gap:6px}.exp-seq-grid-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.exp-seq-cell{height:18px;border-radius:4px;border:1px solid var(--border-2);background:#9ba4ba33}.exp-seq-cell.is-active{background:linear-gradient(180deg,#64a8ffb8,#5085e4b8);border-color:#80beffb3;box-shadow:inset 0 0 0 1px #def0ff29}.exp-seq-cell.is-inactive{opacity:.3}.exp-seq-cell.is-pulse{background:#e8aa2eb8;border-color:#e8aa2e80}.exp-seq-cell.is-manual{background:#c449a0a6;border-color:#c449a070}.exp-seq-cell.is-edited{background:#d94f4fb8;border-color:#d94f4f85}.exp-seq-cell.is-current{background:#eef1fae6;border-color:#eef1facc}.exp-shape-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.exp-shape-page-card{border:1px solid var(--border-2);border-radius:8px;background:var(--surface-3);padding:8px;display:grid;gap:4px}.exp-shape-page-title{font-size:12px;font-family:var(--font-mono);color:var(--text);font-weight:700}.exp-shape-page-range{font-size:12px;font-family:var(--font-mono);color:var(--text-2)}.exp-shape-page-key{width:fit-content;font-size:10px;font-family:var(--font-mono);color:#f0d3a3;border:1px solid rgba(232,122,10,.4);border-radius:5px;background:#e87a0a2b;padding:3px 7px;white-space:nowrap}.exp-steps-length-card .exp-shape-stack{gap:14px}.exp-steps-extension-card .exp-shape-pages{margin-top:12px}.exp-steps-extension-card .exp-button-mode-key{font-size:10px;padding:3px 7px;border:1px solid rgba(232,122,10,.4);background:#e87a0a2b;white-space:nowrap}.exp-steps-length-card .exp-shape-row{gap:8px}.exp-steps-length-card .exp-time-label{font-size:13px;color:var(--text-2)}.exp-steps-length-card .exp-seq-strip-wrap{gap:6px}.exp-steps-length-card .exp-seq-strip{gap:4px}.exp-steps-length-card .exp-seq-cell{height:22px;border-radius:5px;background:#7885a029}.exp-steps-length-card .exp-seq-strip-labels{font-size:10px}.exp-pulses-wrap .exp-seq-cell{height:22px;border-radius:5px}.exp-pulses-wrap .exp-seq-strip{gap:4px}.exp-pulses-wrap .exp-seq-strip-wrap{gap:6px}.exp-shape-legend{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px}.exp-shape-legend.is-cycles{gap:11px;margin-top:14px;margin-bottom:2px}.exp-shape-legend.is-length{gap:10px;margin-top:12px;margin-bottom:10px}.exp-shape-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-family:var(--font-mono);color:var(--text-2)}.exp-shape-legend.is-cycles .exp-shape-legend-item,.exp-shape-legend.is-length .exp-shape-legend-item{padding:5px 9px;border-radius:999px;border:1px solid var(--border-2);background:var(--surface-3);font-size:12px}.exp-shape-legend-item i{width:10px;height:10px;border-radius:3px;border:1px solid var(--border-2);background:#9ba4ba38}.exp-shape-legend.is-cycles .exp-shape-legend-item i,.exp-shape-legend.is-length .exp-shape-legend-item i{width:14px;height:14px;border-radius:999px}.exp-shape-legend-item i.is-pulse{background:#e8aa2eb8;border-color:#e8aa2e80}.exp-shape-legend-item i.is-manual{background:#c449a0a6;border-color:#c449a070}.exp-shape-legend-item i.is-current{background:#eef1fae6;border-color:#eef1facc}.exp-shape-legend-item i.is-active{background:#78839e94;border-color:#8c97b185}.exp-cycles-view .exp-shape-legend-item i.is-active{background:#678decc7;border-color:#85a7f99e}.exp-shape-legend-item i.is-edited{background:#d94f4fb8;border-color:#d94f4f85}.exp-shape-legend-item i.is-muted-track{background:#7f91adb8;border-color:#9eb0cc94}.exp-shape-legend-item i.is-armed-track{background:#e09930ad;border-color:#e0993075}.exp-shape-legend-item i.is-vb-yellow{background:#e8aa2ec7;border-color:#e8aa2e8f}.exp-shape-legend-item i.is-vb-white{background:#eef1faeb;border-color:#eef1fab8}.exp-shape-legend-item i.is-vb-green{background:#3daa6ac7;border-color:#3daa6a9e}.exp-shape-legend-item i.is-vb-pink{background:#c449a0bd;border-color:#c449a094}.exp-shape-legend-item i.is-inactive{opacity:.35}.exp-cycle-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.exp-cycle-cell{height:28px;border-radius:6px;border:1px solid var(--border-2);background:#707a933d;display:flex;align-items:center;justify-content:center;font-size:11px;font-family:var(--font-mono);color:var(--text-3)}.exp-cycle-cell.is-active{background:#78839e94;color:var(--text-2)}.exp-cycle-cell.is-inactive{opacity:.35}.exp-cycle-cell.is-current{background:#eef1faeb;color:#191d2b}.exp-cycle-cell.is-edited{border-color:#d94f4f8f;box-shadow:inset 0 0 0 2px #d94f4f38}.exp-cycles-view .exp-cycle-strip{gap:8px}.exp-cycles-view .exp-cycle-cell{height:44px;border-radius:8px;font-size:12px;font-weight:700;color:var(--text-2)}.exp-cycles-legend-divider{margin-top:12px;margin-bottom:14px;width:100%;border-top:1px dashed rgba(154,114,196,.42)}.exp-cycles-view .exp-cycle-cell.is-current{background:#fff;border-color:#00000024;color:#191d2b;box-shadow:inset 0 0 0 1px #ffffff61}.exp-cycles-view .exp-cycle-cell.is-active:not(.is-current):not(.is-edited){background:#678decc7;border-color:#85a7f99e;color:#f2f7ff}.exp-cycles-view .exp-cycle-cell.is-edited:not(.is-current){background:#d94f4fb8;border-color:#d94f4f85;box-shadow:inset 0 0 0 1px #d94f4f38;color:#fff}.exp-cycles-view .exp-cycle-cell.is-inactive{opacity:.35;background:#707a933d}.exp-shape-legend-item i.is-cycle-current{background:#fff;border-color:#00000024}.exp-cycles-count-note{margin-top:0;padding:12px 14px;border:1px solid rgba(154,114,196,.42);border-radius:10px;background:linear-gradient(180deg,#9a72c433,#9a72c41a);font-size:16px;color:#d8c1ef;font-family:var(--font-sans);letter-spacing:0;line-height:1.5}.exp-cycles-count-note .inline-control-text{display:inline;line-height:1.62}.exp-cycles-count-note .inline-control-link{line-height:1.24;padding-top:.08em;padding-bottom:.08em}.exp-cycle-flow{display:grid;gap:7px}.exp-cycle-flow.is-cycles-workflow{gap:12px}.exp-cycle-flow-item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start}.exp-cycle-flow.is-cycles-workflow .exp-cycle-flow-item{grid-template-columns:28px minmax(0,1fr);gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border-2)}.exp-cycle-flow.is-cycles-workflow .exp-cycle-flow-item:last-child{border-bottom:0;padding-bottom:0}.exp-cycle-flow-step{width:24px;height:24px;border-radius:999px;border:1px solid rgba(232,122,10,.45);background:#e87a0a29;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-family:var(--font-mono);color:#f0d3a3}.exp-cycle-flow.is-cycles-workflow .exp-cycle-flow-step{width:28px;height:28px;font-size:13px}.exp-cycle-flow-text{display:grid;gap:2px}.exp-cycle-flow-title{font-size:12px;font-family:var(--font-mono);color:var(--text);font-weight:700}.exp-cycle-flow.is-cycles-workflow .exp-cycle-flow-title{font-size:15px;line-height:1.35;font-family:var(--font-sans);letter-spacing:0}.exp-cycle-flow-detail{font-size:12px;color:var(--text-2);line-height:1.35}.exp-cycle-flow.is-cycles-workflow .exp-cycle-flow-detail{font-size:16px;line-height:1.48;font-family:var(--font-sans);letter-spacing:0}.exp-division-keyboard{display:grid;gap:8px}.exp-division-keyboard-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.exp-division-key{border:1px solid var(--border-2);border-radius:8px;background:var(--surface-3);padding:7px 6px;min-height:60px;display:grid;gap:4px;align-content:center}.exp-division-key-vb{font-size:10px;font-family:var(--font-mono);color:#f0d3a3}.exp-division-key-value{font-size:13px;font-family:var(--font-mono);color:var(--text-2)}.exp-division-key.is-quad{border-color:#e87a0a66;background:#e87a0a1a}.exp-division-key.is-triplet{border-color:#5ba3c96b;background:#5ba3c91f}.exp-division-key.is-unused{opacity:.48}.exp-shape-legend.is-division{gap:11px;margin-top:14px;margin-bottom:2px}.exp-shape-legend.is-division .exp-shape-legend-item{padding:5px 9px;border-radius:999px;border:1px solid var(--border-2);background:var(--surface-3);font-size:12px}.exp-shape-legend.is-division .exp-shape-legend-item i{width:14px;height:14px;border-radius:999px}.exp-shape-legend-item i.is-division-quad{background:#e87a0a80;border-color:#e87a0a7a}.exp-shape-legend-item i.is-division-triplet{background:#5ba3c98f;border-color:#5ba3c975}.exp-shape-legend-item i.is-division-unused{background:#9ba4ba38;border-color:var(--border-2);opacity:.65}.exp-shape-legend-item i.is-length-selected{background:#eef1fae6;border-color:#eef1facc}.exp-shape-legend-item i.is-length-bar{background:#98dd5aeb;border-color:#98dd5ab8}.exp-shape-legend-item i.is-length-sub{background:#2a6c26eb;border-color:#2a6c26b8}.exp-shape-legend-item i.is-length-inf{background:#5ba3c9d1;border-color:#5ba3c994}.exp-length-setup-card .exp-shape-stack{gap:12px}.exp-length-setup-card .exp-time-label{font-size:13px;color:var(--text-2)}.exp-length-vb-grid{display:grid;gap:8px}.exp-length-vb-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.exp-length-vb-cell{min-height:36px;border:1px solid var(--border-2);border-radius:8px;background:var(--surface-3);display:flex;align-items:center;justify-content:center}.exp-length-vb-cell.is-selected{background:#eef1faeb;border-color:#eef1fab8}.exp-length-vb-cell.is-bar{border-color:#98dd5aad;background:#98dd5a57}.exp-length-vb-cell.is-sub{border-color:#2a6c26b8;background:#2a6c2675}.exp-length-vb-cell.is-infinite{border-color:#5ba3c98f;background:#5ba3c933}.exp-length-vb-cell.is-empty{opacity:.45}.exp-length-vb-cell.is-bar.is-selected,.exp-length-vb-cell.is-sub.is-selected,.exp-length-vb-cell.is-infinite.is-selected,.exp-length-vb-cell.is-empty.is-selected{background:#eef1faeb;border-color:#eef1fab8;opacity:1}.exp-length-vb-cell.is-selected .exp-length-vb-value{color:#0f1728}.exp-length-vb-value{font-size:12px;font-family:var(--font-mono);color:#dce4f5;font-weight:700}.exp-length-note-box{margin-top:10px;margin-bottom:14px;padding:11px 13px;border:1px solid rgba(154,114,196,.42);border-radius:10px;background:linear-gradient(180deg,#9a72c42e,#9a72c414);font-size:14px;color:#d8c1ef;line-height:1.5}.exp-length-glitch-box{margin-top:16px;padding:10px 12px;border:1px solid rgba(232,122,10,.45);border-radius:10px;background:linear-gradient(180deg,#e87a0a29,#e87a0a14);color:#efcfad;font-size:13px;line-height:1.45;display:grid;gap:6px}.exp-length-glitch-title{font-size:12px;font-family:var(--font-mono);font-weight:700;letter-spacing:.4px;color:#f4d6b4}.exp-length-points{display:grid;gap:8px;margin-top:2px;margin-bottom:2px}.exp-length-points span{padding-left:10px;border-left:2px solid rgba(106,184,112,.45);font-size:14px;line-height:1.48;color:#d2dfd2}.exp-division-legend-divider{margin-top:12px;margin-bottom:14px;width:100%;border-top:1px dashed rgba(154,114,196,.42)}.exp-division-shortcuts-note{margin-top:0;padding:10px 12px;border:1px solid rgba(154,114,196,.42);border-radius:10px;background:linear-gradient(180deg,#9a72c433,#9a72c41a);font-size:14px;color:#d8c1ef;font-family:var(--font-sans);letter-spacing:0;line-height:1.45}.exp-division-shortcuts-note .inline-control-text{display:inline;line-height:1.5}.exp-division-shortcuts-note .inline-control-link{line-height:1.16;padding-top:.05em;padding-bottom:.05em}.exp-division-impact{display:grid;gap:8px;margin-bottom:20px;padding:12px 14px;border:1px solid rgba(106,184,112,.36);border-radius:10px;background:linear-gradient(180deg,#6ab87021,#6ab8700f),var(--surface-3);box-shadow:inset 0 0 0 1px #6ab8701f;font-size:14px;color:#d6ead6;line-height:1.52}.exp-shape-group-title{font-size:11px;font-family:var(--font-mono);color:var(--text-3);margin-bottom:6px}.exp-timing-stack{display:grid;gap:10px;flex:1;align-content:start}.exp-timing-controls-card{padding:16px}.exp-timing-controls-layout{display:grid;gap:10px}.exp-timing-vb-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.exp-timing-vb-cell{display:grid;gap:4px;border:1px solid var(--border-2);border-radius:7px;background:var(--surface-3);padding:6px}.exp-timing-vb-cell.is-early{border-color:#e87a0a59;background:#e87a0a14}.exp-timing-vb-cell.is-late{border-color:#5ba3c959;background:#5ba3c91a}.exp-timing-vb-cell.is-center{border-color:#acb4c559;background:#9da5b81c}.exp-timing-vb-cell.is-division{border-color:#c449a059;background:#c449a01a}.exp-timing-vb-chip{width:fit-content;font-size:10px;font-family:var(--font-mono);border-radius:5px;padding:2px 5px;border:1px solid var(--border-2);color:var(--text-3);background:var(--surface-2)}.exp-timing-vb-chip.is-early{color:#f0d3a3;border-color:#e87a0a73;background:#e87a0a2e}.exp-timing-vb-chip.is-late{color:#c3d8eb;border-color:#5ba3c973;background:#5ba3c92e}.exp-timing-vb-chip.is-center{color:#d4d8e7;border-color:#acb4c56b;background:#8f98aa33}.exp-timing-vb-chip.is-division{color:#e6bfd7;border-color:#c449a073;background:#c449a033}.exp-timing-vb-role{font-size:12px;font-weight:700;font-family:var(--font-mono);color:var(--text);line-height:1.3}.exp-timing-subdivision-stack{display:grid;gap:8px}.exp-timing-section{display:grid;gap:10px}.exp-timing-separator{margin:12px 0 10px}.exp-rhythm-example-row{display:grid;gap:6px}.exp-timing-vb-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;border-top:1px solid var(--border-2);padding-top:10px;margin-top:3px}.exp-timing-badge{font-size:11px;font-family:var(--font-mono);color:#d8b289;border:1px solid rgba(232,122,10,.42);border-radius:6px;background:#e87a0a24;padding:4px 7px}.exp-tempo-edit-card{padding:20px}.exp-tempo-edit-flow .exp-cycle-flow-item{grid-template-columns:30px minmax(0,1fr);gap:10px}.exp-tempo-edit-flow .exp-cycle-flow-step{width:30px;height:30px;font-size:12px}.exp-tempo-edit-flow .exp-cycle-flow-title{font-size:15px}.exp-tempo-edit-flow .exp-cycle-flow-detail{font-size:14px;line-height:1.4}.exp-quantize-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:8px}.exp-quantize-grid.is-subdiv{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}.exp-quantize-cell{border:1px solid var(--border-2);border-radius:7px;background:var(--surface-3);padding:7px;display:flex;align-items:center;justify-content:center}.exp-quantize-cell.is-active{border-color:#e87a0a80;background:#e87a0a29}.exp-quantize-value{font-size:12px;font-family:var(--font-mono);color:var(--text-2);font-weight:700}.exp-channel-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.exp-channel-cell{border:1px solid var(--border-2);border-radius:8px;background:var(--surface-3);min-height:36px;display:flex;align-items:center;justify-content:center;font-size:13px;font-family:var(--font-mono);color:#0f2e10;font-weight:700}.exp-channel-cell.is-available{border-color:#98dd5aad;background:#98dd5ae6}.exp-channel-cell.is-selected{color:#10141f;border-color:#eef1fad1;background:#eef1faf5;box-shadow:inset 0 0 0 1px #ffffff5c}.exp-shape-legend.is-channel{gap:10px;margin-top:12px}.exp-shape-legend.is-channel .exp-shape-legend-item{padding:5px 9px;border-radius:999px;border:1px solid var(--border-2);background:var(--surface-3);font-size:12px}.exp-shape-legend.is-channel .exp-shape-legend-item i{width:14px;height:14px;border-radius:999px}.exp-shape-legend-item i.is-channel-selected{background:#eef1faeb;border-color:#eef1fac7}.exp-shape-legend-item i.is-channel-available{background:#98dd5ae6;border-color:#98dd5ab8}.exp-output-stack{display:grid;gap:12px;flex:1;align-content:start;margin-bottom:10px}.exp-output-flow{border:1px solid rgba(91,163,201,.36);border-radius:10px;background:linear-gradient(180deg,#5ba3c91f,#5ba3c90f),var(--surface-3);padding:11px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}.exp-output-node{border:1px solid rgba(91,163,201,.44);border-radius:7px;background:#081322a3;padding:7px 8px;font-size:12px;font-family:var(--font-mono);color:#cfe6f3;text-align:center}.exp-output-arrow{font-size:16px;font-family:var(--font-mono);color:#8cc5e3}.exp-output-use-box{margin-top:6px;margin-bottom:10px;padding:10px 12px;border:1px solid rgba(232,170,46,.45);border-radius:10px;background:linear-gradient(180deg,#e8aa2e33,#e8aa2e17);color:#f0dfbf;display:grid;gap:7px}.exp-output-use-title{font-size:12px;font-family:var(--font-mono);font-weight:700;letter-spacing:.4px}.exp-output-use-box span{font-size:13px;line-height:1.45}.exp-channel-note-box{margin-top:8px;padding:10px 12px;border:1px solid rgba(232,170,46,.42);border-radius:10px;background:linear-gradient(180deg,#e8aa2e2e,#e8aa2e14);color:#f1deb9;font-size:13px;line-height:1.5}.exp-clear-intro-box,.exp-copy-intro-box{margin-top:8px;margin-bottom:14px;padding:10px 12px;border-radius:10px;font-size:14px;line-height:1.5}.exp-clear-intro-box{border:1px solid rgba(204,68,68,.46);background:linear-gradient(180deg,#c443,#cc444417);color:#f1d0d0}.exp-copy-intro-box{border:1px solid rgba(232,170,46,.46);background:linear-gradient(180deg,#e8aa2e33,#e8aa2e17);color:#f0dfbf}.exp-random-stack{display:grid;gap:14px;flex:1}.exp-random-row{display:grid;gap:7px}.exp-random-strip{display:grid}.exp-random-strip.is-probability{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}.exp-random-strip.is-rate{grid-template-columns:repeat(16,minmax(0,1fr));gap:4px}.exp-random-prob-step{height:24px;border:1px solid var(--border-2);border-radius:6px;background:#9ba4ba29}.exp-random-prob-step.is-applied{background:var(--random-color, #c49042);border-color:var(--random-color, #c49042);box-shadow:0 0 0 1px #ffffff14 inset}.exp-random-prob-step.is-off{background:#60748e61;border-color:#8298b761}.exp-random-mode-list{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.exp-random-top-grid>.exp-repeat-card{min-height:100%}.exp-random-rate-card{justify-content:flex-start}.exp-random-param-card{display:grid;gap:12px}.exp-random-mode-item{border:1px solid var(--border-2);border-radius:9px;background:var(--surface-3);padding:10px 11px;display:grid;gap:5px}.exp-random-mode-key{font-family:var(--font-mono);font-size:12px;line-height:1.35;color:#f1cf9e}.exp-random-mode-text{font-size:14px;line-height:1.45;color:var(--text)}.exp-random-bipolar{border:1px solid var(--border-2);border-radius:8px;background:linear-gradient(90deg,#5ba3c91f,#5ba3c90a 45%,#e87a0a0a 55%,#e87a0a1f);padding:9px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}.exp-random-bipolar .is-neg,.exp-random-bipolar .is-zero,.exp-random-bipolar .is-pos{font-size:12px;font-family:var(--font-mono);line-height:1.35}.exp-random-bipolar .is-neg{color:#a4c1de}.exp-random-bipolar .is-zero{color:var(--text-3);justify-self:center}.exp-random-bipolar .is-pos{color:#d8b289;text-align:right}.exp-random-table-card{margin-top:14px}.exp-random-table{border:1px solid var(--border-2);border-radius:12px;overflow:hidden;background:#08132257}.exp-random-table-head,.exp-random-table-row{display:grid;grid-template-columns:minmax(84px,.64fr) 84px minmax(0,2.6fr);gap:0}.exp-random-table-head{background:#9ba4ba1f;border-bottom:1px solid var(--border-2)}.exp-random-table-head span{padding:12px;font-family:var(--font-mono);font-size:13px;color:var(--text-2)}.exp-random-table-head span:nth-child(3){padding-left:20px}.exp-random-table-row{border-bottom:1px solid rgba(155,164,186,.16)}.exp-random-table-row:last-child{border-bottom:0}.exp-random-table-cell{padding:11px 12px;font-size:14px;line-height:1.5;color:var(--text)}.exp-random-table-cell.is-param{font-family:var(--font-mono);color:#e8edf8}.exp-random-table-cell.is-control{display:flex;align-items:center;justify-content:flex-start;padding-right:18px}.exp-random-table-cell.is-effect{padding-left:20px}.exp-random-control-chip{border:1px solid var(--border-2);border-radius:5px;background:#9ba4ba14;font-family:var(--font-mono);font-size:11px;line-height:1;padding:4px 7px;color:var(--text-2)}.exp-time-track{display:flex;align-items:center;gap:var(--time-gap, 12px)}.exp-accent-stack{display:grid;gap:12px;flex:1;align-content:stretch;grid-template-rows:repeat(3,minmax(0,1fr));min-height:350px}.exp-accent-row{display:grid;gap:7px;grid-template-rows:auto minmax(0,1fr)}.exp-accent-track{position:relative;height:auto;min-height:96px;border:1px solid var(--border-2);border-radius:7px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 6.25%,transparent 6.25%,transparent 12.5%),var(--surface-3);padding:0;overflow:hidden}.exp-accent-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:0;align-items:end}.exp-accent-bar{border-radius:3px 3px 0 0;opacity:.9;width:72%;justify-self:center}.exp-accent-groove-grid>.exp-repeat-card{min-height:420px}.exp-groove-stack{display:grid;gap:10px;flex:1;align-content:stretch;min-height:350px}.exp-groove-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.exp-groove-card{border:1px solid var(--border-2);border-radius:8px;background:var(--surface-3);padding:7px 8px;display:grid;gap:5px;min-height:118px}.exp-groove-head{display:inline-flex;align-items:center;gap:8px}.exp-groove-head-sep{width:1px;height:14px;background:var(--border-2)}.exp-groove-vb{width:fit-content;font-size:11px;font-family:var(--font-mono);color:#f0d3a3;border:1px solid rgba(232,122,10,.42);border-radius:5px;background:#e87a0a29;padding:2px 6px}.exp-groove-vb.is-cv{border-color:#c449a06b;background:#c449a02e;color:#e6bfd7}.exp-groove-name{font-size:13px;font-weight:700;font-family:var(--font-mono);color:var(--text-2)}.exp-groove-shape{height:56px;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:0;align-items:end;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 6.25%,transparent 6.25%,transparent 12.5%);border-radius:4px;padding:0}.exp-groove-step{border-radius:3px 3px 0 0;opacity:.9;width:72%;justify-self:center}.exp-groove-cv-row{display:inline-flex;align-items:center;gap:8px;border-top:1px solid var(--border-2);padding-top:8px}.exp-sustain-stack{display:grid;gap:12px;flex:1;align-content:center}.exp-time-dot{width:11px;height:11px;border-radius:999px;opacity:.9;flex-shrink:0}.exp-time-dot.origin{width:13px;height:13px}.exp-pace-track{display:flex;align-items:center}.exp-pace-step{margin-left:var(--pace-gap, 10px);position:relative}.exp-pace-step:before{content:"";position:absolute;right:100%;top:50%;width:var(--pace-gap, 10px);transform:translateY(-50%);border-top:1px solid var(--border-2)}.exp-range-row-content{display:flex;justify-content:flex-start;align-items:center;width:100%}.exp-range-stack{display:grid;gap:12px;flex:1;align-content:center}.exp-range-row{display:grid;gap:6px}.exp-range-tonal-graph{width:100%;min-width:0}.exp-tonal-stack{display:grid;gap:12px;flex:1;align-content:center}.exp-tonal-row{display:grid;gap:6px}.exp-tonal-graph{width:100%;min-width:0}.exp-tonal-note{margin-top:10px;font-size:12px;color:var(--text-3);font-family:var(--font-mono);line-height:1.35}.exp-scale-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:1}.exp-scale-cell{display:flex;flex-direction:column;gap:4px;border:1px solid var(--border-2);border-radius:8px;background:var(--surface-3);padding:7px 8px}.exp-scale-vb{font-size:11px;font-family:var(--font-mono);color:#f0d3a3;border:1px solid rgba(232,122,10,.45);border-radius:5px;background:#e87a0a2e;padding:3px 6px;text-align:left;width:fit-content}.exp-scale-name{font-size:12px;font-family:var(--font-mono);color:var(--text-2);line-height:1.3}.exp-scale-count{font-size:11px;font-family:var(--font-mono);color:var(--text-3);line-height:1.3}.exp-scale-default{font-size:11px;font-family:var(--font-mono);color:var(--text-3);line-height:1.35}.exp-scale-tool{display:grid;gap:10px;flex:1;align-content:start}.exp-scale-single-card{width:100%}.exp-scale-tool-group{display:grid;gap:6px}.exp-scale-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.exp-scale-choice{border:1px solid var(--border-2);border-radius:7px;background:var(--surface-3);color:var(--text-2);padding:10px;min-height:58px;display:grid;gap:6px;text-align:left;cursor:pointer}.exp-scale-choice.is-active{border-color:#e87a0a8c;background:#e87a0a24}.exp-scale-choice-vb{font-size:12px;font-family:var(--font-mono);color:#f0d3a3}.exp-scale-choice-name{font-size:14px;font-family:var(--font-mono);color:inherit;line-height:1.25}.exp-root-choice-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}.exp-root-choice{border:1px solid var(--border-2);border-radius:999px;background:var(--surface-3);color:var(--text-2);padding:0;width:100%;aspect-ratio:1 / 1;min-height:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;font-family:var(--font-mono);cursor:pointer}.exp-root-choice.is-active{background:#e87a0a29;color:var(--text);border-color:#e87a0ab8}.exp-scale-result{border:1px solid var(--border-2);border-radius:8px;background:var(--surface-3);padding:8px 9px;display:grid;gap:6px}.exp-scale-result-notes{display:flex;flex-wrap:wrap;gap:6px}.exp-scale-result-note{font-size:11px;font-family:var(--font-mono);color:var(--text-2);border:1px solid var(--border-2);border-radius:6px;background:var(--surface-2);padding:4px 7px}.exp-scale-result-note.is-root{color:var(--text);background:#e87a0a29}.exp-chromatic-strip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}.exp-chromatic-strip.is-result{margin-top:8px}.exp-chromatic-key{border:1px solid var(--border-2);border-radius:6px;background:var(--surface-3);color:var(--text-3);font-size:10px;font-family:var(--font-mono);line-height:1;text-align:center;padding:6px 0}.exp-chromatic-key.is-in-scale{color:var(--text-2);background:#5ba3c933;border-color:#5ba3c959}.exp-chromatic-key.is-root{background:#e87a0a33;color:var(--text)}.exp-active-notes-panel{border:1px solid rgba(91,163,201,.35);border-radius:10px;background:linear-gradient(180deg,#5ba3c924,#5ba3c90d);padding:10px;display:grid;gap:8px}.exp-active-notes-title{font-size:12px;font-family:var(--font-mono);letter-spacing:1.1px;color:var(--text-2);text-transform:uppercase}.exp-active-notes-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:10px;align-items:stretch;min-height:126px}.exp-active-notes-layout>.exp-active-notes-list,.exp-active-notes-layout>.exp-mini-keyboard{height:100%}.exp-active-notes-list{border:1px solid var(--border-2);border-radius:8px;background:var(--surface-2);padding:8px 9px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(30px,1fr);gap:7px;min-height:0;align-content:center}.exp-active-note-chip{display:flex;align-items:center;justify-content:center;min-height:30px;font-size:13px;font-family:var(--font-mono);color:var(--text-2);border:1px solid var(--border-2);border-radius:6px;background:var(--surface-3);padding:4px 8px}.exp-active-note-chip.is-root{color:var(--text);background:#e87a0a29}.exp-mini-keyboard{position:relative;border:1px solid var(--border-2);border-radius:8px;background:#0f1327;padding:8px 8px 10px;min-height:0;overflow:hidden}.exp-mini-white-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;height:100%}.exp-mini-white-key{position:relative;height:100%;border:1px solid #b8c0da55;border-radius:4px;background:#f2f4fb}.exp-mini-white-key.is-active{background:#f2f4fb}.exp-mini-white-key.is-root{border-color:#b8c0da55}.exp-mini-black-row{position:absolute;left:8px;right:8px;top:8px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));pointer-events:none}.exp-mini-black-key{position:relative;justify-self:end;transform:translate(50%);width:58%;height:28px;border:1px solid #0a0d1d;border-radius:4px;background:#101321}.exp-mini-black-key.is-active{background:#101321}.exp-mini-black-key.is-root{border-color:#0a0d1d}.exp-mini-white-key.is-active:after,.exp-mini-black-key.is-active:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#ef8a1f}.exp-mini-white-key.is-root:after,.exp-mini-black-key.is-root:after{background:#5ba3c9}.exp-mini-black-gap{width:0;height:0}.exp-user-scale-panel{border:1px solid rgba(196,73,160,.36);border-radius:10px;background:linear-gradient(180deg,#c449a024,#c449a00f);padding:10px;display:grid;gap:8px}.exp-user-scale-title{font-size:12px;font-family:var(--font-mono);letter-spacing:1.1px;color:#e0c3d6;text-transform:uppercase}.exp-user-scale-steps{display:grid;gap:5px;font-size:13px;color:var(--text-2);line-height:1.35}.exp-user-scale-note{border:1px solid rgba(196,73,160,.3);border-radius:7px;background:#c449a01a;padding:7px 9px;font-size:12px;color:#dfc4d5;line-height:1.35}.exp-phrase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.exp-phrase-groups{display:grid;gap:8px;align-content:start}.exp-phrase-separator{height:1px;margin:0;border-radius:999px;background:linear-gradient(90deg,transparent 0%,var(--border-2) 12%,var(--border-2) 88%,transparent 100%);opacity:.9}.exp-phrase-card{border:1px solid var(--border-2);border-radius:8px;background:var(--surface-3);padding:7px 8px}.exp-phrase-name{font-size:11px;color:var(--text-3);font-family:var(--font-mono);margin-bottom:6px}.exp-phrase-shape{height:30px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;align-items:end}.exp-phrase-step{border-radius:3px 3px 0 0;opacity:.9}.exp-repeat-link{display:none}.exp-repeat-link strong{color:#ffcb7d}.exp-repeat-density{min-height:0}@media (max-width: 900px){.exp-header{flex-wrap:wrap}.exp-repeat-grid,.exp-phrase-grid,.exp-scale-grid{grid-template-columns:1fr}.exp-scale-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exp-root-choice-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.exp-velocity-row{grid-template-columns:1fr}.exp-rhythm-example-row{gap:6px}.exp-active-notes-layout{grid-template-columns:1fr;min-height:0}.exp-chromatic-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.exp-style-grid5,.exp-style-grid4,.exp-style-grid2,.exp-button-mode-grid,.exp-vbx-mode-grid,.exp-shape-pages,.exp-quantize-grid,.exp-channel-grid{grid-template-columns:1fr}.exp-division-keyboard-row{grid-template-columns:repeat(4,minmax(0,1fr))}.exp-quantize-grid.is-subdiv{grid-template-columns:1fr}.exp-output-flow{grid-template-columns:1fr;justify-items:center}.exp-cycle-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.exp-mute-strip{grid-template-columns:repeat(8,minmax(0,1fr))}.exp-timing-vb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exp-groove-grid{grid-template-columns:1fr}.exp-bank-pattern-chain{grid-template-columns:1fr;gap:10px}.exp-bank-pattern-arrow{display:none}.exp-bank-pattern-node{min-height:0}}.quickref-page{display:grid;gap:14px}.quickref-hero{display:grid;gap:6px}.quickref-title{font-size:24px;font-weight:600;color:var(--text)}.quickref-subtitle{font-size:17px;color:var(--text-2);line-height:1.48;max-width:76ch}.quickref-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:10px}.quickref-card{border:1px solid color-mix(in oklab,var(--quickref-color) 32%,var(--border));border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.quickref-card-head{padding:12px 14px;border-bottom:1px solid color-mix(in oklab,var(--quickref-color) 24%,var(--border));background:linear-gradient(180deg,color-mix(in oklab,var(--quickref-color) 16%,transparent),color-mix(in oklab,var(--quickref-color) 6%,transparent))}.quickref-card-title{font-size:13px;font-family:var(--font-mono);letter-spacing:1.4px;color:color-mix(in oklab,var(--quickref-color) 70%,var(--text));text-transform:uppercase;font-weight:700}.quickref-card-body{padding:6px 0}.quickref-row{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:10px;align-items:start;padding:10px 14px;border-top:1px solid var(--border)}.quickref-row:first-child{border-top:0}.quickref-row-label{font-size:14px;color:var(--text-2);line-height:1.4}.quickref-row-keys{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.quickref-key-wrap{display:inline-flex;align-items:center;gap:5px}.quickref-kbd{display:inline-flex;align-items:center;min-height:24px;border:1px solid color-mix(in oklab,var(--quickref-color) 40%,var(--border-2));border-radius:6px;padding:4px 8px;font-size:12px;font-family:var(--font-mono);font-weight:700;line-height:1;color:color-mix(in oklab,var(--quickref-color) 78%,#ffffff 22%);background:color-mix(in oklab,var(--quickref-color) 14%,var(--surface-2));letter-spacing:.2px;white-space:nowrap}.quickref-key-sep{font-size:12px;color:var(--text-4);font-family:var(--font-mono)}.quickref-note{font-size:12px;color:var(--text-3);font-family:var(--font-mono);line-height:1.25}@media (max-width: 900px){.quickref-grid{grid-template-columns:1fr}.quickref-row{grid-template-columns:1fr;gap:8px}}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding:80px 16px 16px}.search-dialog{width:100%;max-width:620px;background:var(--surface);border:1px solid var(--border-2);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #000c}.search-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:16px;font-family:var(--font-sans)}.search-esc{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-mono);font-size:13px;color:var(--text-3);background:var(--surface-3);border:1px solid var(--border);border-radius:4px;padding:3px 7px}.search-results{max-height:420px;overflow-y:auto}.search-result{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;text-align:left;display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s ease}.search-result:hover,.search-result.is-active{background:var(--surface-2)}.search-result-kind{width:36px;height:36px;border-radius:6px;flex-shrink:0;background:color-mix(in srgb,var(--item-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--item-color) 25%,transparent);display:flex;align-items:center;justify-content:center;font-size:11px;font-family:var(--font-mono);font-weight:700;color:var(--item-color);letter-spacing:.5px}.search-result-main{flex:1;min-width:0}.search-result-title-row{display:flex;align-items:center;gap:6px}.search-result-title{font-size:15px;font-weight:600;color:var(--text);font-family:var(--font-mono)}.search-result-secondary{font-size:13px;color:var(--text-3);font-family:var(--font-mono)}.search-result-section{font-size:11px;color:var(--item-color);background:color-mix(in srgb,var(--item-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--item-color) 22%,transparent);border-radius:3px;padding:1px 6px;letter-spacing:1.5px;font-family:var(--font-mono)}.search-result-description{font-size:14px;color:var(--text-2);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-arrow{flex-shrink:0}.search-empty{padding:24px 16px;text-align:center;color:var(--text-3);font-size:16px}.search-suggestions{padding:16px;display:flex;flex-wrap:wrap;gap:8px}.search-suggestions-label{font-size:14px;color:var(--text-3);width:100%;margin-bottom:4px}.search-suggestion-btn{background:var(--surface-2);border:1px solid var(--border-2);border-radius:4px;padding:5px 11px;cursor:pointer;color:var(--text-2);font-size:14px;font-family:var(--font-mono);letter-spacing:.5px}.search-suggestion-btn:hover{color:var(--text);border-color:var(--text-3)}.structure-page{display:grid;gap:14px}.structure-hero{display:grid;gap:6px}.structure-title{font-size:24px;font-weight:600;color:var(--text)}.structure-subtitle{font-size:17px;color:var(--text-2);line-height:1.48}.structure-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm);padding:14px}.structure-card-title{font-size:12px;font-family:var(--font-mono);letter-spacing:2px;color:var(--text-3);text-transform:uppercase;font-weight:700;margin-bottom:10px}.structure-main-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:14px}.structure-levels{display:grid;gap:10px}.structure-level-row{display:grid;gap:7px}.structure-level-btn{width:100%;border:1px solid var(--border-2);border-radius:12px;background:var(--surface-2);color:var(--text-2);padding:13px 14px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;cursor:pointer;min-height:82px;transition:border-color .15s ease,background-color .15s ease,transform .15s ease,box-shadow .15s ease}.structure-level-btn.is-global{border-color:#5ba3c94d;background:linear-gradient(180deg,#5ba3c91f,#5ba3c90d)}.structure-level-btn.is-bank{border-color:#e87a0a4d;background:linear-gradient(180deg,#e87a0a1f,#e87a0a0d)}.structure-level-btn.is-pattern{border-color:#5fade04d;background:linear-gradient(180deg,#5fade01f,#5fade00d)}.structure-level-btn.is-track{border-color:#9a72c44d;background:linear-gradient(180deg,#9a72c41f,#9a72c40d)}.structure-level-btn.is-cycle{border-color:#c449a04d;background:linear-gradient(180deg,#c449a01f,#c449a00d)}.structure-level-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000038}.structure-level-btn.is-active{border-color:#e87a0a99;background:linear-gradient(180deg,#e87a0a3d,#e87a0a1a);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #e87a0a38}.structure-level-index{width:34px;height:34px;border-radius:999px;border:1px solid var(--border-2);background:var(--surface-3);color:var(--text-3);font-size:12px;font-family:var(--font-mono);font-weight:700;display:inline-flex;align-items:center;justify-content:center}.structure-level-index.is-global{border-color:#5ba3c973;color:#b9ddf3;background:#5ba3c929}.structure-level-index.is-bank{border-color:#e87a0a73;color:#f0d3a3;background:#e87a0a29}.structure-level-index.is-pattern{border-color:#5fade073;color:#c7e7fa;background:#5fade029}.structure-level-index.is-track{border-color:#9a72c473;color:#d8c1ef;background:#9a72c429}.structure-level-index.is-cycle{border-color:#c449a073;color:#e9b8dc;background:#c449a029}.structure-level-btn.is-active .structure-level-index{border-color:#e87a0a8c;color:#f0d3a3;background:#e87a0a2e}.structure-level-copy{display:grid;gap:2px}.structure-level-name{font-size:17px;color:var(--text);font-weight:600}.structure-level-meta{font-size:13px;font-family:var(--font-mono);color:var(--text-3)}.structure-level-tag{font-size:11px;font-family:var(--font-mono);border:1px solid var(--border-2);border-radius:999px;padding:4px 9px;color:var(--text-2);background:var(--surface-3);text-transform:uppercase;letter-spacing:.8px}.structure-level-tag.is-global{border-color:#5ba3c970;color:#b9ddf3;background:#5ba3c924}.structure-level-tag.is-bank{border-color:#e87a0a70;color:#f0d3a3;background:#e87a0a24}.structure-level-tag.is-pattern{border-color:#5fade070;color:#c7e7fa;background:#5fade024}.structure-level-tag.is-track{border-color:#9a72c470;color:#d8c1ef;background:#9a72c424}.structure-level-tag.is-cycle{border-color:#c449a070;color:#e9b8dc;background:#c449a024}.structure-level-arrow{font-size:18px;color:var(--text-4);line-height:1;text-align:center}.structure-focus-card{display:grid;align-content:start;gap:12px}.structure-focus-kicker{margin-bottom:2px;display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.structure-focus-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.structure-focus-title{font-size:21px;font-weight:700;color:var(--text)}.structure-focus-badge{font-size:12px;font-family:var(--font-mono);color:#f0d3a3;border:1px solid rgba(232,122,10,.42);border-radius:6px;background:#e87a0a24;padding:0 8px;min-height:26px;display:inline-flex;align-items:center}.structure-focus-badge.is-global{border-color:#5ba3c96b;color:#b9ddf3;background:#5ba3c924}.structure-focus-badge.is-pattern{border-color:#5fade06b;color:#c7e7fa;background:#5fade024}.structure-focus-badge.is-track{border-color:#9a72c46b;color:#d8c1ef;background:#9a72c424}.structure-focus-badge.is-cycle{border-color:#c449a06b;color:#e9b8dc;background:#c449a024}.structure-focus-count{width:fit-content;font-size:13px;font-family:var(--font-mono);color:#7ec6ea;border:1px solid rgba(91,163,201,.38);border-radius:6px;background:#5ba3c91f;padding:0 9px;min-height:26px;display:inline-flex;align-items:center}.structure-focus-count.is-bank{color:#f0d3a3;border-color:#e87a0a61;background:#e87a0a1f}.structure-focus-count.is-pattern{color:#c7e7fa;border-color:#5fade061;background:#5fade01f}.structure-focus-count.is-track{color:#d8c1ef;border-color:#9a72c461;background:#9a72c41f}.structure-focus-count.is-cycle{color:#e9b8dc;border-color:#c449a061;background:#c449a01f}.structure-focus-text{font-size:15px;line-height:1.5;color:var(--text-2)}.structure-path-block{border:1px solid var(--border-2);border-radius:9px;background:var(--surface-2);padding:9px 10px;display:grid;gap:4px}.structure-path-label{font-size:11px;font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-3)}.structure-path-value{font-size:13px;font-family:var(--font-mono);color:var(--text)}.structure-focus-shortcuts{display:grid;gap:8px}.structure-focus-shortcuts-title{font-size:12px;font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-3)}.structure-shortcut-flow{display:grid;gap:9px}.structure-shortcut-item{border:1px solid var(--border-2);border-radius:9px;background:var(--surface-2);padding:10px;display:grid;gap:6px;align-items:start}.structure-shortcut-copy{display:grid;gap:6px}.structure-shortcut-key{width:fit-content;font-size:11px;font-family:var(--font-mono);color:#f0d3a3;border:1px solid rgba(232,122,10,.42);border-radius:6px;background:#e87a0a24;padding:2px 7px}.structure-shortcut-action{font-size:14px;color:var(--text-2);line-height:1.4}@media (max-width: 1100px){.structure-main-grid{grid-template-columns:1fr}}@media (max-width: 700px){.structure-level-btn{grid-template-columns:30px minmax(0,1fr);min-height:76px}.structure-level-tag{display:none}.structure-shortcut-item{padding:9px}}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.app-header{position:sticky;top:0;z-index:100;height:60px;display:flex;align-items:center;gap:16px;padding:0 20px;border-bottom:1px solid var(--border);background:#05050af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.app-brand-logo{height:32px;width:auto;object-fit:contain;display:block}.app-brand-title{font-size:14px;font-weight:700;letter-spacing:2px;color:var(--text);font-family:var(--font-mono)}.app-brand-subtitle{margin-top:1px;font-size:11px;color:var(--text-3);letter-spacing:1.5px;font-family:var(--font-mono)}.app-tabs{display:flex;align-items:center;gap:0;margin-left:8px}.app-tab-sep{color:var(--border-2);font-size:12px;font-weight:300;padding:0 10px;-webkit-user-select:none;user-select:none}.app-tab-btn{border:none;background:transparent;color:var(--text-3);font-size:13px;font-weight:500;padding:6px 10px;cursor:pointer;letter-spacing:.3px;transition:color .2s ease}.app-tab-btn:hover{color:var(--text)}.app-tab-btn.is-active{color:#e8c97a;font-weight:600}.app-tab-link{text-decoration:none}.app-header-spacer{flex:1}.app-version-badge{display:flex;align-items:center;font-size:12px;font-family:var(--font-mono);color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius);padding:7px 12px;letter-spacing:.5px}.app-search-btn{display:flex;align-items:center;gap:8px;height:32px;box-sizing:border-box;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text-2);font-size:14px;padding:0 12px;cursor:pointer;font-family:var(--font-sans);transition:border-color .15s ease,color .15s ease}.app-search-btn:hover{border-color:var(--text-3);color:var(--text)}.app-search-btn.is-active{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent)}.app-header-controls{display:flex;align-items:center;gap:8px}.app-help-btn{justify-content:center;min-width:36px;padding:7px 10px;text-decoration:none}.app-help-icon{width:18px;height:18px;border-radius:999px;border:1px solid var(--border-2);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:700;line-height:1}.app-language-menu{position:relative}.app-language-btn{width:44px;min-width:44px;padding:0;justify-content:center}.app-language-flag{font-size:20px;line-height:1}.app-language-code{font-size:13px;letter-spacing:.2px}.app-language-dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:170px;background:var(--surface);border:1px solid var(--border-2);border-radius:9px;box-shadow:0 16px 36px #00000073;padding:6px;z-index:210}.app-language-option{width:100%;border:0;border-radius:6px;background:transparent;color:var(--text-2);display:flex;align-items:center;gap:8px;padding:8px 9px;text-align:left;cursor:pointer;font-size:13px}.app-language-option:hover,.app-language-option.is-active{background:var(--surface-2);color:var(--text)}.app-language-option-flag{font-size:14px}.app-language-option-label{letter-spacing:.2px}.app-search-kbd{margin-left:4px;font-size:12px;font-family:var(--font-mono);background:var(--surface-3);border:1px solid var(--border);border-radius:3px;padding:1px 5px;color:var(--text-3)}.changelog-official-btn{display:inline-flex;align-items:center;font-size:13px;font-weight:500;padding:6px 12px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text-2);text-decoration:none;transition:border-color .15s ease,color .15s ease}.changelog-official-btn:hover{border-color:var(--text-3);color:var(--text)}.app-main{flex:1;width:100%;max-width:none;margin:0 auto;padding:18px 22px 22px}.app-device-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(360px,25vw,460px);gap:18px;align-items:start;width:100%}.app-device-left{min-width:0;display:flex;flex-direction:column}.app-device-right{min-width:0;position:sticky;top:76px;max-height:calc(100vh - 92px);overflow-y:auto;padding-right:2px}.app-device-hint{margin-top:16px;text-align:center;font-size:14px;color:var(--text-3);font-family:var(--font-mono);letter-spacing:1px}.app-device-hint-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:var(--shadow-sm)}.app-device-hint-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px}.app-device-hint-body{font-size:15px;color:var(--text-2);line-height:1.55}@media (max-width: 980px){.app-header{height:auto;padding:10px 14px;flex-wrap:wrap;gap:10px}.app-tabs{order:3;width:100%;margin-left:0;overflow-x:auto}.app-main{padding:16px}.app-device-layout{display:block}.app-device-right{position:static;margin-top:12px;max-height:none;overflow:visible}.app-search-label,.app-version-badge{display:none}.app-language-btn{width:44px;min-width:44px}}@media (max-width: 1280px){.app-device-layout{grid-template-columns:minmax(0,1fr) 360px;gap:14px}}