:root{color-scheme:light;--key-bg: rgba(255, 255, 255, .78);--key-fg: #4a5568;--key-fg-sub: rgba(74, 85, 104, .55);--key-border: rgba(160, 174, 192, .45);--key-pressed-bg: rgba(165, 216, 255, .95);--key-pressed-fg: #1a365d;--key-pressed-border: rgba(122, 184, 255, .9);--key-pressed-shadow: 0 2px 6px rgba(30, 90, 160, .25), 0 0 0 2px rgba(165, 216, 255, .65);--pill-bg: rgba(255, 255, 255, .66);--pill-fg: #4a5568;--pill-border: rgba(160, 174, 192, .4);--banner-bg: rgba(255, 231, 179, .75);--banner-fg: #7a4a00;--banner-border: rgba(224, 184, 110, .65);--banner-btn-bg: rgba(255, 244, 219, .85);--error-bg: rgba(255, 226, 226, .78);--error-border: rgba(224, 140, 140, .55);--error-fg: #a13a3a;--log-bg: rgba(255, 255, 255, .72);--log-fg: #3a4250;--log-border: rgba(160, 174, 192, .4);--muted: #8b95a5;--status-connected: #34c777;--status-busy: #e0ac2e;--status-off: #e0605a;--ui-alpha: 1}[data-theme=dark]{color-scheme:dark;--key-bg: rgba(38, 42, 51, .82);--key-fg: #e2e8f0;--key-fg-sub: rgba(226, 232, 240, .55);--key-border: rgba(255, 255, 255, .14);--key-pressed-bg: rgba(56, 189, 248, .92);--key-pressed-fg: #082f49;--key-pressed-border: rgba(56, 189, 248, .9);--key-pressed-shadow: 0 2px 6px rgba(8, 47, 73, .35), 0 0 0 2px rgba(56, 189, 248, .55);--pill-bg: rgba(30, 33, 40, .7);--pill-fg: #cbd5e1;--pill-border: rgba(255, 255, 255, .12)}[data-theme=sakura]{--key-bg: rgba(255, 241, 245, .85);--key-fg: #9d4468;--key-fg-sub: rgba(157, 68, 104, .55);--key-border: rgba(244, 194, 212, .6);--key-pressed-bg: rgba(250, 162, 193, .95);--key-pressed-fg: #5c1a35;--key-pressed-border: rgba(250, 162, 193, .9);--key-pressed-shadow: 0 2px 6px rgba(157, 68, 104, .25), 0 0 0 2px rgba(250, 162, 193, .55);--pill-bg: rgba(255, 232, 239, .7);--pill-fg: #9d4468;--pill-border: rgba(244, 194, 212, .5)}[data-theme=mint]{--key-bg: rgba(236, 253, 245, .85);--key-fg: #256d54;--key-fg-sub: rgba(37, 109, 84, .55);--key-border: rgba(167, 224, 196, .6);--key-pressed-bg: rgba(110, 231, 183, .95);--key-pressed-fg: #064e3b;--key-pressed-border: rgba(110, 231, 183, .9);--key-pressed-shadow: 0 2px 6px rgba(6, 78, 59, .25), 0 0 0 2px rgba(110, 231, 183, .55);--pill-bg: rgba(230, 250, 240, .7);--pill-fg: #256d54;--pill-border: rgba(167, 224, 196, .5)}[data-theme=contrast]{color-scheme:dark;--key-bg: rgba(24, 24, 27, .92);--key-fg: #fafafa;--key-fg-sub: rgba(250, 250, 250, .62);--key-border: rgba(255, 255, 255, .35);--key-pressed-bg: #fbbf24;--key-pressed-fg: #1c1917;--key-pressed-border: rgba(251, 191, 36, .9);--key-pressed-shadow: 0 2px 6px rgba(28, 25, 23, .35), 0 0 0 2px rgba(251, 191, 36, .55);--pill-bg: rgba(24, 24, 27, .85);--pill-fg: #fafafa;--pill-border: rgba(255, 255, 255, .3)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:transparent}body{font-family:Segoe UI,system-ui,sans-serif;font-size:13px;color:var(--key-fg);-webkit-user-select:none;user-select:none}*[data-tauri-drag-region]{-webkit-app-region:drag;app-region:drag}.app{display:flex;flex-direction:column;height:100%;background:transparent}.header{display:flex;align-items:center;gap:6px;margin:6px 6px 4px;padding:6px 8px;background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:12px;box-shadow:0 1px 3px #0000001a;opacity:var(--ui-alpha);transition:opacity .12s linear}.dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.header .title,.layer-name{font-weight:700;font-size:12.5px;color:var(--key-fg);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conn-status{font-size:10.5px;color:var(--muted);white-space:nowrap;flex:0 0 auto}.spacer{flex:1 1 auto}button,select,input,.ghost-btn,.link{-webkit-app-region:no-drag;app-region:no-drag}.ghost-btn{background:transparent;border:1px solid transparent;color:var(--pill-fg);font:inherit;font-size:11px;line-height:1.4;padding:3px 7px;border-radius:7px;cursor:pointer;transition:background .12s linear,border-color .12s linear,color .12s linear}.ghost-btn:hover:not(:disabled){background:#ffffff8c;border-color:var(--key-border)}.ghost-btn:disabled{opacity:.45;cursor:default}.ghost-btn-active{background:#a5d8ff73;border-color:#7ab8ff99}.ghost-btn.close{font-size:14px;padding:2px 8px;color:var(--muted)}.ghost-btn.close:hover{background:var(--error-bg);color:var(--error-fg)}.body{flex:1 1 auto;min-height:0;padding:0 6px 6px;display:flex;flex-direction:column}.settings-row{display:flex;align-items:center;gap:8px;margin:0 6px 4px;padding:5px 10px;background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:12px;color:var(--pill-fg);font-size:11px;opacity:var(--ui-alpha)}.settings-row .settings-label{white-space:nowrap;color:var(--muted)}.settings-row input[type=range]{flex:1 1 auto;accent-color:#7ab8ff}.settings-row .settings-value{font-variant-numeric:tabular-nums;color:var(--muted);min-width:3.2ch;text-align:right}.settings-row .seg{display:inline-flex;gap:2px}.settings-row .seg-btn{padding:2px 8px;font-size:10px;border-radius:6px;background:#ffffff73;border:1px solid var(--key-border);color:var(--pill-fg);cursor:pointer}.settings-row .seg-btn.seg-on{background:#7ab8ff;color:#08243f;border-color:#7ab8ff}.settings-row .swatches{display:inline-flex;gap:4px}.settings-row .swatch{width:16px;height:16px;padding:0;border-radius:50%;cursor:pointer;background:var(--swatch-bg);border:1px solid var(--key-border);box-shadow:inset 0 0 0 3px var(--swatch-accent)}.settings-row .swatch-on{box-shadow:inset 0 0 0 3px var(--swatch-accent),0 0 0 2px #fff,0 0 0 3px var(--swatch-accent)}button,select{font:inherit;font-size:11.5px;color:var(--pill-fg);background:#ffffff8c;border:1px solid var(--key-border);border-radius:7px;padding:4px 9px;cursor:pointer}button:hover:not(:disabled){background:#ffffffd9}button:disabled{opacity:.5;cursor:default}select{flex:1 1 auto;min-width:0}.link{background:transparent;border:none;color:var(--key-fg);cursor:pointer;padding:2px 4px}.controls{margin:0 6px 4px;padding:6px 8px;background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:12px;opacity:var(--ui-alpha)}.row{display:flex;gap:6px;align-items:center}.error{margin:0 6px 4px;padding:5px 10px;background:var(--error-bg);border:1px solid var(--error-border);border-radius:10px;color:var(--error-fg);font-size:11.5px;word-break:break-word}.live{display:flex;flex-direction:column;gap:6px;min-height:0;flex:1 1 auto}.layerbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.badge{background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--pill-fg);border-radius:999px;padding:1px 8px;font-size:10.5px;font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.logwrap{flex:1 1 auto;min-height:0;overflow-y:auto;background:var(--log-bg);border:1px solid var(--log-border);border-radius:8px;padding:4px 6px;font-family:Cascadia Code,Consolas,monospace;font-size:11px;line-height:1.5}.logline{white-space:nowrap;color:var(--log-fg)}.banner{display:flex;align-items:center;gap:8px;margin:0 6px 4px;padding:5px 10px;background:var(--banner-bg);border:1px solid var(--banner-border);border-radius:10px;color:var(--banner-fg);font-size:11px}.banner-btn{margin-left:auto;background:var(--banner-btn-bg);border:1px solid var(--banner-border);color:var(--banner-fg);border-radius:6px;padding:3px 8px;font-size:11px}.empty{flex:1 1 auto;display:flex;align-items:center;justify-content:center;text-align:center}.empty-pill{background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:14px;padding:10px 16px;line-height:1.6;font-size:12px}.diag{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.diag-note{background:var(--log-bg);border:1px solid var(--log-border);border-radius:8px;padding:10px 12px;font-size:11.5px;line-height:1.6;text-align:center}.diag-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.diag-row{background:var(--log-bg);border:1px solid var(--log-border);border-radius:8px;padding:5px 8px;color:var(--log-fg)}.diag-row-head{display:flex;align-items:center;gap:6px}.diag-label{font-weight:700;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diag-chip{margin-left:auto;flex:0 0 auto;border-radius:999px;padding:1px 8px;font-size:10px;white-space:nowrap;border:1px solid transparent}.diag-chip-ok{background:#34c77729;border-color:#34c77780}.diag-chip-idle{background:#e0ac2e29;border-color:#e0ac2e80}.diag-chip-fail{background:#e0605a29;border-color:#e0605a80}.diag-chip-absent{background:#8b95a524;border-color:#8b95a566;color:var(--muted)}.diag-row-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:4px}.diag-badge{background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--pill-fg);border-radius:999px;padding:1px 7px;font-size:10px;font-variant-numeric:tabular-nums}.diag-badge-err{background:var(--error-bg);border-color:var(--error-border);color:var(--error-fg)}.diag-row-enc{margin-top:4px;font-family:Cascadia Code,Consolas,monospace;font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--log-fg)}.floatboard{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;opacity:var(--ui-alpha);transition:opacity .12s linear}.floatboard-header{display:flex;align-items:center;gap:6px;padding:2px 2px 6px}.floatboard-layer{font-weight:700;font-size:10.5px;color:var(--pill-fg);background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:999px;padding:2px 10px;letter-spacing:.02em}.floatboard-stage{flex:1 1 auto;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.phys-layout-content{transform-origin:top left}.key{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;background:var(--key-bg);border:1px solid var(--key-border);color:var(--key-fg);overflow:hidden;box-shadow:0 1px 3px #0000001f;transition:background .12s ease,color .12s ease,box-shadow .12s ease,border-color .12s ease}.key-pressed{background:var(--key-pressed-bg);color:var(--key-pressed-fg);border-color:var(--key-pressed-border);box-shadow:var(--key-pressed-shadow)}.key-header{position:absolute;top:2px;left:50%;transform:translate(-50%);font-size:8px;line-height:1;font-weight:500;opacity:.7;white-space:nowrap;color:inherit}.key-body{font-size:12px;font-weight:600;text-align:center;padding:0 2px;white-space:nowrap}.hid-label{display:inline-block}.key-face{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.key-face-sub{font-size:8px;font-weight:500;color:var(--key-fg-sub);margin-bottom:1px}.key-face-main{position:relative;font-size:13px;font-weight:600}.key-face-shift{font-size:6px;opacity:.65;margin-left:1px;vertical-align:super}html,body,#root,.app{background:transparent!important;background-color:transparent!important}*[data-tauri-drag-region]{-webkit-app-region:initial;app-region:initial}.app-bare,.app-bare .body{padding:0}.chrome-handle{position:fixed;top:0;left:0;width:14px;height:14px;padding:0;border:none;border-radius:0 0 8px;background:transparent;opacity:0;transition:opacity .12s linear;z-index:10}.chrome-handle:hover,.chrome-handle:focus-visible{opacity:1;background:var(--pill-bg);border:1px solid var(--pill-border)}.guide{margin:0 6px 4px;padding:8px 12px;background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:12px;color:var(--pill-fg);font-size:11.5px;line-height:1.7;opacity:var(--ui-alpha)}.guide-head{display:flex;align-items:center;gap:6px;margin-bottom:4px}.guide-head strong{font-size:12px}.guide-head .ghost-btn{margin-left:auto}.guide-steps{margin:0 0 8px;padding-left:1.4em}.guide-steps li{margin-bottom:4px}.guide-steps code{font-family:Cascadia Code,Consolas,monospace;font-size:10.5px;background:#7f7f7f29;border-radius:4px;padding:0 3px}.guide .row{gap:8px}.note{display:flex;align-items:center;gap:8px;margin:0 6px 4px;padding:5px 10px;background:var(--log-bg);border:1px solid var(--log-border);border-radius:10px;color:var(--log-fg);font-size:11px;line-height:1.5}.note-warn{background:var(--banner-bg);border-color:var(--banner-border);color:var(--banner-fg)}.note-warn .banner-btn{margin-left:auto;flex:0 0 auto}.hidden-file{display:none}.settings-value.wide{min-width:0;flex:1 1 auto;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing{flex:1 1 auto;min-height:0;overflow-y:auto;padding:2px 2px 24px;line-height:1.8;font-size:12.5px;color:var(--key-fg);-webkit-user-select:text;user-select:text}.landing>*{max-width:780px;margin-left:auto;margin-right:auto}.lp-hero{padding:4px 4px 10px}.lp-title{margin:0 0 6px;font-size:22px;letter-spacing:.01em}.lp-lead{margin:0 0 6px;font-size:13.5px}.lp-sub{margin:0;font-size:11.5px}.lp-section{margin-bottom:14px;padding:12px 16px;background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:14px}.lp-h2{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px}.lp-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--key-pressed-bg);color:var(--key-pressed-fg);border:1px solid var(--key-pressed-border);font-size:11px;font-weight:700;flex:0 0 auto}.lp-note{margin:0 0 8px;font-size:12px}.lp-steps{margin:0 0 10px;padding-left:1.5em}.lp-steps li{margin-bottom:6px}.lp-steps .muted,.lp-card-body .muted{display:block;font-size:11px;line-height:1.6}.lp-limits{margin:0;padding-left:1.3em;font-size:12px}.lp-limits li{margin-bottom:6px}.landing code,.lp-code{font-family:Cascadia Code,Consolas,monospace;background:#7f7f7f29;border-radius:4px}.landing code{font-size:11px;padding:0 4px}.lp-code{display:block;margin:0 0 10px;padding:8px 10px;font-size:11.5px;overflow-x:auto;white-space:pre}.landing kbd{font-family:inherit;font-size:11px;border:1px solid var(--key-border);border-bottom-width:2px;border-radius:4px;padding:0 5px;background:var(--key-bg)}.lp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.lp-primary{font-weight:700;background:var(--key-pressed-bg);color:var(--key-pressed-fg);border:1px solid var(--key-pressed-border);border-radius:8px;padding:6px 16px;cursor:pointer}.lp-primary:disabled{opacity:.5;cursor:default}.lp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:10px}.lp-card{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--key-border);border-radius:12px;background:var(--key-bg)}.lp-card-hero{border-color:var(--key-pressed-border);box-shadow:var(--key-pressed-shadow)}.lp-card-title{font-weight:700;font-size:12.5px}.lp-card-body{flex:1 1 auto;margin:0;font-size:11.5px;line-height:1.7}.lp-card button{align-self:flex-start}.lp-badge{font-size:10px;font-weight:700;border-radius:999px;padding:1px 7px;background:var(--key-pressed-bg);color:var(--key-pressed-fg);border:1px solid var(--key-pressed-border)}.lp-warn{margin:6px 0 0;padding:5px 10px;background:var(--banner-bg);border:1px solid var(--banner-border);border-radius:8px;color:var(--banner-fg);font-size:11.5px}.lp-table{width:100%;border-collapse:collapse;font-size:11.5px}.lp-table th,.lp-table td{text-align:left;padding:4px 8px;border-bottom:1px solid var(--key-border);vertical-align:top}.lp-table th{color:var(--muted);font-weight:600;white-space:nowrap}.lp-foot{padding:0 4px;font-size:11px}:root{--pip-bg: #eef2f7}[data-theme=dark]{--pip-bg: #12151b}[data-theme=sakura]{--pip-bg: #fff3f7}[data-theme=mint]{--pip-bg: #eefbf4}[data-theme=contrast]{--pip-bg: #000000}.pip-root{margin:0;height:100%;overflow:hidden;background:var(--pip-bg)!important}