:root{--surface: var(--field);--surface-raised: var(--field-raised);--token-scale: 1;--sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--s-2: calc(2px * var(--token-scale));--s-3: calc(3px * var(--token-scale));--s-4: calc(4px * var(--token-scale));--s-5: calc(5px * var(--token-scale));--s-6: calc(6px * var(--token-scale));--s-7: calc(7px * var(--token-scale));--s-8: calc(8px * var(--token-scale));--s-10: calc(10px * var(--token-scale));--s-12: calc(12px * var(--token-scale));--s-14: calc(14px * var(--token-scale));--s-16: calc(16px * var(--token-scale));--s-18: calc(18px * var(--token-scale));--s-20: calc(20px * var(--token-scale));--r-4: calc(4px * var(--token-scale));--r-5: calc(5px * var(--token-scale));--r-6: calc(6px * var(--token-scale));--r-7: calc(7px * var(--token-scale));--r-8: calc(8px * var(--token-scale));--r-9: calc(9px * var(--token-scale));--r-10: calc(10px * var(--token-scale));--r-12: calc(12px * var(--token-scale));--hit: 44px;--chip-square: calc(28px * var(--token-scale));--label-w: calc(42px * var(--token-scale));--label-w-wide: calc(80px * var(--token-scale));--sheet-side: calc(440px * var(--token-scale));--sheet-left: calc(320px * var(--token-scale));--sheet-center: calc(560px * var(--token-scale));--field-pad: calc(26px * var(--token-scale));--topbar-h: calc(52px * var(--token-scale));--rail-h: 60px;--chrome-btn-h: calc(28px * var(--token-scale));--chrome-max: 1600px;--gutter: calc(18px * var(--token-scale));--app-max: 1100px;--slot-w: 58px;--rail-btn-h: 40px;--action-h: 48px;--t-15: calc(15px * var(--token-scale));--t-14: calc(14px * var(--token-scale));--t-13: calc(13px * var(--token-scale));--t-12: calc(12px * var(--token-scale));--t-11: calc(11px * var(--token-scale));--m-12: calc(12px * var(--token-scale));--m-11: calc(11px * var(--token-scale));--m-10: calc(10px * var(--token-scale));--m-9: calc(9px * var(--token-scale));--m-8: calc(8px * var(--token-scale));--w-reg: 400;--w-med: 500;--w-semi: 600;--w-bold: 700;--lh-tight: 1.2;--lh-body: 1.5;--ls-03: .03em;--ls-04: .04em;--ls-05: .05em;--ls-06: .06em;--ls-08: .08em;--font-app: var(--w-bold) var(--t-15) / 1 var(--sans);--font-title: var(--w-semi) var(--t-15) var(--sans);--font-action: var(--w-semi) var(--t-14) var(--sans);--font-name: var(--w-semi) var(--t-13) var(--sans);--font-item: var(--t-12) var(--sans);--font-body: var(--t-12) / var(--lh-body) var(--sans);--font-value: var(--m-12) var(--mono);--font-chip: var(--w-semi) var(--m-11) var(--mono);--font-label: var(--w-semi) var(--m-10) var(--mono);--font-hint: var(--m-10) var(--mono);--font-dense: var(--w-semi) var(--m-9) var(--mono);--font-cell: var(--m-8) var(--mono);--dur: .15s;--dur-spring: .35s;--ease: ease-out;--good-base: #2d8659;--warn-base: #b8860b;--on-accent: var( --field );--on-danger: #ffffff}:root,[data-colorway]{--ink-04: color-mix(in srgb, var(--text) 4%, transparent);--ink-06: color-mix(in srgb, var(--text) 6%, transparent);--ink-08: color-mix(in srgb, var(--text) 8%, transparent);--ink-10: color-mix(in srgb, var(--text) 10%, transparent);--ink-12: color-mix(in srgb, var(--text) 12%, transparent);--ink-14: color-mix(in srgb, var(--text) 14%, transparent);--ink-15: color-mix(in srgb, var(--text) 15%, transparent);--ink-16: color-mix(in srgb, var(--text) 16%, transparent);--ink-17: color-mix(in srgb, var(--text) 17%, transparent);--ink-18: color-mix(in srgb, var(--text) 18%, transparent);--ink-20: color-mix(in srgb, var(--text) 20%, transparent);--ink-24: color-mix(in srgb, var(--text) 24%, transparent);--ink-25: color-mix(in srgb, var(--text) 25%, transparent);--ink-30: color-mix(in srgb, var(--text) 30%, transparent);--ink-35: color-mix(in srgb, var(--text) 35%, transparent);--border: color-mix(in srgb, var(--text) 17%, transparent);--scrim: color-mix(in srgb, var(--text) 25%, transparent);--danger-wash: color-mix(in srgb, var(--danger) 6%, transparent);--good: color-mix(in oklab, var(--good-base) 78%, var(--text));--warn: color-mix(in oklab, var(--warn-base) 78%, var(--text));--accent-text: color-mix(in oklab, var(--accent) 80%, var(--text));--banner-warn: color-mix(in srgb, var(--warn) 12%, var(--surface));--banner-bad: color-mix(in srgb, var(--danger) 12%, var(--surface));--banner-good: color-mix(in srgb, var(--good) 12%, var(--surface));--hair: 1px solid var(--ink-08);--hair-15: 1px solid var(--ink-15);--edge: 1px solid var(--border);--dash: 1px dashed var(--ink-30);--shadow-pop: 0 10px 26px var(--ink-24);--shadow-sheet-side: -12px 0 32px var(--ink-18);--shadow-sheet-left: 12px 0 32px var(--ink-18);--shadow-sheet-bottom: 0 -12px 32px var(--ink-18);--shadow-sheet-center: 0 18px 48px var(--ink-25);--ring-swatch: 0 0 0 1px color-mix(in srgb, currentColor 35%, transparent);--field-text: rgba(255, 255, 255, .7);--field-cross: rgba(255, 255, 255, .5);--field-socket: rgba(255, 255, 255, .22);--field-sep: rgba(255, 255, 255, .16);--field-line: rgba(255, 255, 255, .1);--field-log: #c8c8c0}@media(max-width:640px){:root{--token-scale: .8}}@layer base,kit;:root{--surface: #f6f5f3;--surface-raised: #ffffff;--text: #1b1b1a;--text-dim: #8a8781;--accent: #d97a29;--danger: oklch(.55 .19 27);--depth-pos: #1b1b1a;--depth-neg: #d97a29;--track-1: oklch(.62 .11 70);--track-2: oklch(.62 .11 110);--track-3: oklch(.62 .11 150);--track-4: oklch(.62 .11 195);--track-5: oklch(.62 .11 235);--track-6: oklch(.62 .11 275);--track-7: oklch(.62 .11 315);--track-8: oklch(.62 .11 345);--bt-1: oklch(.8 .14 70);--bt-2: oklch(.8 .14 110);--bt-3: oklch(.8 .14 150);--bt-4: oklch(.8 .14 195);--bt-5: oklch(.8 .14 235);--bt-6: oklch(.8 .14 275);--bt-7: oklch(.8 .14 315);--bt-8: oklch(.8 .14 345);--field: #1d1f21;color-scheme:light;--on-accent: #ffffff;--on-danger: #ffffff;--ui-scale: 1.25;--token-scale: 1}@supports (color: oklch(from red l c h)){:root{--on-accent: oklch( from var(--accent) clamp(0, calc((.62 - l)*100) , 1) 0 0 );--on-danger: oklch( from var(--danger) clamp(0, calc((.62 - l)*100) , 1) 0 0 )}}@layer base{*{box-sizing:border-box}html,body{margin:0;background:var(--surface);color:var(--text);font-family:var(--sans);font-size:16px;-webkit-text-size-adjust:100%;overscroll-behavior:none}#app{zoom:var(--ui-scale);padding:env(safe-area-inset-top) 0 0}h1,h2,h3{font-weight:600;line-height:1.2}h1{font-size:1.4rem}h2{font-size:1.1rem;margin:0}a{color:var(--accent-text)}.muted{color:var(--text-dim)}.mono{font-family:var(--mono)}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--danger)}button,select{min-height:44px;font-size:1rem;color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-8);padding:0 14px;cursor:pointer;touch-action:manipulation}button:active:not([class*=pn-]){background:var(--accent);color:var(--on-accent)}button.primary{background:var(--accent);color:var(--on-accent);font-weight:600;border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.danger{border-color:var(--danger);color:var(--danger)}input[type=range]{width:100%;height:44px;accent-color:var(--accent);touch-action:none}input[type=number],input[type=text]{min-height:44px;font-size:1rem;color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-8);padding:0 12px;width:100%}label{display:block;color:var(--text-dim);font-size:.85rem;margin-bottom:4px}}.panel{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-12);padding:16px;margin-bottom:16px}.panel>h2{margin-bottom:4px}.panel-desc{color:var(--text-dim);font-size:.9rem;margin:0 0 14px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.row>*{flex:1 1 auto}.field{min-width:120px}.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tag{display:inline-block;font-family:var(--mono);font-size:.8rem;padding:2px 8px;border-radius:var(--r-6);background:var(--surface);border:1px solid var(--border)}.tag.on{border-color:var(--good);color:var(--good)}.tag.off{border-color:var(--border);color:var(--text-dim)}.log{font-family:var(--mono);font-size:.8rem;line-height:1.5;background:var(--field);color:var(--field-log);border:1px solid var(--border);border-radius:var(--r-8);padding:8px 10px;height:260px;overflow-y:auto;white-space:pre}.log-line{display:flex;gap:10px}.log-ts{color:#8a8781;flex:0 0 auto}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-8);padding:10px 12px}.stat .k{color:var(--text-dim);font-size:.75rem}.stat .v{font-family:var(--mono);font-size:1.1rem}.banner{border-radius:var(--r-8);padding:10px 12px;font-size:.9rem;margin-bottom:12px}.banner.warn{background:var(--banner-warn);border:1px solid var(--warn);color:var(--warn)}.banner.bad{background:var(--banner-bad);border:1px solid var(--danger);color:var(--danger)}.banner.good{background:var(--banner-good);border:1px solid var(--good);color:var(--good)}.start-gate{flex:none;height:calc((100vh - env(safe-area-inset-top,0px)) / var(--ui-scale));overflow:auto;background:var(--surface)}.config-device-section{display:flex;flex-direction:column;gap:8px}.config-device-list{display:flex;flex-wrap:wrap;gap:6px}.track-cfg-list{display:flex;flex-direction:column;gap:4px}.track-cfg-row{display:flex;align-items:center;gap:8px;min-height:44px}.track-cfg-foreign{flex:none;font:var(--font-hint);color:var(--warn);letter-spacing:var(--ls-06)}.track-cfg-del{flex:none;min-height:32px;padding:0 8px;font:var(--font-hint);letter-spacing:var(--ls-06);color:var(--text-dim);background:none;border:1px solid transparent;border-radius:var(--r-6);cursor:pointer}.track-cfg-del.armed{color:var(--danger);border-color:var(--danger)}.track-cfg-del:active{background:var(--ink-06);color:var(--danger)}.track-cfg-label{flex:1;min-width:0;min-height:36px;font:var(--font-value);color:var(--text);background:none;border:1px solid transparent;border-radius:var(--r-6);padding:0 8px}.track-cfg-label:focus{border-color:var(--ink-25);background:var(--surface-raised);outline:none}.track-cfg-ch{flex:none;min-height:36px;font:var(--font-value);color:var(--text);background:none;border:1px solid var(--ink-20);border-radius:var(--r-6);padding:0 6px}.config-device-label{white-space:nowrap}.config-device-badge{font:600 8px var(--mono);letter-spacing:.05em;padding:2px 5px;border-radius:var(--r-4);border:1px solid var(--accent-text);color:var(--accent-text);white-space:nowrap}.patch-io{display:flex;gap:6px}.patch-save{display:flex;align-items:center;gap:6px}.patch-list{display:flex;flex-direction:column;gap:4px}.patch-row{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--r-5);background:var(--ink-04)}.patch-name{flex:1;font:12px var(--mono);cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patch-name:hover{text-decoration:underline}.app-shell{display:flex;flex-direction:column;height:calc((100vh - env(safe-area-inset-top,0px)) / var(--ui-scale));background:var(--surface)}.view-container{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.rail-panic-toast{position:absolute;right:0;bottom:calc(100% + 6px);font:10px var(--mono);color:var(--danger);white-space:nowrap}.matrix-wrap{position:relative;padding:14px calc(var(--gutter) + var(--field-hshift, 0px)) 10px var(--gutter);max-width:var(--chrome-max);margin:0 auto;min-height:0;flex:none}.grid-scroll{overflow-x:auto;padding-bottom:4px}.matrix-grid{display:grid;width:max-content}.matrix-field{margin:4px;background:var(--field);border-radius:var(--r-8);z-index:0}.lane-label{box-sizing:border-box;padding-right:5px;display:flex;align-items:center;justify-content:flex-end;gap:4px}.lane-label-text{font:600 9px var(--mono);letter-spacing:.08em;text-transform:lowercase;color:var(--text-dim);writing-mode:vertical-rl}.lane-label-strip{width:3px;border-radius:2px;background:var(--ink-35);align-self:stretch;margin:4px 0}.add-strip-slot{display:flex}.add-strip-slot.source{align-items:flex-start;margin-inline:4px}.add-strip-slot.dest{justify-content:flex-end;margin-block:4px}.axis-add{gap:5px}.axis-add-label{display:flex;align-items:center;gap:5px}.axis-add-label.vertical{writing-mode:vertical-rl}.axis-add-glyph{writing-mode:horizontal-tb;opacity:.8}.pn-card-phantom.axis-add,.pn-card-phantom.src-phantom,.pn-card-phantom.dest-phantom,.dest-phantom-label{font:var(--font-label);letter-spacing:var(--ls-06)}.src-phantom,.dest-phantom{padding:0}.pn-card-phantom.is-inert{display:block;cursor:default;pointer-events:none}.dest-phantom-label{writing-mode:vertical-rl}.dest-slot{display:flex;justify-content:center}.xy-slot{position:relative;z-index:2}.group-bar{display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 5px 0}.group-bar-strip{width:100%;height:3px;border-radius:2px}.group-bar-label{font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.src-card{position:relative;width:160px;height:80px;display:flex;align-items:center;border:1px solid var(--ink-15);border-radius:var(--r-7);background:var(--surface-raised);cursor:pointer;overflow:hidden;box-sizing:border-box}.card-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding:0 8px}.card-text.dest{align-items:flex-start}.card-name{font:600 11px var(--mono);color:var(--text);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-name.danger{color:var(--danger)}.card-ctx{font:10px var(--mono);color:var(--text-dim);white-space:nowrap}.card-ctx.is-live{color:var(--text);font-variant-numeric:tabular-nums}.scope-wrap{flex:none;width:44px;height:44px;margin-right:8px;border-left:1px solid var(--ink-14);border-right:1px solid var(--ink-14);box-sizing:content-box}.scope-wrap.dest{margin-right:0;margin-left:8px}.card-scope{width:44px;height:44px;display:block}.card-scope.counter{transform:rotate(-90deg)}.src-card.muted .card-scope,.dest-card.muted .card-scope{opacity:.3}.src-card.muted .card-name{color:var(--text-dim)}.src-card.perform-muted{background:var(--ink-04)}.card-fill,.src-fill{position:absolute;left:0;top:0;bottom:0;z-index:0;background:var(--accent);opacity:.16;pointer-events:none;transition:width .05s linear}.src-fill.from-right{left:auto;right:0}.src-card .card-text,.src-card .scope-wrap{position:relative;z-index:1}.src-card.perform,.dest-card.perform{cursor:grab;touch-action:none}.src-card.perform:active,.dest-card.perform:active{cursor:grabbing}.dest-card.drag-y{cursor:ns-resize;touch-action:none}.src-card.drag-x{cursor:ew-resize;touch-action:none}.dest-card{width:80px;height:160px;flex:none;cursor:pointer}.dest-card-inner{position:relative;width:160px;height:80px;transform:rotate(90deg) translateY(-80px);transform-origin:top left;display:flex;align-items:center;border:1px solid var(--ink-15);border-radius:var(--r-7);background:var(--surface-raised);overflow:hidden;box-sizing:border-box}.dest-fill{position:absolute;top:0;bottom:0;right:0;z-index:0;background:var(--accent);opacity:.16;pointer-events:none;transition:width .05s linear}.dest-card-inner .scope-wrap,.dest-card-inner .card-text{position:relative;z-index:1}.pin-bar.dim{opacity:.25}.pin-mirror.dim{opacity:.08}.grid-cell{position:relative;width:100%;height:100%;touch-action:pan-x;cursor:ns-resize}.grid-cell.dim{opacity:.4;pointer-events:none;transition:opacity var(--dur)}.grid-cell.filler{cursor:default;touch-action:auto}.filler-x{position:absolute;left:50%;top:50%;width:15px;height:1px;background:var(--field-line);transform:translate(-50%,-50%) rotate(45deg)}.filler-x.alt{transform:translate(-50%,-50%) rotate(-45deg)}.cell-midline{position:absolute;left:16px;right:16px;top:50%;height:1px;background:var(--field-line)}.cell-socket{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background:var(--field-socket)}.cell-arm-ring{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:var(--r-8);pointer-events:none;box-shadow:inset 0 0 0 1.5px var(--accent)}.cell-label{position:absolute;top:1px;left:0;right:0;text-align:center;font:9px var(--mono);color:var(--field-text)}.cell-curve-tag{position:absolute;bottom:1px;left:0;right:0;text-align:center;font:8px var(--mono);color:var(--field-cross)}.cell-gsep{position:absolute;left:0;top:6px;bottom:6px;width:1px;background:var(--field-sep)}.cell-gsep-row{position:absolute;top:0;left:6px;right:6px;height:1px;background:var(--field-sep)}.picker-chips{display:flex;flex-wrap:wrap;gap:6px}.picker-chip{width:36px;border-radius:var(--r-8);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font:600 12px var(--mono);color:#fff;border:none;min-height:0;opacity:.45;padding:5px 0 3px;gap:0}.picker-chip .chip-sub{font:400 7px var(--mono);opacity:.8;white-space:nowrap}.picker-chip.aux{width:auto;padding:5px 10px 3px;background:var(--ink-12);color:var(--text)}.picker-chip.selected{opacity:1;box-shadow:0 0 0 2px var(--surface-raised),0 0 0 3.5px var(--text)}.picker-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.picker-items{display:flex;flex-wrap:wrap;gap:6px}.picker-item{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:var(--r-7);cursor:pointer;font:12px var(--sans);border:1px solid var(--ink-20);color:var(--text);background:none;min-height:0}.picker-item.is-active{background:var(--text);color:var(--surface-raised);border-color:var(--text)}.picker-item-cc{font:var(--font-hint);color:var(--text-dim)}.picker-item.is-active .picker-item-cc{color:inherit;opacity:.7}.picker-item.danger{border-color:var(--danger);color:var(--danger)}.picker-item.danger.is-active{background:var(--danger);color:var(--on-danger)}.picker-item.xmod{border-style:dashed;border-color:var(--ink-35)}.picker-item.xmod.is-active{background:var(--text);color:var(--surface-raised);border-style:solid;border-color:var(--text)}.manual-form{display:flex;flex-direction:column;gap:12px}.manual-dest-list{display:flex;flex-direction:column;gap:4px}.manual-dest-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--r-6);border:1px solid var(--ink-10)}.manual-dest-label{font:12px var(--sans);color:var(--text)}.manual-dest-remove{font:400 16px/1 var(--sans);color:var(--text-dim);cursor:pointer;background:none;border:none;padding:2px 6px;min-height:0}.danger-section{display:flex;flex-direction:column;gap:8px;border:1px solid var(--danger);border-radius:var(--r-8);padding:12px;background:var(--danger-wash)}.danger-warning{font:10px var(--mono);color:var(--danger)}.add-lane-body{gap:7px}.lane-type-row{display:flex;flex-direction:column;padding:11px 14px;border-radius:var(--r-8);cursor:pointer;border:1px solid var(--ink-16)}.lane-type-row.selected{border:1.5px solid var(--text);background:var(--surface-raised)}.lane-type-top{display:flex;align-items:center;gap:10px}.lane-type-desc{font:11px var(--mono);color:var(--text-dim)}.xy-inner{position:absolute;top:26px;right:26px;bottom:26px;left:26px;touch-action:none;cursor:crosshair}.xy-crosshair-v{position:absolute;top:0;bottom:0;width:1px;background:var(--field-socket);pointer-events:none}.xy-crosshair-h{position:absolute;left:0;right:0;height:1px;background:var(--field-socket);pointer-events:none}.xy-dot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--accent);pointer-events:none}.field-readout{color:var(--field-text)}.snap-cluster{display:flex;align-items:center;gap:10px;flex:none}.snap-slot{position:relative;width:58px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-7);cursor:pointer;font:600 12px var(--mono);border:1px dashed var(--ink-25);color:var(--text-dim);background:none;min-height:0;padding:0}.snap-slot.stored{border:1px solid var(--ink-35);color:var(--text)}.snap-slot.selected{background:var(--text);color:var(--surface-raised);border-color:var(--text)}.snap-slot.queued{border:1.5px dashed var(--accent);color:var(--accent)}.snap-add-slot{width:36px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-6);cursor:pointer;font:600 12px var(--mono);border:1px dashed var(--ink-25);color:var(--text-dim);background:none;min-height:0;padding:0}.snap-manage-pos{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:320px;max-width:95vw;border-radius:var(--r-10) var(--r-10) 0 0;border-top:var(--hair);box-shadow:var(--shadow-sheet-bottom);padding:14px 16px calc(14px + env(safe-area-inset-bottom));z-index:200;gap:10px}.snap-manage-title{font:600 13px var(--mono);color:var(--text)}.snap-send-row{display:flex;align-items:center;gap:6px}.snap-send-field{flex:1;min-width:0;display:flex;align-items:center;gap:5px;font:var(--font-label);letter-spacing:var(--ls-06);color:var(--text-dim)}.snap-send-del{flex:none;width:32px;height:32px;min-height:0;display:flex;align-items:center;justify-content:center;padding:0;border-radius:var(--r-6);border:1px solid var(--border);background:none;color:var(--text-dim);cursor:pointer;font:600 14px var(--mono)}.snap-send-del:active{color:var(--danger);border-color:var(--danger)}.snap-send-add{width:100%;min-height:36px;font:var(--font-label);letter-spacing:var(--ls-06)}.se-section{display:flex;flex-direction:column;gap:6px}.se-slider{flex:1;min-width:0;accent-color:var(--text);height:4px}.se-value{font:10px var(--mono);color:var(--text-dim);flex:none;min-width:50px;text-align:right}.se-clock-row{margin-top:4px}.se-tap-row{display:flex}.config-wrap{display:flex;flex-direction:column;gap:16px;padding:16px var(--gutter);max-width:var(--chrome-max);margin:0 auto;flex:none}.health-section{display:flex;flex-direction:column;gap:8px}.health-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.health-chip{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:var(--r-7);border:1px solid var(--ink-15);background:none;cursor:pointer;min-height:36px}.health-chip.open{background:var(--surface-raised);border-color:var(--ink-35)}.health-dot{width:6px;height:6px;border-radius:50%;flex:none}.health-dot.good{background:var(--good)}.health-dot.warn{background:var(--warn)}.health-dot.danger{background:var(--danger)}.health-chip-label{font:600 11px var(--mono);color:var(--text)}.health-chip-status{font:10px var(--mono);color:var(--text-dim)}.health-detail{font:11px var(--mono);line-height:1.5;padding:10px 14px;border-radius:var(--r-7);border:1px solid var(--ink-15);background:var(--surface-raised);color:var(--text);max-width:720px}.health-detail.warn{background:var(--banner-warn);border-color:var(--warn);color:var(--warn)}.health-detail.danger{background:var(--danger-wash);border-color:var(--danger);color:var(--danger)}.config-cards{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap}.config-card{flex:1;min-width:300px;display:flex;flex-direction:column;gap:12px;padding:14px 16px;border:1px solid var(--ink-15);border-radius:var(--r-9);background:var(--surface-raised)}.theme-card,.patches-card,.health-card{flex:none}.health-card>.health-strip{flex-wrap:wrap}.health-card>.health-strip>.health-chip{flex:1 1 200px}.config-cards>.device-card{flex:1 1 280px}.config-cards>.tracks-card{flex:2 1 440px}.config-card-head{display:flex;align-items:center;gap:8px}.config-head-action{margin-left:auto}.config-card-hint{font:10px var(--mono);color:var(--text-dim);line-height:1.5}.config-conn{font:11px var(--mono);color:var(--good)}.config-conn.lost{color:var(--danger)}.patches-card .patch-list{overflow-y:auto}.config-advanced{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--ink-08);padding-top:14px}.role-sentences{display:flex;flex-direction:column;gap:10px}.role-checks{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.role-none{font:11px var(--mono);color:var(--text-dim)}.role-out{display:flex;align-items:center;gap:8px}.role-out .pn-select{flex:1;min-width:0}.role-auto-tag{font:600 9px var(--mono);letter-spacing:.04em;color:var(--good);flex:none}.role-footnote{font:10px var(--mono);color:var(--text-dim);line-height:1.5}.heard-tag{font:600 9px var(--mono);letter-spacing:.04em;color:var(--warn);white-space:nowrap;flex:none}.heard-tag.heard{color:var(--good)}.onboarding{height:calc((100vh - env(safe-area-inset-top,0px)) / var(--ui-scale));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;overflow:auto;background:var(--surface)}.onboard-detect{display:flex;align-items:center;gap:8px}.onboard-theme-preview{display:flex;gap:3px;margin-left:auto}.onboard-wordmark{font:700 22px var(--sans);margin:0}.onboard-tagline{font-size:12px;color:var(--text-dim);margin:0}.onboard-steps{display:flex;gap:8px}.onboard-step{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:10px 14px;border-radius:var(--r-8);border:1px dashed var(--ink-25);background:none;color:var(--text-dim);min-height:44px;cursor:default}.onboard-step.active{border:1.5px solid var(--text);color:var(--text)}.onboard-step.done{border:1px solid var(--ink-20);color:var(--text);cursor:pointer}.onboard-step-n{font:600 11px var(--mono)}.onboard-step-done{font:9px var(--mono);color:var(--good)}.onboard-panel{width:560px;max-width:92vw;display:flex;flex-direction:column;gap:14px;padding:18px 20px;border:1px solid var(--ink-15);border-radius:var(--r-10);background:var(--surface-raised)}.onboard-hint{font:10px var(--mono);color:var(--text-dim);line-height:1.5}.onboard-skip{font:11px var(--mono);color:var(--text-dim);text-decoration:underline;background:none;border:none;cursor:pointer;min-height:var(--hit);padding:4px 12px}.onboard-primary{font:600 13px var(--sans);padding:12px 20px;border-radius:var(--r-8);border:none;background:var(--text);color:var(--surface-raised);cursor:pointer;min-height:44px}.onboard-nav{display:flex;align-items:center;gap:10px}.onboard-back{font:11px var(--mono);color:var(--text-dim);background:none;border:none;cursor:pointer;min-height:44px;padding:0 8px}.tab-abbr{display:none}@media(max-width:1100px){.rail-device-text,.tab-full{display:none}.tab-abbr{display:inline}}@media(max-width:640px){:root{--ui-scale: 1}}.hd-toggle-btn{flex:none;display:flex}.hd-toggle-btn>.pn-ghostbtn{height:20px;padding:0 8px;border-radius:var(--r-5);font:var(--font-dense);letter-spacing:var(--ls-06)}.snap-send-block{display:flex;flex-direction:column;gap:6px}.axis-add{display:flex;align-items:center;justify-content:center;border:1px dashed var(--ink-25);border-radius:var(--r-6);background:none;color:var(--text-dim);cursor:pointer;min-height:0}.axis-add:hover{border-color:var(--accent);color:var(--accent)}.axis-hint{display:flex;align-items:center;justify-content:center;font:var(--font-label);letter-spacing:var(--ls-06);color:var(--text-dim);white-space:nowrap;pointer-events:none}.axis-hint.vertical{writing-mode:vertical-rl}.config-advanced{display:flex;flex-direction:column;gap:12px;border-top:var(--hair);padding-top:14px}.config-advanced .panel{margin:0;padding:12px 14px;border:var(--hair-15);border-radius:var(--r-8);background:var(--surface)}.config-advanced h2{font:var(--font-label);letter-spacing:var(--ls-06);color:var(--text-dim);text-transform:lowercase}.config-advanced .panel-desc,.config-advanced .hint{font:var(--font-hint);color:var(--text-dim);line-height:1.5}.config-advanced button{min-height:var(--chrome-btn-h);padding:0 10px;border-radius:var(--r-6);font:var(--font-label);letter-spacing:var(--ls-06);background:none;border:var(--edge);color:var(--text-dim)}.config-advanced button:active:not(:disabled){background:var(--ink-06);color:var(--text)}.config-advanced p,.config-advanced .panel{font:var(--font-hint);color:var(--text-dim);line-height:1.6}.config-advanced .panel *{font-size:inherit}.config-advanced .panel h2,.config-advanced .panel button,.config-advanced .panel select{font-size:var(--m-10)}@layer base,kit;@layer kit{.pn-chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-6);font:var(--font-chip);letter-spacing:var(--ls-03);padding:5px 10px;border-radius:var(--r-5);border:1px solid var(--ink-20);background:transparent;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:0;touch-action:manipulation;transition:background var(--dur),color var(--dur)}.pn-chip.is-active{background:var(--text);color:var(--surface-raised);border-color:var(--text)}.pn-chip:active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.pn-chip:disabled{opacity:.45;cursor:default}.pn-chip.pn-sm{font:var(--font-dense);letter-spacing:var(--ls-05);padding:5px 9px;color:var(--text-dim)}.pn-chip.pn-sm.is-active{color:var(--surface-raised)}.pn-chip.pn-xs{font:var(--font-dense);letter-spacing:var(--ls-06);padding:3px 6px;border-radius:var(--r-4);color:var(--text-dim)}.pn-chip.pn-xs.is-active{color:var(--surface-raised)}.pn-chip.pn-wash.is-active{background:var(--ink-12);color:var(--text);border-color:var(--ink-25)}.pn-chip.pn-square{width:var(--chip-square);height:var(--chip-square);padding:0;gap:0;font:var(--w-semi) var(--m-10) var(--mono)}.pn-chip.pn-caps{text-transform:uppercase;letter-spacing:var(--ls-08);font:var(--font-dense);padding:3px 6px;border-radius:var(--r-4);border-color:var(--ink-25);color:var(--text)}.pn-chip.pn-caps.is-active{color:var(--surface-raised)}.pn-chip.pn-tone-accent.is-active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.pn-chip.pn-tone-danger{border-color:var(--danger);color:var(--danger)}.pn-chip.pn-tone-danger.is-active{background:var(--danger);color:var(--on-danger);border-color:var(--danger)}.pn-chip.pn-solid{background:var(--surface-raised)}.pn-chip.pn-solid.is-active{background:var(--text)}.pn-chip.pn-fill{flex:1}.pn-chip.pn-loose{padding:6px 9px;border-radius:var(--r-5)}.pn-chipfixed{width:56px;flex:none;text-align:center;overflow:hidden;text-overflow:ellipsis}.pn-chiprow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-5)}.pn-chiprow.pn-tight{gap:var(--s-4)}.pn-switch{display:inline-flex;align-items:center;gap:var(--s-8);background:none;border:0;padding:0;cursor:pointer;color:var(--text);font:var(--m-11) var(--mono);-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:0}.pn-switch-track{position:relative;flex:none;width:34px;height:20px;border-radius:10px;border:none;background:var(--ink-15);transition:background var(--dur)}.pn-switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--surface-raised);transition:transform var(--dur);pointer-events:none}.pn-switch.is-on .pn-switch-track{background:var(--text)}.pn-switch.is-on .pn-switch-knob{transform:translate(14px)}.pn-switch.pn-tone-accent.is-on .pn-switch-track{background:var(--accent)}.pn-switch:disabled{opacity:.45;cursor:default}.pn-switch-label{font:var(--m-11) var(--mono);color:var(--text)}.pn-action{display:flex;align-items:center;justify-content:center;gap:var(--s-8);height:var(--action-h);min-height:0;width:100%;border:none;border-radius:var(--r-9);background:var(--text);color:var(--surface-raised);font:var(--font-action);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap}.pn-action:active{background:var(--accent);color:var(--on-accent)}.pn-action:disabled{border:var(--dash);color:var(--text-dim);background:none;cursor:default}.pn-action.pn-sm{height:auto;min-height:var(--hit);padding:10px 12px;border-radius:var(--r-8);font:var(--font-chip);letter-spacing:var(--ls-03)}.pn-action.pn-danger{background:var(--danger);color:var(--on-danger)}.pn-action.pn-auto{width:auto;padding-left:var(--s-18);padding-right:var(--s-18)}.pn-dangerbtn,.pn-panic{border:1px solid var(--danger);background:transparent;color:var(--danger)}.pn-dangerbtn:active,.pn-panic.is-flashing{background:var(--danger);color:var(--on-danger)}.pn-dangerbtn{display:flex;align-items:center;justify-content:center;width:100%;font:var(--font-chip);letter-spacing:var(--ls-03);padding:8px 12px;border-radius:var(--r-6);border:1px solid var(--danger);background:transparent;color:var(--danger);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:0}.pn-dangerbtn:active{background:var(--danger);color:var(--on-danger)}.pn-dangerbtn.pn-compact{font:var(--font-label);letter-spacing:var(--ls-06);padding:6px 0;border-radius:var(--r-5)}.pn-dangerbtn.pn-auto{width:auto;padding-left:var(--s-12);padding-right:var(--s-12)}.pn-fieldrow{display:flex;align-items:center;gap:var(--s-8)}.pn-fieldrow-label{flex:none;min-width:var(--label-w);font:var(--font-label);letter-spacing:var(--ls-04);color:var(--text-dim)}.pn-fieldrow.pn-wide{gap:var(--s-10)}.pn-fieldrow.pn-wide>.pn-fieldrow-label{width:var(--label-w-wide);min-width:0;font:var(--font-dense);letter-spacing:var(--ls-08);text-transform:uppercase}.pn-fieldrow-control{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s-6)}.pn-fieldrow-value{flex:none;min-width:50px;text-align:right;font:var(--font-hint);color:var(--text-dim)}.pn-fieldrow.pn-stacked{flex-direction:column;align-items:stretch;gap:var(--s-6)}.pn-fieldrow.pn-stacked>.pn-fieldrow-label{width:auto}.pn-fieldrow.pn-stacked>.pn-fill{flex:none}input.pn-input,select.pn-select{font:var(--font-value);color:var(--text);background:var(--ink-04);border:1px solid var(--ink-20);border-radius:var(--r-6);padding:5px var(--s-8);min-height:calc(32px * var(--token-scale));width:auto;min-width:0;outline:none}.pn-input:focus,.pn-select:focus{border-color:var(--text)}.pn-select{cursor:pointer}.pn-input.pn-lg,.pn-select.pn-lg{min-height:calc(36px * var(--token-scale));padding:6px var(--s-8)}.pn-input.pn-sm,.pn-select.pn-sm{min-height:calc(28px * var(--token-scale));padding:5px var(--s-7)}.pn-input.pn-fill,.pn-select.pn-fill{flex:1}.pn-input.pn-quiet{background:none;border:none;border-bottom:1px dashed var(--text-dim);border-radius:0;padding:var(--s-4) 0;min-height:0}.pn-input.pn-quiet:focus{border-bottom-color:var(--text)}.pn-input.pn-quiet::placeholder{color:var(--text-dim);opacity:.6}.pn-input.pn-dashed{background:var(--surface-raised);border:var(--dash)}.pn-ghostbtn.pn-fill{flex:1}.pn-slider{display:flex;flex-direction:column;gap:var(--s-4);-webkit-user-select:none;user-select:none;touch-action:none}.pn-slider.pn-compact{gap:var(--s-3)}.pn-slider-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-6)}.pn-slider-label{font:var(--font-label);letter-spacing:var(--ls-04);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn-slider-value{flex:none;font:var(--font-hint);color:var(--text)}.pn-slider-track{position:relative;height:4px;border-radius:2px;background:var(--ink-08);cursor:ew-resize}.pn-slider-track:before{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}.pn-slider-fill{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:var(--text);pointer-events:none}.pn-swatch{display:inline-block;flex:none;border-radius:var(--s-3);background:var(--pn-swatch-color, var(--text));border:0;padding:0}.pn-swatch.pn-round{border-radius:50%}.pn-swatch.pn-ring{box-shadow:var(--ring-swatch)}.pn-swatch.pn-selected{box-shadow:0 0 0 2px var(--surface-raised),0 0 0 3.5px var(--text)}.pn-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:none;border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default}.pn-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default}.pn-floatcard{position:relative;width:250px;background:var(--surface-raised);border-radius:var(--r-10);box-shadow:var(--shadow-pop);padding:var(--s-14);display:flex;flex-direction:column;gap:var(--s-12);color:var(--text)}.pn-floatcard.pn-popover{width:224px;padding:var(--s-12);gap:var(--s-10);border:var(--hair-15)}.pn-floatcard-head{display:flex;align-items:center;gap:var(--s-8)}.pn-floatcard-title{font:var(--w-semi) var(--m-12) var(--mono);color:var(--text)}.pn-floatcard.pn-popover .pn-floatcard-title{font:var(--font-label);letter-spacing:var(--ls-06)}.pn-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex}.pn-sheet-overlay.pn-center{align-items:center;justify-content:center}.pn-sheet{position:relative;display:flex;flex-direction:column;background:var(--surface-raised);overflow:hidden}.pn-sheet.pn-side{width:var(--sheet-side);max-width:100%;flex:none;margin-left:auto;box-shadow:var(--shadow-sheet-side)}.pn-sheet.pn-left{width:320px;max-width:100%;flex:none;margin-right:auto;box-shadow:var(--shadow-sheet-left)}.pn-sheet-overlay.pn-bottom{flex-direction:column}.pn-sheet.pn-bottom{width:100%;margin-top:auto;box-shadow:var(--shadow-sheet-bottom);border-top:var(--hair)}.pn-sheet.pn-bottom .pn-sheet-header{padding:14px 18px 10px}.pn-sheet.pn-bottom .pn-sheet-body{padding:12px 18px 16px;flex-direction:row;align-items:center;gap:var(--s-16);flex-wrap:wrap;overflow:visible}.pn-sheet.pn-center{width:var(--sheet-center);max-width:95%;max-height:86vh;background:var(--surface);border-radius:var(--r-12);box-shadow:var(--shadow-sheet-center)}.pn-sheet-header{flex:none;display:flex;align-items:center;gap:var(--s-8);padding:18px 20px 14px;border-bottom:var(--hair)}.pn-sheet-title{font:var(--font-title);color:var(--text)}.pn-sheet-meta{margin-top:var(--s-3);font:var(--font-hint);color:var(--text-dim)}.pn-sheet-close{margin-left:auto;flex:none;font:var(--w-reg) 18px/1 var(--sans);color:var(--text-dim);cursor:pointer;padding:2px 6px;background:none;border:none;min-height:0}.pn-sheet-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:var(--s-16)}.pn-sheet.pn-center .pn-sheet-body{gap:var(--s-7)}.pn-sheet-footer{flex:none;padding:14px 20px;border-top:var(--hair)}.pn-sheet.pn-center .pn-sheet-footer{border-top:none;padding:0 20px 16px}.pn-sheet.pn-center .pn-sheet-body.pn-help-body{gap:var(--s-14)}.pn-help-group{display:grid;grid-template-columns:5.5em minmax(0,1fr) minmax(0,1fr);column-gap:var(--s-10);row-gap:var(--s-5);align-items:baseline}.pn-help-group+.pn-help-group{border-top:var(--hair);padding-top:var(--s-14)}.pn-help-head{grid-column:1 / -1;display:flex;align-items:baseline;gap:var(--s-8)}.pn-help-fig{flex:none;align-self:center;display:block;width:34px;height:31px}.pn-help-fig>svg{display:block;width:100%;height:100%}.pn-help-title{font:var(--font-label);letter-spacing:var(--ls-06);color:var(--text)}.pn-help-only{font:var(--font-dense);letter-spacing:var(--ls-04);color:var(--text-dim);border:var(--hair);border-radius:var(--r-4);padding:1px var(--s-5)}.pn-help-note{grid-column:1 / -1;font:var(--font-hint);color:var(--text-dim)}.pn-help-modelabel{font:var(--font-dense);letter-spacing:var(--ls-04);color:var(--ink-25)}.pn-help-modelabel.is-active{color:var(--text)}.pn-help-gesture{font:var(--font-dense);letter-spacing:var(--ls-03);color:var(--text-dim)}.pn-help-desc{font:var(--font-hint);color:var(--text-dim)}.pn-help-desc.is-active{color:var(--text)}.pn-help-desc.is-off{color:var(--ink-17)}.pn-help-desc.pn-help-span{grid-column:2 / -1}.pn-help-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-10)}@media(max-width:640px){.pn-help-group{grid-template-columns:5.5em minmax(0,1fr)}.pn-help-desc:not(.pn-help-span){grid-column:2 / -1}.pn-help-desc[data-mode]:before{content:attr(data-mode) "  ";color:var(--ink-25);white-space:pre}.pn-help-colspacer,.pn-help-modelabel{display:none}}.pn-card{background:var(--surface-raised);border:var(--hair-15);border-radius:var(--r-7)}.pn-card:active{background:var(--ink-06)}.pn-card-phantom{display:flex;align-items:center;justify-content:center;width:100%;border:var(--dash);border-radius:var(--r-7);font:var(--font-item);color:var(--text-dim);background:none;cursor:pointer;min-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pn-card-phantom:active{background:var(--ink-06)}.hint{font:var(--font-hint);color:var(--text-dim)}.section-label{font:var(--font-dense);letter-spacing:var(--ls-08);text-transform:uppercase;color:var(--text-dim)}.link-btn{font:var(--m-9) var(--mono);color:var(--accent-text);background:none;border:none;cursor:pointer;padding:0;text-align:left;min-height:0}.stack{display:flex;flex-direction:column;gap:var(--s-8)}.rule-top{border-top:var(--hair);padding-top:14px}.spacer{flex:1}.flex-none{flex:none}.pn-segbar{display:flex;gap:2px;padding:2px;border:var(--hair-15);border-radius:var(--r-6)}.pn-segbar>.pn-ghostbtn{flex:1;min-width:0;height:calc(var(--chrome-btn-h) - 6px);border-color:transparent;border-radius:var(--r-4)}.pn-segbar.pn-natural>.pn-ghostbtn{flex:none}.pn-segbar.pn-xs{gap:1px;padding:1px;border-radius:var(--r-5)}.pn-segbar.pn-xs>.pn-ghostbtn{height:20px;padding:0 6px;font:var(--font-dense);letter-spacing:var(--ls-06);border-radius:var(--r-4)}.pn-segbar .pn-ghostbtn.pn-tone-accent.is-lit{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.pn-keybed-wrap{--pn-key-gap: calc(2px * var(--token-scale));display:flex;align-items:center;gap:var(--s-6);flex:1 1 auto;min-width:0;padding-bottom:calc(14px * var(--token-scale))}.pn-keybed{position:relative;flex:1 1 auto;min-width:0;height:calc(76px * var(--token-scale));-webkit-user-select:none;user-select:none;touch-action:manipulation}.pn-keybed-sharps{position:absolute;top:0;right:0;bottom:58%;left:0}.pn-keybed-nats{position:absolute;top:46%;right:0;bottom:0;left:0}.pn-key{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(3px * var(--token-scale));padding:0;border:none;border-radius:var(--r-8);background:var(--ink-18);cursor:pointer;transition:background 90ms linear,transform 60ms linear}.pn-key:active{transform:translateY(1px)}.pn-key-nat{border-radius:var(--r-8) var(--r-8) var(--r-12) var(--r-12)}.pn-key.is-on{background:var(--accent)}.pn-key-dot{width:var(--s-6);height:var(--s-6);border-radius:50%;border:1px solid var(--ink-35);background:none;flex:none;transition:background 70ms linear,box-shadow 70ms linear}.pn-key-sharp .pn-key-dot{background:var(--ink-35)}.pn-key.is-on .pn-key-dot{border-color:color-mix(in srgb,var(--on-accent) 45%,transparent)}.pn-key-sharp.is-on .pn-key-dot{background:color-mix(in srgb,var(--on-accent) 45%,transparent)}.pn-key.is-lit .pn-key-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 var(--s-8) var(--accent)}.pn-key.is-on.is-lit .pn-key-dot{background:var(--on-accent);border-color:var(--on-accent);box-shadow:0 0 var(--s-8) var(--on-accent)}.pn-key-num{font:var(--font-hint);font-size:calc(9px * var(--token-scale));line-height:1;color:var(--on-accent);pointer-events:none}.pn-key-oct{position:absolute;bottom:calc(-13px * var(--token-scale));text-align:center;font:var(--font-hint);font-size:calc(9px * var(--token-scale));color:var(--text-dim);pointer-events:none}.pn-key-shift{flex:none;min-width:var(--s-20);min-height:calc(30px * var(--token-scale));background:none;border:1px solid var(--ink-12);border-radius:var(--r-5);color:var(--text-dim);cursor:pointer}.pn-key-shift:disabled{opacity:.3;cursor:default}.pn-key-outside{flex:none;font:var(--font-hint);color:var(--accent-text)}.pn-slider.is-disabled{opacity:.4}.pn-slider.is-disabled .pn-slider-track{cursor:default}.start-gate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.start-gate h1{font-size:22px;letter-spacing:.04em;margin:0}.start-gate p{color:var(--text-dim);margin:0}.start-gate button{min-width:180px;min-height:52px}.start-gate .start-warn{max-width:34em;text-align:center;color:var(--danger);border:1px solid var(--danger);border-radius:var(--r-6);padding:8px 12px}}@layer base,kit;@layer kit{.pn-chromebar{display:flex;flex:none;background:var(--surface-raised)}.pn-chromebar.pn-top{height:var(--topbar-h);border-bottom:var(--hair)}.pn-chromebar.pn-bottom{min-height:var(--rail-h);border-top:var(--hair)}.pn-chrometrack{width:100%;max-width:var(--chrome-max);margin:0 auto;padding:0 var(--gutter);box-sizing:border-box;display:flex;align-items:center;gap:var(--s-10);position:relative}.pn-chromebar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--s-10)}.pn-chromebar-spacer{flex:1}.pn-brand{display:flex;flex-direction:column;gap:1px}.pn-wordmark{font:var(--font-app)}.pn-brand-sub{font:var(--font-cell);letter-spacing:var(--ls-05);color:var(--text-dim)}.pn-ghostbtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-6);flex:none;font:var(--font-label);letter-spacing:var(--ls-06);height:var(--chrome-btn-h);padding:0 10px;border-radius:var(--r-6);border:var(--edge);background:none;color:var(--text-dim);min-height:0;cursor:pointer;transition:color var(--dur),border-color var(--dur),background var(--dur)}.pn-ghostbtn.pn-rail{height:var(--rail-btn-h);padding:0 14px}.pn-ghostbtn.is-lit{background:var(--text);color:var(--surface-raised);border-color:var(--text)}.pn-ghostbtn.pn-quiet{border-color:transparent}.pn-ghostbtn.pn-square{width:var(--chrome-btn-h);padding:0}.pn-ghostbtn:active:not(:disabled):not(.is-lit){background:var(--ink-06);color:var(--text)}.pn-ghostbtn:disabled{opacity:.4;cursor:default}.pn-ghostbtn.is-inert{opacity:.4;cursor:default}.pn-ghostbtn.is-inert:active{background:none;color:var(--text-dim)}.pn-panic,.pn-slot,.pn-slot-add,.pn-ghostbtn.pn-rail{height:var(--rail-btn-h);min-height:0;flex:none}.pn-panic{font:var(--w-semi) var(--m-11) var(--mono);letter-spacing:var(--ls-08);padding:0 16px;border-radius:var(--r-6);cursor:pointer}.pn-slotrow{display:flex;align-items:center;gap:var(--s-10)}.pn-slot{width:var(--slot-w);display:flex;align-items:center;justify-content:center;border-radius:var(--r-7);cursor:pointer;font:var(--font-value);border:1px solid var(--ink-35);background:none;color:var(--text)}.pn-slot.is-active{border:1px solid var(--text);background:var(--text);color:var(--surface-raised)}.pn-slot.is-queued{border:1.5px dashed var(--accent);background:none;color:var(--accent-text)}.pn-slot-add{width:var(--rail-btn-h);display:flex;align-items:center;justify-content:center;border-radius:var(--r-7);cursor:pointer;font:var(--w-semi) 15px var(--mono);border:var(--dash);color:var(--text-dim);background:none}.pn-slot-add:active{background:var(--ink-06)}.pn-slot-hint{font:var(--font-hint);color:var(--text-dim);white-space:nowrap}.pn-devicechip{font:var(--m-11) var(--mono);letter-spacing:0}.pn-devicechip-anchor{margin-right:14px}.pn-devicechip.is-passive{display:inline-flex;align-items:center;gap:var(--s-6);color:var(--text-dim);margin-right:14px}.pn-devicechip-dot{width:6px;height:6px;border-radius:50%;flex:none}.pn-healthpop{position:absolute;bottom:100%;right:0;margin-bottom:10px;z-index:200;width:250px;display:flex;flex-direction:column;gap:var(--s-10);padding:var(--s-14);background:var(--surface-raised);border-radius:var(--r-10);box-shadow:var(--shadow-pop);color:var(--text)}.pn-healthpop-title{font:var(--w-semi) var(--m-12) var(--mono);color:var(--text)}.pn-healthrow{display:flex;align-items:center;gap:var(--s-7);font:var(--m-11) var(--mono);color:var(--text-dim)}.pn-healthrow.is-warn{color:var(--warn)}.pn-healthrow.is-bad{color:var(--danger)}.pn-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:none;border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default}.pn-clockcluster{display:flex;align-items:center;gap:var(--s-8)}.pn-clocksrc>.pn-ghostbtn{padding:0 9px}.pn-bpm{font:var(--w-semi) var(--m-11) var(--mono);color:var(--text);min-width:34px;text-align:center;-webkit-user-select:none;user-select:none;border-bottom:1px dashed transparent}.pn-bpm.is-draggable{cursor:ns-resize;border-bottom-color:var(--text-dim)}.pn-bartick{display:inline-block;width:34px;height:2px;border-radius:1px;background:var(--ink-12);overflow:hidden}.pn-bartick-fill{display:block;height:100%;width:0;background:var(--accent)}.pn-rundot{font:var(--m-11) var(--mono);color:var(--text-dim);-webkit-user-select:none;user-select:none;min-width:12px;text-align:center}.pn-rundot.is-running{color:var(--accent)}.pn-bpm-stack{display:inline-flex;flex-direction:column;align-items:center;gap:3px}.pn-snap-label{font:var(--font-hint);color:var(--text-dim);letter-spacing:var(--ls-06);margin-right:2px}.pn-snap-delete{font:var(--w-semi) var(--m-11) var(--mono);letter-spacing:var(--ls-08);color:var(--danger);border:1px solid var(--danger);background:none;border-radius:var(--r-6);padding:0 14px;min-height:36px;cursor:pointer}.pn-snap-delete.is-armed{background:var(--danger);color:var(--on-danger)}.pn-transport{font:12px var(--mono);height:var(--chrome-btn-h);min-height:0;min-width:var(--chrome-btn-h);padding:0 12px;border-radius:var(--r-6);cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent)}.pn-transport.is-playing{border:var(--edge);background:none;color:var(--text)}.pn-transport:disabled{opacity:.4;cursor:default}}