:root{--paper:#eef1f3;--paper-2:#e7ebee;--paper-3:#dde3e7;--card:#f5f8fa;--card-sunk:#e7ebee;--ink:#1a1f24;--ink-strong:#0f1318;--ink-soft:#3a4450;--ink-muted:#5e6976;--ink-faint:#8590a0;--hairline:#c2cad3;--hairline-soft:#d6dde3;--hairline-fine:#e4e9ee;--honey:#e3a526;--honey-deep:#c4831a;--honey-edge:#a86c0c;--honey-glow:#f6c84a;--honey-wash:#f6ecce;--honey-tint:#fbf4dd;--pine:#2c4250;--pine-deep:#1c2c38;--pine-bright:#3f6883;--pine-wash:#e1e9ef;--pine-line:#b3c2d0;--on-pine:#e6ecf1;--on-pine-soft:#c4cdd6;--amber-warn:#b67d12;--amber-warn-bg:#fbeec6;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:999px;--shadow-1:0 1px 0 #fff9 inset;--shadow-2:0 1px 2px #1f1d170f, 0 1px 0 #fff6 inset;--shadow-3:0 8px 24px -14px #1f1d1759;--focus-ring:0 0 0 2px var(--paper), 0 0 0 4px #3f68838c;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Hanken Grotesk,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background-color:var(--paper);background-image:radial-gradient(circle,#211e160a .9px,#0000 1.3px);background-position:-1px -1px;background-size:24px 24px;min-width:1180px;margin:0;overflow:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (width<=767px){body{min-width:0;overflow:hidden}}::selection{background:var(--pine-wash);color:var(--ink-strong)}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--card);color:var(--ink);cursor:pointer;letter-spacing:-.002em;transition:background .14s var(--ease-out), border-color .14s var(--ease-out), color .14s var(--ease-out), transform 80ms var(--ease-out), box-shadow .14s var(--ease-out);font-weight:600}button:hover{border-color:var(--ink-soft);background:var(--paper-2)}button:active{transform:translateY(.5px)}button:focus-visible{border-color:var(--pine);box-shadow:var(--focus-ring);outline:none}button:disabled{cursor:not-allowed;opacity:.45}button:disabled:hover{background:var(--card);border-color:var(--hairline)}input,select,textarea{appearance:none;border:1px solid var(--hairline);border-radius:var(--r-md);min-height:36px;padding:0 var(--sp-3);background:linear-gradient(180deg, #fff 0%, var(--card) 100%);color:var(--ink);letter-spacing:0;font-family:inherit;font-size:13px;transition:border-color .12s,box-shadow .12s,background .12s,color .12s;box-shadow:inset 0 1px #ffffffb3,0 1px #1f1d170a}textarea{min-height:96px;padding:var(--sp-2) var(--sp-3);line-height:1.5}input:hover,select:hover,textarea:hover{border-color:var(--ink-soft)}input:focus,select:focus,textarea:focus,input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--pine);box-shadow:var(--focus-ring);color:var(--ink-strong);background:#fff;outline:none}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55;background:var(--paper-2)}input[type=number]{font-variant-numeric:tabular-nums;text-align:right;padding-right:var(--sp-3);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;opacity:0;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;opacity:0;margin:0}input[type=number]{-moz-appearance:textfield}input[type=number]:hover::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button;opacity:.55;height:22px}input[type=number]:focus::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button;opacity:.55;height:22px}input[type=text],input[type=search],input[type=email],input[type=url]{font-feature-settings:"tnum" 1, "ss01" 1}.app-shell{grid-template-rows:auto minmax(0,1fr) auto;height:100vh;min-height:0;display:grid;overflow:hidden}.mobile-unsupported{place-items:center;min-height:100dvh;padding:28px 20px;display:grid}.mobile-unsupported-card{gap:var(--sp-3);width:min(100%,390px);padding:var(--sp-6);border:1px solid var(--hairline);border-radius:var(--r-md);background:linear-gradient(180deg, var(--card) 0%, var(--paper-2) 100%);box-shadow:var(--shadow-3);display:grid}.mobile-unsupported-icon{border:1px solid var(--pine-line);border-radius:var(--r-md);background:var(--pine-wash);width:44px;height:44px;color:var(--pine-deep);place-items:center;display:inline-grid}.mobile-unsupported h1{color:var(--ink-strong);font-variation-settings:"SOFT" 40, "WONK" 0, "opsz" 36;margin:0;font-family:Fraunces,Georgia,serif;font-size:30px;font-weight:560;line-height:1.1}.mobile-unsupported p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.65}.mobile-unsupported .mobile-unsupported-note{padding-top:var(--sp-2);color:var(--ink);font-weight:700}.topbar{align-items:center;gap:var(--sp-7);padding:var(--sp-3) var(--sp-7);border-bottom:1px solid var(--hairline);background:linear-gradient(180deg, var(--card) 0%, var(--paper-2) 100%);grid-template-columns:minmax(260px,auto) 1fr;display:grid;position:relative}.topbar:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--pine-bright) 22%, var(--pine-bright) 78%, transparent 100%);opacity:.4;height:1px;position:absolute;bottom:-1px;left:0;right:0}.topbar.direct-active:after{background:linear-gradient(90deg, transparent 0%, var(--pine-bright) 22%, var(--pine-bright) 78%, transparent 100%);opacity:.45}.topbar h1,.panel-heading h2,.inspector h2{margin:0}.topbar>div:first-child{padding-left:var(--sp-4);position:relative}.topbar>div:first-child:before{content:"";background:linear-gradient(180deg, var(--pine-bright), var(--pine-deep));border-radius:2px;width:3px;position:absolute;top:6px;bottom:6px;left:0}.topbar h1{font-optical-sizing:auto;letter-spacing:-.018em;color:var(--ink-strong);font-variation-settings:"SOFT" 40, "WONK" 0, "opsz" 36;font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:550;line-height:1.15}.topbar-tools{align-items:center;gap:var(--sp-3);grid-template-columns:auto minmax(0,1fr);justify-self:end;width:100%;max-width:880px;display:grid}.mode-toggle{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--card);box-shadow:var(--shadow-1);grid-template-columns:1fr 1fr;display:inline-grid;overflow:hidden}.mode-toggle button{border:0;border-right:1px solid var(--hairline-soft);min-width:92px;min-height:34px;padding:0 var(--sp-4);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);background:0 0;border-radius:0;justify-content:center;align-items:center;gap:8px;font-family:Hanken Grotesk,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.mode-toggle button:hover{background:var(--paper-2);color:var(--ink)}.mode-toggle button:last-child{border-right:0}.mode-toggle button:disabled{cursor:not-allowed;opacity:.55}.mode-toggle button:disabled:hover{color:var(--ink-muted);background:0 0}.mode-toggle-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);border:1px solid var(--hairline);border-radius:var(--r-full);background:var(--paper-2);padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:9px;font-style:normal;font-weight:700}.mode-toggle button.active{background:linear-gradient(180deg, var(--pine) 0%, var(--pine-deep) 100%);color:var(--on-pine);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000002e}.mode-toggle button.active:hover{background:linear-gradient(180deg, var(--pine-deep) 0%, #14201a 100%)}.eyebrow{color:var(--ink-faint);letter-spacing:.22em;text-transform:uppercase;margin:0 0 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:500}.eyebrow:before{content:"";vertical-align:middle;background:linear-gradient(90deg, var(--pine-bright), transparent);width:14px;height:1px;margin-right:8px;display:inline-block}.project-loader{align-items:end;gap:var(--sp-2);grid-template-columns:minmax(260px,1fr) auto auto;min-width:0;display:grid}.project-loader-field{gap:4px;min-width:0;display:grid}.project-loader-label{color:var(--ink-faint);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:500;display:inline-flex}.project-loader-write-chip{border:1px solid var(--pine-line);border-radius:var(--r-full);background:var(--pine-wash);color:var(--pine-deep);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:4px;padding:1px 8px;font-family:JetBrains Mono,monospace;font-size:9px;font-style:normal;font-weight:700;display:inline-flex}.project-loader-write-chip:before{content:"";background:var(--pine-bright);border-radius:50%;width:6px;height:6px;display:inline-block}.project-loader input{background-image:linear-gradient(180deg, #fff 0%, var(--card) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235e6976' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h6l2 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");letter-spacing:-.005em;text-align:left;background-position:0 0,10px;background-repeat:no-repeat,no-repeat;background-size:100% 100%,14px 14px;width:100%;min-width:0;padding-left:32px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px}.project-loader input:focus{background-image:linear-gradient(#fff 0% 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231c2c38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h6l2 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E")}.studio-loader select,.inspector input,.inspector select{width:100%;min-width:0}select{cursor:pointer;background-image:linear-gradient(180deg, #fff 0%, var(--card) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234b463a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");text-overflow:ellipsis;white-space:nowrap;background-position:0 0,right 12px center;background-repeat:no-repeat,no-repeat;background-size:100% 100%,12px 8px;padding-right:32px!important}select:focus,select:focus-visible{background-image:linear-gradient(#fff 0% 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231d2e24' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.project-loader button,.studio-loader button,.primary,.wide-action,.build-panel button{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--r-md);min-height:36px;padding:0 var(--sp-4);letter-spacing:.005em;white-space:nowrap;font-size:12.5px;font-weight:600;display:inline-flex}.project-loader-browse svg,.project-loader-load svg{flex:none}.studio-loader{gap:var(--sp-2);grid-template-columns:minmax(260px,1fr) auto auto;min-width:0;display:grid}.studio-loader.connected-loader{grid-template-columns:minmax(220px,1fr) auto auto;align-items:center}.connected-chip{border:1px solid var(--pine-line);border-radius:var(--r-full);background:var(--pine-wash);min-width:0;color:var(--pine-deep);align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.connected-chip:before{content:"";background:var(--pine-bright);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 2px #3f68832e}.connected-chip svg{color:var(--pine-deep);flex:none}.connected-chip strong{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.connected-chip em{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);flex:none;font-family:JetBrains Mono,monospace;font-size:10.5px;font-style:normal;font-weight:500}.topbar-hint{justify-content:flex-end;align-items:center;gap:var(--sp-2);min-height:36px;color:var(--ink-muted);letter-spacing:0;font-size:12px;font-weight:500;display:inline-flex}.topbar-hint svg{color:var(--pine-bright);flex:none}.primary{border-color:var(--pine-deep);background:linear-gradient(180deg, var(--pine-bright) 0%, var(--pine) 100%);color:var(--on-pine);box-shadow:inset 0 1px #ffffff2e,0 1px 2px #0000001f}.primary:hover{border-color:var(--pine-deep);background:linear-gradient(180deg, var(--pine) 0%, var(--pine-deep) 100%);color:#fff}.primary:focus-visible{border-color:var(--pine-deep)}.danger{background:var(--card);color:#8a2918;border-color:#a83a2b;font-weight:600}.danger:hover{color:#5a1d10;background:#fbe8e2;border-color:#8a2918}.workspace{grid-template-columns:188px minmax(0,1fr) 364px;min-height:0;display:grid;overflow:hidden}.workspace.direct-workspace{grid-template-columns:188px minmax(0,1fr) 340px}.direct-welcome{min-height:calc(100vh - 134px);padding:var(--sp-7) var(--sp-8);place-items:center;display:grid}.direct-welcome-card{gap:var(--sp-5);border:1px solid var(--hairline);border-radius:var(--r-xl);width:min(720px,100%);padding:var(--sp-7) var(--sp-8);background:radial-gradient(120% 80% at 50% -10%, #3f68831a, transparent 60%), linear-gradient(180deg, var(--card) 0%, var(--paper-2) 100%);box-shadow:var(--shadow-1), 0 28px 60px -32px #1c2c3852;display:grid;position:relative;overflow:hidden}.direct-welcome-card:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--pine-bright) 30%, var(--pine-bright) 70%, transparent 100%);opacity:.45;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.direct-welcome-card h2{font-optical-sizing:auto;letter-spacing:-.022em;color:var(--ink-strong);font-variation-settings:"opsz" 72, "SOFT" 30;margin:0;font-family:Fraunces,Georgia,serif;font-size:32px;font-weight:550;line-height:1.12}.direct-welcome-card p{max-width:600px;margin:var(--sp-3) 0 0;color:var(--ink-soft);letter-spacing:-.002em;font-size:13.5px;line-height:1.65}.direct-connect-controls{gap:var(--sp-4);z-index:1;display:grid;position:relative}.direct-connect-controls label{color:var(--ink-faint);letter-spacing:.2em;text-transform:uppercase;gap:6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;display:grid}.direct-connect-controls select{letter-spacing:0;text-transform:none;min-height:44px;font-family:Hanken Grotesk,sans-serif;font-size:13.5px;font-weight:500}.runtime-warning,.runtime-notice{border:1px solid var(--amber-warn);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);background:var(--amber-warn-bg);color:#5a4209;border-left-width:3px;gap:6px;display:grid}.runtime-notice{border-color:var(--pine-line);border-left-color:var(--pine-bright);background:var(--pine-wash);color:var(--pine-deep)}.runtime-warning strong,.runtime-notice strong{letter-spacing:-.005em;font-size:12.5px;font-weight:700}.runtime-warning span,.runtime-notice span{letter-spacing:-.002em;font-size:12px;line-height:1.55}.runtime-diagnostics{border:1px solid var(--hairline-soft);border-radius:var(--r-md);background:var(--card);color:var(--ink-soft);letter-spacing:0;flex-wrap:wrap;gap:6px 10px;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.runtime-diagnostics span{min-width:max-content;color:var(--ink-muted);align-items:center;gap:4px;display:inline-flex}.runtime-diagnostics span:before{content:"·";color:var(--ink-faint);font-weight:700}.runtime-diagnostics span:first-child:before{content:none}.direct-connect-actions{grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:end;gap:10px;display:grid}.direct-connect-actions .connect-secondary{grid-column:1/-1}.direct-connect-actions button{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--r-md);letter-spacing:-.002em;min-height:44px;font-size:13px;font-weight:600;display:inline-flex}.connect-transport-field{gap:6px;min-width:0;display:grid}.connect-transport-field>span{color:var(--ink-faint);letter-spacing:.2em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}.connect-transport-field select{min-height:44px;font-family:Hanken Grotesk,sans-serif;font-size:13px;font-weight:600}.direct-connect-actions .bluetooth-action{color:#f3f6fb;background:linear-gradient(#3e6e94 0%,#25466b 100%);border-color:#25415d;box-shadow:inset 0 1px #ffffff29,0 1px 2px #00000024}.direct-connect-actions .bluetooth-action:hover{color:#fff;background:linear-gradient(#305b7e 0%,#1a3551 100%);border-color:#182f45}.direct-capability-strip{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.direct-capability-strip li{justify-content:space-between;align-items:center;gap:var(--sp-2);border:1px solid var(--hairline-soft);border-radius:var(--r-md);padding:8px var(--sp-3);background:var(--card);min-width:0;display:flex}.capability-label{color:var(--ink-strong);letter-spacing:-.002em;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.capability-state{border-radius:var(--r-full);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;flex:none;align-items:center;gap:5px;padding:2px 9px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:inline-flex}.capability-state:before{content:"";border-radius:50%;width:6px;height:6px}.capability-state.ok{border:1px solid var(--pine-line);background:var(--pine-wash);color:var(--pine-deep)}.capability-state.ok:before{background:var(--pine-bright)}.capability-state.read{border:1px solid var(--hairline);background:var(--paper-2);color:var(--ink-soft)}.capability-state.read:before{background:var(--ink-muted)}.capability-state.none{background:var(--amber-warn-bg);color:#6a4b07;border:1px solid #e3c79a}.capability-state.none:before{background:var(--amber-warn)}.direct-capability-note{color:var(--ink-muted);margin:0;font-size:11.5px;line-height:1.55}.sidebar{border-right:1px solid var(--hairline);background:linear-gradient(180deg, var(--paper-2) 0%, var(--paper-3) 100%);flex-direction:column;gap:6px;min-height:0;padding:22px 14px 18px;display:flex}.layer-list{flex-direction:column;flex:1;gap:5px;min-height:0;display:flex}.layer-list button{align-items:center;gap:var(--sp-3);border-radius:var(--r-md);text-align:left;min-height:36px;color:var(--ink-muted);letter-spacing:-.005em;background:0 0;border:1px solid #0000;grid-template-columns:24px 1fr;padding:0 10px;font-size:12.5px;font-weight:600;display:grid}.layer-list button:hover{border-color:var(--hairline-soft);color:var(--ink);background:#f6ecce8c}.layer-list button span{background:var(--paper-3);width:22px;height:22px;color:var(--ink-muted);transition:background .14s var(--ease-out), color .14s var(--ease-out);border-radius:5px;place-items:center;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:700;display:grid}.layer-list button.active{border-color:var(--pine-line);background:var(--pine-wash);color:var(--pine-deep);box-shadow:inset 0 1px #fff9,0 1px 2px #1c1a0e14}.layer-list button.active span{background:var(--pine);color:var(--on-pine);box-shadow:inset 0 1px #ffffff26}.keyboard-panel{gap:var(--sp-5);flex-direction:column;min-width:0;min-height:0;padding:24px 28px 28px;display:flex;overflow:hidden}.keyboard-panel>.workbench-tabs,.keyboard-panel>.direct-summary{flex:1 1 0;min-height:0}.direct-connection-bar{align-items:center;gap:var(--sp-3);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);background:linear-gradient(180deg, var(--card) 0%, var(--paper-2) 100%);box-shadow:var(--shadow-1), 0 1px 2px #1f1d170a;grid-template-columns:minmax(220px,1fr) auto minmax(180px,.8fr) auto auto;display:grid}.direct-connection-bar strong{letter-spacing:-.01em;font-family:Fraunces,Georgia,serif;font-size:16px;font-weight:500;display:block}.direct-connection-bar span{border:1px solid var(--hairline-soft);border-radius:var(--r-full);padding:5px var(--sp-3);background:var(--card);color:var(--ink-muted);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:500;overflow:hidden}.panel-heading{justify-content:space-between;align-items:flex-end;gap:var(--sp-5);display:flex}.panel-heading h2{font-optical-sizing:auto;letter-spacing:-.022em;color:var(--ink-strong);font-variation-settings:"opsz" 60, "SOFT" 40;font-family:Fraunces,Georgia,serif;font-size:26px;font-weight:550;line-height:1.1}.panel-heading.compact h3{letter-spacing:-.01em;margin:0;font-family:Fraunces,Georgia,serif;font-size:16px;font-weight:500}.panel-heading.compact span{color:var(--ink-faint);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:11px}.keyboard-viewport{width:100%;padding:var(--sp-3) 0 var(--sp-4);border:1px solid var(--hairline-soft);border-radius:var(--r-xl);min-height:var(--layout-height);background-color:#f1f4f7;background-image:radial-gradient(circle,#1c2c380f 1px,#0000 1.3px);background-position:50%;background-size:18px 18px;position:relative;overflow:hidden;box-shadow:inset 0 2px 14px -8px #1c2c382e;container-type:inline-size}@supports (width:100cqi){.keyboard-viewport{min-height:min(calc(var(--layout-height) + 32px), calc(100cqi * 540 / 1236 + 32px))}.keyboard-layout{transform:scale(min(1, calc(100cqi / 1236px)));transform-origin:top}}.keyboard-layout{width:var(--layout-width);height:var(--layout-height);margin:0 auto;position:relative}.base-outline{width:var(--layout-width);height:var(--layout-height);z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.base-outline path{fill:#f0d488;stroke:var(--honey-deep);stroke-width:2px;stroke-linejoin:round;filter:drop-shadow(0 6px 10px #7856082e)}.thumb-base-outline path{fill:#ecc870}.trackball{border:2px solid var(--honey-deep);z-index:1;background:radial-gradient(circle at 40% 32%,#f3cd7a 0%,#e3a526 70%);border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute;box-shadow:inset 0 0 0 7px #f0d488,inset 0 -8px 16px #78560840,0 8px 18px -8px #78560866}.trackball span{background:radial-gradient(circle at 33% 27%,#fffdf6 0%,#f1ead7 42%,#c9bd9a 100%);border-radius:50%;width:76px;height:76px;position:relative;box-shadow:inset -10px -13px 20px #4e401e47}.track-button{border:2px solid var(--honey-edge);border-radius:var(--r-full);background:linear-gradient(145deg,#ffc63d,#d99b1a);width:17px;height:34px;position:absolute;top:-84px;left:25px;box-shadow:inset 0 0 0 2px #ffe58a8c,0 2px #8a5c06}.track-led{background:radial-gradient(circle at 35% 30%,#6f7d52 0%,#43421f 70%);border-radius:50%;width:12px;height:12px;position:absolute;top:-84px;box-shadow:inset 1px 1px 2px #ffffff38}.led-a{left:62px}.physical-key{z-index:2;border:1px solid var(--honey-edge);overflow-wrap:anywhere;text-align:left;background:linear-gradient(150deg,#ffce47 0%,#e7a91f 64%,#d99b18 100%);border-radius:8px;grid-template-rows:12px 1fr;gap:3px;min-height:0;padding:6px 7px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;line-height:1.2;transition:transform 80ms,box-shadow 80ms,border-color .12s;display:grid;position:absolute;box-shadow:inset 0 1px #fff4c8bf,inset 0 -2px 4px #78560833,0 5px #a86c0c,0 8px 10px -4px #78560847}.physical-key:hover{border-color:var(--pine-bright);box-shadow:inset 0 1px #fff4c8d9,inset 0 -2px 4px #7856082e,0 5px #a86c0c,0 10px 16px -4px #2c403447}.physical-key:active{transform:translateY(3px);box-shadow:inset 0 1px #fff4c8b3,inset 0 -1px 3px #78560840,0 2px #a86c0c}.key-index{color:#78530acc;letter-spacing:.04em;font-family:inherit;font-size:9.5px}.key-content{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;display:flex}.key-content em{color:#5a3f05;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;background:#6546062e;border-radius:4px;max-width:100%;padding:1px 4px;font-size:8.5px;font-style:normal;font-weight:600;line-height:1.1;overflow:hidden}.key-content strong{color:#1a1810;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:700;line-height:1.05;overflow:hidden}.physical-key.selected{border-color:var(--pine-deep);box-shadow:inset 0 0 0 2px var(--pine-deep), inset 0 1px 0 #fff4c899, 0 5px 0 #a86c0c, 0 12px 18px -4px #2c403457;background:linear-gradient(150deg,#fcd861 0%,#ecb02a 60%,#dba320 100%)}.combo-overlay{width:var(--layout-width);height:var(--layout-height);z-index:4;pointer-events:none;position:absolute;inset:0;overflow:visible}.combo-link{color:var(--pine);opacity:.5}.combo-link path{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-dasharray:1 5;fill:none;pointer-events:none}.combo-link circle{fill:#fdf9ee;stroke:currentColor;stroke-width:2px;pointer-events:none}.combo-label{pointer-events:auto;cursor:pointer}.combo-label rect{fill:#fdf9ee;stroke:var(--pine-line);stroke-width:1.2px;filter:drop-shadow(0 2px 4px #1c1a0e26)}.combo-label text{fill:var(--pine-deep);text-anchor:middle;dominant-baseline:middle;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.combo-link.related{opacity:.85}.combo-link.related path{stroke-dasharray:2 4}.combo-link.selected{color:var(--honey-deep);opacity:1}.combo-link.selected path{stroke-width:3px;stroke-dasharray:none}.combo-link.selected circle{fill:var(--honey-wash)}.combo-link.selected .combo-label rect{fill:var(--honey-wash);stroke:var(--honey-deep)}.combo-link.selected .combo-label text{fill:#5a3f05}.diff-panel,.direct-summary{border-top:1px dashed var(--hairline);padding-top:var(--sp-5)}.keyboard-panel>.direct-summary{flex-direction:column;padding-right:2px;display:flex;overflow:auto}.direct-summary dl{gap:var(--sp-3);margin:var(--sp-4) 0 0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.direct-summary div{border:1px solid var(--hairline-soft);border-radius:var(--r-md);min-width:0;padding:var(--sp-3);background:linear-gradient(180deg, var(--card) 0%, var(--paper-2) 100%)}.direct-summary dt{color:var(--ink-faint);letter-spacing:.16em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}.direct-summary dd{text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:13px;font-weight:600;overflow:hidden}.diff-panel pre{height:196px;margin:var(--sp-3) 0 0;border:1px solid var(--pine-deep);border-radius:var(--r-lg);padding:var(--sp-4);color:#d4dde6;background:linear-gradient(#1f2c36 0%,#16212a 100%);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;line-height:1.65;overflow:auto;box-shadow:inset 0 2px 12px -4px #0006}.diff-viewer{gap:var(--sp-4);margin-top:var(--sp-3);max-height:360px;padding-right:4px;display:grid;overflow:auto}.diff-empty{min-height:160px;margin-top:var(--sp-3);border:1px dashed var(--hairline);border-radius:var(--r-lg);background:var(--card);color:var(--ink-faint);letter-spacing:0;place-items:center;font-size:13px;display:grid}.diff-file{border:1px solid var(--hairline);border-radius:var(--r-lg);background:#fbfaf5;overflow:hidden;box-shadow:inset 0 1px #ffffff80}.diff-file-header{justify-content:space-between;align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--hairline);padding:var(--sp-2) var(--sp-3);background:linear-gradient(180deg, var(--paper-2) 0%, var(--paper-3) 100%);color:var(--ink-strong);letter-spacing:-.005em;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:flex}.diff-file-counts{align-items:center;gap:var(--sp-2);letter-spacing:.04em;font-size:10.5px;font-weight:600;display:inline-flex}.diff-file-counts .added{color:#2f7c4f}.diff-file-counts .removed{color:#ad3a2b}.diff-lines{grid-template-columns:28px 1fr;margin:0;padding:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;line-height:1.6;list-style:none;display:grid}.diff-lines li{display:contents}.diff-lines .sign,.diff-lines .content{padding:1px var(--sp-3)}.diff-lines .sign{text-align:center;color:var(--ink-faint);background:var(--paper-2);border-right:1px solid var(--hairline-fine);-webkit-user-select:none;user-select:none;padding:1px 0;font-weight:700}.diff-lines .content{white-space:pre-wrap;word-break:break-word;color:var(--ink-soft)}.diff-lines li.add .sign{color:#1f6c3c;background:#d6efdd}.diff-lines li.add .content{color:#14401f;background:#ecf8ef}.diff-lines li.del .sign{color:#8a2918;background:#f5d9d2}.diff-lines li.del .content{color:#5a1d10;background:#fbe8e2}.diff-lines li.elide .sign,.diff-lines li.elide .content{background:var(--paper-2);color:var(--ink-faint);font-style:italic}.wide-action{width:100%;margin-top:var(--sp-3)}.workbench-tabs{border-top:1px dashed var(--hairline);min-width:0;min-height:0;padding-top:var(--sp-4);flex-direction:column;display:flex}.workbench-tablist{border-bottom:1px solid var(--hairline);margin-bottom:var(--sp-4);gap:2px;display:flex}.workbench-tablist button{align-items:center;gap:var(--sp-2);min-height:36px;padding:0 var(--sp-4);color:var(--ink-muted);letter-spacing:.005em;transition:color .16s var(--ease-out), border-color .16s var(--ease-out), background .16s var(--ease-out);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;font-family:Hanken Grotesk,sans-serif;font-size:12.5px;font-weight:600;display:inline-flex;transform:translateY(1px)}.workbench-tablist button:hover{color:var(--ink);border-bottom-color:var(--hairline);background:0 0}.workbench-tablist button.active{color:var(--ink-strong);border-bottom-color:var(--pine-deep)}.workbench-tablist button em{border-radius:var(--r-full);background:var(--paper-3);min-width:18px;height:18px;color:var(--ink-muted);place-items:center;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:10px;font-style:normal;font-weight:700;display:inline-grid}.workbench-tablist button.active em{background:var(--pine-deep);color:var(--on-pine)}.workbench-panel{flex:1 1 0;min-width:0;min-height:0;padding-right:2px;overflow:auto}.workbench-grid{gap:var(--sp-5);display:grid}.combo-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.trackball-workbench,.build-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.workbench-grid>section{border:1px solid var(--hairline-soft);border-radius:var(--r-lg);min-width:0;padding:var(--sp-4) var(--sp-5);background:var(--card)}.workbench-grid>section>h2{letter-spacing:-.018em;color:var(--ink-strong);font-variation-settings:"opsz" 24, "SOFT" 40;margin:0;font-family:Fraunces,Georgia,serif;font-size:17px;font-weight:550;line-height:1.2}.workbench-grid>section .section-title-row h2{font-size:15.5px}.workbench-grid .combo-focus-list,.workbench-grid .combo-list{margin-top:var(--sp-3)}.workbench-grid .combo-list{max-height:240px}.workbench-grid .build-panel ol{margin-top:var(--sp-3)}.workbench-grid .build-actions{gap:var(--sp-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.workbench-grid .build-actions button{width:100%;min-height:38px;margin-top:0;font-size:12px}.workbench-grid .flash-panel{gap:var(--sp-2);display:grid}.workbench-grid .flash-panel>div{margin-bottom:var(--sp-1)}.workbench-grid .flash-panel label{margin-top:var(--sp-2)}.workbench-grid .settings-list{max-height:256px;padding-right:2px;overflow:auto}.workbench-grid .trackball-editor{margin-top:var(--sp-3);column-gap:var(--sp-3);row-gap:var(--sp-3);border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}.workbench-grid .trackball-editor label{color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;gap:5px;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:500;display:grid}.workbench-grid .trackball-editor label>span,.workbench-grid .trackball-editor label>*{min-width:0}.workbench-grid .trackball-editor input{min-height:34px;font-size:12.5px}.workbench-grid label,.combo-editor label{color:var(--ink-faint);letter-spacing:.16em;text-transform:uppercase;gap:6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;display:grid}.workbench-grid label>input,.workbench-grid label>select,.combo-editor label>input,.combo-editor label>select{color:var(--ink-strong);letter-spacing:0;text-transform:none;font-family:Hanken Grotesk,sans-serif;font-size:13px;font-weight:500}.workbench-grid label>input[type=number],.combo-editor label>input[type=number]{font-family:JetBrains Mono,ui-monospace,monospace}.workbench-grid .trackball-editor button{min-height:38px;margin-top:var(--sp-2);grid-column:1/-1}.workbench-grid .diff-panel{background:0 0;border:0;padding:0}.workbench-grid .diff-panel pre{margin-top:var(--sp-3)}.inspector{border-left:1px solid var(--hairline);background:linear-gradient(180deg, var(--paper-2) 0%, var(--paper-3) 100%);flex-direction:column;gap:22px;min-height:0;padding:24px 22px 28px;display:flex;overflow:auto}.inspector section{border-bottom:1px dashed var(--hairline);padding-bottom:var(--sp-6)}.inspector section:last-child{border-bottom:0;padding-bottom:0}.inspector h2{font-optical-sizing:auto;letter-spacing:-.02em;color:var(--ink-strong);font-variation-settings:"opsz" 36, "SOFT" 40;font-family:Fraunces,Georgia,serif;font-size:19px;font-weight:550;line-height:1.15}.inspector label{margin-top:var(--sp-4);color:var(--ink-faint);letter-spacing:.16em;text-transform:uppercase;gap:6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;display:grid}.inspector label>input,.inspector label>select,.inspector label>textarea{color:var(--ink-strong);letter-spacing:0;text-transform:none;font-family:Hanken Grotesk,sans-serif;font-size:13px;font-weight:500}.inspector label>input[type=number]{font-family:JetBrains Mono,ui-monospace,monospace}.direct-key-editor,.key-editor{border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-4) var(--sp-5);background:var(--card);box-shadow:var(--shadow-1)}.direct-key-editor{border-color:var(--pine-line);background:linear-gradient(#eef3f6 0%,#e1e9ef 100%)}.direct-key-editor h2,.key-editor h2{letter-spacing:-.005em;color:var(--ink-strong);word-break:break-all;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.direct-inspector,.direct-settings,.firmware-inspector,.firmware-tab-stack{gap:16px;display:grid}.direct-inspector-tabs,.direct-settings-tabs{border:1px solid var(--hairline);background:var(--card);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.direct-inspector-tabs button,.direct-settings-tabs button{border:0;border-right:1px solid var(--hairline);min-height:34px;color:var(--ink-soft);letter-spacing:.005em;transition:background .14s var(--ease-out), color .14s var(--ease-out);background:0 0;border-radius:0;justify-content:center;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.direct-inspector-tabs button:hover,.direct-settings-tabs button:hover{background:var(--paper-2);color:var(--ink)}.direct-inspector-tabs button:last-child,.direct-settings-tabs button:last-child{border-right:0}.direct-inspector-tabs button.active,.direct-settings-tabs button.active{background:linear-gradient(180deg, var(--pine) 0%, var(--pine-deep) 100%);color:var(--on-pine);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000002e}.direct-settings-panel{border:1px solid var(--hairline-soft);background:var(--card);border-radius:10px;gap:10px;padding:14px;display:grid}.direct-settings-panel strong{color:var(--pine-deep);font-size:13.5px}.direct-settings-panel p{color:var(--ink-soft);margin:0;font-size:12.5px;line-height:1.5}.direct-settings-panel button{min-height:36px;padding:0 12px;font-weight:700}.direct-settings-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.direct-settings-heading button{border-radius:8px;align-items:center;gap:6px;min-height:32px;display:inline-flex}.coming-soon-badge{border:1px solid var(--hairline);background:var(--paper);color:var(--ink-soft);text-transform:uppercase;border-radius:999px;align-self:start;padding:6px 9px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:800}.direct-trackball-panel{gap:16px}.direct-combo-panel{gap:14px;display:grid}.direct-combo-meter{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.direct-combo-meter span{border:1px solid var(--hairline-soft);background:var(--paper);color:var(--ink-soft);text-align:center;border-radius:999px;padding:7px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.direct-number-field{color:var(--ink-soft);grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:10px;font-size:12px;font-weight:800;display:grid}.direct-number-field input{border:1px solid var(--hairline);background:var(--paper);min-width:0;color:var(--ink);border-radius:8px;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800}.timing-panel{gap:18px}.timing-field{gap:8px;display:grid}.timing-field>div:first-child,.timing-range-labels{justify-content:space-between;gap:12px;display:flex}.timing-field>div:first-child span,.timing-presets>span{color:var(--ink-soft);font-size:12px;font-weight:700}.timing-field>div:first-child strong{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:13px}.timing-field input[type=range]{width:100%;accent-color:var(--ink)}.timing-range-labels{color:var(--ink-faint);font-size:11px}.timing-presets{gap:8px;display:grid}.timing-presets>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.timing-presets button{background:var(--card);border-radius:999px;min-height:34px;padding:0 6px;font-size:11px}.timing-presets button.active{border-color:var(--pine-deep);background:linear-gradient(180deg, var(--pine) 0%, var(--pine-deep) 100%);color:var(--on-pine);opacity:1}.compact-presets>div{grid-template-columns:repeat(5,minmax(0,1fr))}.timing-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.inspector section>h2{overflow-wrap:anywhere;word-break:break-word;letter-spacing:-.01em;color:var(--ink-strong);font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;font-weight:700}.section-title-row{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.section-title-row>div{min-width:0}.section-title-row button,.combo-editor-actions button{border-radius:var(--r-sm);min-height:30px;padding:0 var(--sp-3);letter-spacing:.005em;white-space:nowrap;font-size:11.5px;font-weight:600}.section-count{border-radius:var(--r-full);background:var(--pine-deep);min-width:24px;height:22px;color:var(--on-pine);letter-spacing:.02em;place-items:center;padding:0 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:inline-grid;box-shadow:inset 0 1px #ffffff0f}.binding-editor,.trackball-editor{gap:var(--sp-3);margin-top:var(--sp-4);border-top:1px solid var(--hairline-soft);padding-top:var(--sp-4);display:grid}.binding-editor label,.trackball-editor label{margin-top:0}.trackball-editor button{border-radius:var(--r-md);min-height:34px;padding:0 var(--sp-3);font-size:12.5px;font-weight:600}.binding-preview{border:1px solid var(--pine-line);border-radius:var(--r-md);background:linear-gradient(180deg, var(--pine-wash) 0%, #eef3f6 100%);padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-1), 0 1px 2px #1c2c380f;gap:4px;display:grid}.binding-preview span,.choice-strip>span{color:var(--ink-muted);letter-spacing:.2em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:500}.choice-strip>span{color:var(--ink-faint)}.binding-preview strong{overflow-wrap:anywhere;color:var(--pine-deep);letter-spacing:-.005em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13.5px;font-weight:700}.choice-strip{gap:var(--sp-2);display:grid}.choice-strip>div{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px;display:grid}.choice-strip button,.choice-grid button{border:1px solid var(--hairline-soft);border-radius:var(--r-sm);background:var(--card);color:var(--ink-muted);letter-spacing:.005em;font-weight:600;transition:background .1s,border-color .1s,color .1s}.choice-strip button:hover,.choice-grid button:hover{border-color:var(--ink-soft);background:var(--paper-2);color:var(--ink)}.choice-strip button{white-space:nowrap;text-overflow:ellipsis;min-height:28px;padding:0 8px;font-size:11px;overflow:hidden}.choice-strip button.selected,.choice-grid button.selected{border-color:var(--pine-deep);background:linear-gradient(180deg, var(--pine) 0%, var(--pine-deep) 100%);color:var(--on-pine);box-shadow:inset 0 1px #ffffff14,0 1px 2px #0000001f}.choice-strip button.selected:hover,.choice-grid button.selected:hover{background:linear-gradient(180deg, var(--pine-deep) 0%, #14201a 100%);color:var(--on-pine)}.key-palette{gap:var(--sp-3);display:grid}.choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.choice-grid button{align-content:center;gap:1px;min-height:44px;padding:6px 5px;display:grid}.choice-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.choice-grid span{color:inherit;opacity:.6;text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:0;font-family:JetBrains Mono,monospace;font-size:9.5px;overflow:hidden}.advanced-binding{border-top:1px solid var(--hairline-soft);padding-top:var(--sp-3)}.advanced-binding summary{cursor:pointer;color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:500}.advanced-binding summary:hover{color:var(--ink-soft)}.advanced-binding label{margin-top:var(--sp-3)}.advanced-binding input{text-align:left;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.combo-focus-list,.combo-list{margin-top:var(--sp-3);gap:6px;display:grid}.combo-list{max-height:156px;padding-right:2px;overflow:auto}.combo-row{align-items:center;gap:var(--sp-2);border:1px solid var(--hairline-soft);border-radius:var(--r-md);min-height:32px;padding:5px var(--sp-2);background:var(--card);color:var(--ink-muted);text-align:left;cursor:pointer;grid-template-columns:minmax(64px,auto) 1fr auto;font-family:JetBrains Mono,monospace;font-size:11px;transition:background .1s,border-color .1s;display:grid}.combo-row:hover{border-color:var(--ink-soft);background:var(--paper-2);box-shadow:inset 0 1px #fff9}.combo-row.focused{border-color:var(--pine-deep);background:linear-gradient(180deg, var(--pine) 0%, var(--pine-deep) 100%);color:#f1e7c8;box-shadow:inset 0 1px #ffffff14,0 1px 2px #0000001f}.combo-row.focused strong{color:var(--on-pine)}.combo-row.focused em{color:#f6f1deb3}.combo-row span,.combo-row strong,.combo-row em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.combo-row strong{color:var(--ink-strong);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.combo-row em{color:var(--ink-faint);font-style:normal}.empty-note{color:var(--ink-faint);margin:0;font-size:12.5px;font-style:italic}.combo-editor{gap:var(--sp-3);margin-top:var(--sp-3);display:grid}.combo-key-picker{gap:var(--sp-2);display:grid}.combo-key-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;display:grid}.combo-key-grid button{border:1px solid var(--hairline-soft);background:var(--card);min-width:0;min-height:28px;color:var(--ink-muted);border-radius:5px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:700}.combo-key-grid button:hover{border-color:var(--ink-soft);background:var(--paper-2)}.combo-key-grid button.selected{border-color:var(--pine-deep);background:linear-gradient(180deg, var(--pine) 0%, var(--pine-deep) 100%);color:var(--on-pine);box-shadow:inset 0 1px #ffffff14,0 1px 2px #0000001f}.combo-editor label{margin-top:0}.combo-editor-actions{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.settings-list{margin-top:var(--sp-3);gap:0;display:grid}.settings-list div{justify-content:space-between;align-items:center;gap:var(--sp-3);border-bottom:1px dotted var(--hairline);min-height:30px;color:var(--ink-soft);font-size:12px;display:flex}.settings-list div:last-child{border-bottom:0}.settings-list strong{color:var(--ink-strong);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.build-panel ol{margin:var(--sp-3) 0;color:var(--ink-soft);padding-left:22px;font-size:12.5px;line-height:1.7}.build-panel ol li::marker{color:var(--pine-bright);font-family:JetBrains Mono,monospace;font-weight:700}.build-panel button{width:100%;margin-top:6px}.flash-guide{border:1px solid var(--hairline-soft);border-radius:var(--r-sm);margin:var(--sp-2) 0;padding:var(--sp-3);background:var(--paper);gap:6px;display:grid}.flash-guide strong{color:var(--pine-deep);font-size:12.5px}.flash-guide p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.55}.direct-note h2{font-family:Fraunces,Georgia,serif;font-weight:500}.direct-note p:last-child{margin:var(--sp-3) 0 0;color:var(--ink-soft);font-size:13px;line-height:1.55}.direct-note button{margin-top:var(--sp-4)}.build-status{border:1px solid var(--hairline-soft);border-left:3px solid var(--pine-bright);border-radius:var(--r-sm);min-height:34px;margin:0 0 var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--card);color:var(--ink-soft);word-break:break-all;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.45}.build-target{margin:var(--sp-2) 0;color:var(--ink-soft);overflow-wrap:anywhere;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;line-height:1.45}.build-repo-field{margin:var(--sp-2) 0 var(--sp-3);gap:4px;display:grid}.build-repo-field>span{color:var(--ink-faint);letter-spacing:.18em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:500}.build-repo-field>input{letter-spacing:-.005em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.build-repo-field>small{color:var(--ink-faint);overflow-wrap:anywhere;font-family:JetBrains Mono,monospace;font-size:10.5px;line-height:1.5}.flash-wizard{gap:var(--sp-2);margin-top:var(--sp-3);border-top:1px solid var(--hairline-soft);padding-top:var(--sp-3);display:grid}.flash-wizard label{margin-top:0}.statusbar{border-top:1px solid var(--pine-deep);min-height:30px;padding:6px var(--sp-5);color:#d9d1b8;letter-spacing:.02em;background:linear-gradient(#243528 0%,#16221b 100%);align-items:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;display:flex}.statusbar:before{content:"▸";margin-right:var(--sp-2);color:var(--on-pine);font-size:10.5px}.inspector::-webkit-scrollbar{width:10px;height:10px}.choice-grid::-webkit-scrollbar{width:10px;height:10px}.combo-list::-webkit-scrollbar{width:10px;height:10px}.keyboard-viewport::-webkit-scrollbar{width:10px;height:10px}.workbench-panel::-webkit-scrollbar{width:10px;height:10px}.keyboard-panel>.direct-summary::-webkit-scrollbar{width:10px;height:10px}.diff-panel pre::-webkit-scrollbar{width:10px;height:10px}.inspector::-webkit-scrollbar-track{background:0 0}.choice-grid::-webkit-scrollbar-track{background:0 0}.combo-list::-webkit-scrollbar-track{background:0 0}.workbench-panel::-webkit-scrollbar-track{background:0 0}.keyboard-panel>.direct-summary::-webkit-scrollbar-track{background:0 0}.keyboard-viewport::-webkit-scrollbar-track{background:0 0}.inspector::-webkit-scrollbar-thumb{border-radius:var(--r-full);background-clip:padding-box;background-color:var(--hairline);border:2px solid #0000}.choice-grid::-webkit-scrollbar-thumb{border-radius:var(--r-full);background-clip:padding-box;background-color:var(--hairline);border:2px solid #0000}.combo-list::-webkit-scrollbar-thumb{border-radius:var(--r-full);background-clip:padding-box;background-color:var(--hairline);border:2px solid #0000}.workbench-panel::-webkit-scrollbar-thumb{border-radius:var(--r-full);background-clip:padding-box;background-color:var(--hairline);border:2px solid #0000}.keyboard-panel>.direct-summary::-webkit-scrollbar-thumb{border-radius:var(--r-full);background-clip:padding-box;background-color:var(--hairline);border:2px solid #0000}.keyboard-viewport::-webkit-scrollbar-thumb{border-radius:var(--r-full);background-clip:padding-box;background-color:var(--hairline);border:2px solid #0000}.inspector::-webkit-scrollbar-thumb:hover{background-color:var(--ink-soft)}.choice-grid::-webkit-scrollbar-thumb:hover{background-color:var(--ink-soft)}.combo-list::-webkit-scrollbar-thumb:hover{background-color:var(--ink-soft)}.workbench-panel::-webkit-scrollbar-thumb:hover{background-color:var(--ink-soft)}.diff-panel pre::-webkit-scrollbar-track{background:#0003}.diff-panel pre::-webkit-scrollbar-thumb{border-radius:var(--r-full);background-color:#4a5b4d}@keyframes wb-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.topbar{animation:.36s both wb-rise}.sidebar{animation:.42s 40ms both wb-rise}.keyboard-panel{animation:.46s 80ms both wb-rise}.inspector{animation:.46s .12s both wb-rise}.direct-welcome-card{animation:.46s 40ms both wb-rise}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}