:root{--bg: #ece7df;--bg-soft: rgba(255, 251, 245, .74);--surface: rgba(255, 252, 248, .82);--surface-strong: #fffdfa;--surface-quiet: rgba(247, 240, 231, .92);--line: rgba(110, 86, 56, .16);--line-strong: rgba(78, 61, 38, .36);--text: #1f2529;--text-muted: #685f56;--accent: #0d7a72;--accent-strong: #08544f;--accent-soft: rgba(13, 122, 114, .12);--selection: #1b8f82;--selection-strong: #0b5f58;--selection-soft: rgba(226, 245, 241, .96);--warm: #b86e34;--warm-soft: rgba(184, 110, 52, .12);--shadow-soft: 0 18px 40px rgba(66, 44, 16, .08);--shadow-panel: 0 10px 28px rgba(39, 28, 12, .06);color:var(--text);background:#ece7df;font-family:Avenir Next,Segoe UI,Noto Sans JP,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(rgba(92,75,52,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(92,75,52,.04) 1px,transparent 1px),#ece7df;background-position:0 0,0 0,0 0;background-size:22px 22px,22px 22px,auto}button,input,select,a.nav-button,a.product-action{font:inherit}button,a.nav-button,a.product-action{appearance:none;border:1px solid var(--line);border-radius:8px;background:#fffdfae0;color:inherit;cursor:pointer;text-decoration:none;transition:transform .12s ease,border-color .12s ease,background-color .12s ease,box-shadow .12s ease}button:hover:not(:disabled),a.nav-button:hover,a.product-action:hover{border-color:#0d7a726b;box-shadow:0 8px 16px #16282814;transform:translateY(-1px)}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(13,122,114,.22);outline-offset:2px}input,select{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fffdf9eb;color:inherit;box-shadow:inset 0 1px #ffffffb3}.app-shell{min-height:100vh;padding:28px 24px 40px}.home-shell{display:grid;align-content:start;gap:22px}.home-hero,.product-grid{width:min(100%,1200px);margin:0 auto}.home-hero{padding:28px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at 94% 10%,rgba(13,122,114,.16),transparent 32%),#fffcf7e6;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.home-hero-toolbar{display:flex;justify-content:flex-end;margin-bottom:14px}.home-brand{align-items:flex-start}.product-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.product-card{display:grid;gap:22px;grid-template-areas:"visual copy" "visual specs" "visual actions";grid-template-columns:minmax(0,.9fr) minmax(330px,1.1fr);align-items:start;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.product-card-copy{grid-area:copy}.product-device-visual{grid-area:visual;align-self:start;justify-self:center;overflow:hidden;width:min(100%,440px);margin:0;border:1px solid rgba(78,61,38,.12);border-radius:7px;background:#ebe1d3b8}.product-device-visual img{display:block;width:100%;height:100%;aspect-ratio:4 / 3;object-fit:cover}.product-card h2,.product-card p,.product-specs{margin:0}.product-card h2{font-size:30px;line-height:1;letter-spacing:-.02em}.product-title-row{display:flex;align-items:center;gap:14px}.product-title-row .eyebrow{margin-bottom:5px}.product-mark{display:block;flex:0 0 auto;width:54px;height:54px;object-fit:contain}.product-card p{margin-top:10px;color:var(--text-muted);line-height:1.55}.product-specs{grid-area:specs;display:grid;gap:8px}.product-specs div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:8px;border-bottom:1px solid rgba(78,61,38,.08)}.product-specs div:last-child{padding-bottom:0;border-bottom:0}.product-specs dt{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.product-specs dd{margin:0;font-weight:800}.product-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-color:#0d7a7247;background:var(--accent);color:#f6f9f8;font-weight:800;box-shadow:0 10px 20px #08544f33}.product-action.secondary{border-color:#4e3d2629;background:#fffcf7db;color:var(--text);box-shadow:none}.product-actions{display:grid;grid-area:actions;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.product-actions .product-action{width:100%;min-width:0;padding-inline:12px;font-size:14px;white-space:nowrap}.topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch;max-width:1240px;margin:0 auto 20px}.remapper-topbar{max-width:1400px}.brand{display:flex;align-items:center;gap:16px;min-width:0;padding:18px 22px;border:1px solid var(--line);border-radius:8px;background:#fffcf7e6;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-link{color:inherit;text-decoration:none}.brand img{display:block;flex:0 0 auto;object-fit:contain}.brand-mark{width:54px;height:54px;border-radius:8px;background:#fffaf4eb;box-shadow:inset 0 0 0 1px #ffffff8c}.brand-copy{min-width:0}.eyebrow{display:inline-block;margin-bottom:6px;color:var(--accent-strong);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.brand h1,.brand p{margin:0}.brand h1{font-size:31px;line-height:1;font-weight:750;letter-spacing:0}.brand p{margin-top:8px;color:var(--text-muted);font-size:14px;line-height:1.45}.home-brand h1{font-size:clamp(34px,7vw,72px);line-height:.95;letter-spacing:-.04em}.home-brand p{max-width:560px;margin-top:14px;font-size:16px}.connection{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0;padding:18px 22px;border:1px solid var(--line);border-radius:8px;background:#fffcf7e6;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.connection-actions{display:flex;align-items:center;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:10px}.workspace-scale-control{display:grid;flex:0 0 auto;gap:3px;color:var(--text-muted);font-size:10px;font-weight:700;line-height:1}.workspace-scale-control span{white-space:nowrap}.workspace-scale-control select{width:82px;min-height:42px;padding:0 8px;font-weight:700}.connection-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1 1 auto;min-width:0}.connection-text{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--text-muted);font-size:13px;line-height:1.3;text-align:right;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;flex:0 0 auto;min-height:28px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-badge.online{background:#0d7a7224;color:var(--accent-strong)}.status-badge.offline{background:#685f561f;color:var(--text-muted)}.connection button,.layer-tabs button,.layout-tabs button,.firmware-actions button,.key-tile,.editor-panel button,.picker-key{border-radius:8px}.connection button{min-height:42px;padding:0 18px;border-color:#0d7a7247;background:var(--accent);color:#f6f9f8;font-weight:700;box-shadow:0 10px 20px #08544f33}button.ghost-button,a.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-color:#4e3d2629;background:#fffcf7db;color:var(--text);box-shadow:none}button.language-switch{gap:10px;padding:0 14px;white-space:nowrap}.language-switch-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.language-switch-options{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:12px;font-weight:600}.language-switch-options strong{color:inherit;font-size:inherit;font-weight:inherit}.language-switch-options strong.active{color:var(--accent);font-weight:800}.site-footer{display:flex;justify-content:flex-end;width:100%;max-width:1400px;margin:20px auto 0}.guide-shell .site-footer{max-width:1360px;margin-top:0}.diagnostics-workspace+.site-footer{max-width:1240px}.workspace-viewport{width:100%;max-width:1400px;margin:0 auto}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr) 250px;gap:18px;width:100%;margin:0 auto}.workspace-viewport[data-workspace-scale="90"] .workspace{zoom:.9}.workspace-viewport[data-workspace-scale="80"] .workspace{zoom:.8}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#1f252947;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20}.modal-shell{width:min(560px,100%);padding:18px;border:1px solid var(--line);border-radius:8px;background:#fffcf7f5;box-shadow:0 18px 44px #271c0c2e}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.hardware-panel{grid-column:1;grid-row:1;min-height:334px}.remap-panel{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:18px;min-height:334px}.editor-panel{grid-column:3;grid-row:1;display:grid;align-content:start;gap:12px 12px;grid-template-columns:1fr 1fr;min-height:334px}.picker-panel{grid-column:1 / -1}.diagnostics-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;max-width:1240px;margin:0 auto}.panel{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel h2{margin:0;font-size:18px;line-height:1.1}.panel-meta{display:grid;gap:5px}.panel-kicker{color:var(--accent-strong);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.strip-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.panel-heading,.remap-strip{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading{margin-bottom:4px}.panel-heading.compact{grid-column:1 / -1}.hardware-panel{display:grid;align-content:start;align-self:start;gap:12px;min-height:0;background:#faf4ece6}.hardware-panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.hardware-details-toggle{min-height:32px;padding:0 10px;color:var(--accent-strong);font-size:12px;font-weight:700}.hardware-panel dl{display:grid;gap:8px;margin:0}.hardware-panel .hardware-controls{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.hardware-panel dl[hidden]{display:none}.hardware-panel dl div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(78,61,38,.08);font-size:13px}.hardware-panel dl div:last-child{padding-bottom:0;border-bottom:0}.hardware-panel .hardware-controls>:not(.hardware-direction-row){grid-column:1 / -1}.hardware-panel dl div.hardware-direction-row{align-items:flex-start;flex-direction:column;gap:4px}.hardware-panel dt,.editor-panel label span,.assignment-summary dt,.firmware-panel span{color:var(--text-muted)}.hardware-panel dd{margin:0;font-weight:700;text-align:right}.hardware-toggle{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.hardware-toggle input{width:14px;height:14px;margin:0;accent-color:var(--selection)}.hardware-toggle:has(input:disabled){cursor:default;opacity:.55}.hardware-animation-row select{min-width:112px;min-height:30px;padding:3px 24px 3px 8px}.hardware-animation-row small{display:block;margin-top:4px;color:var(--text-muted);font-size:10px;font-weight:600}.hardware-panel dl div.hardware-brightness-row{align-items:center}.hardware-brightness-row dd{flex:1;min-width:0;display:grid;gap:3px;text-align:left}.hardware-brightness-row dt{flex:0 0 82px}.hardware-brightness-control{display:flex;align-items:center;justify-content:end;gap:4px;min-width:0}.hardware-brightness-control input[type=range]{flex:1 1 40px;width:auto;min-width:40px;margin:0;accent-color:var(--selection)}.hardware-brightness-control input[type=number]{width:44px;min-height:30px;padding:3px 5px;text-align:right}.hardware-brightness-control button{min-height:30px;padding:0 7px;font-size:11px}.hardware-brightness-row small{color:var(--text-muted);font-size:9px;font-weight:600}.remap-strip{gap:14px}.remap-strip .layer-config-map,.remap-strip .control-map{flex:1;min-width:0}.keymap-strip{align-items:flex-start}.layer-tabs,.layout-tabs,.remap-actions{display:flex;gap:8px}.remap-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.overflow-menu{position:relative}.overflow-menu-trigger{display:grid;place-items:center;width:38px;height:38px;padding:0;color:var(--text-muted);font-size:24px;line-height:1}.overflow-menu-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:10;min-width:132px;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);box-shadow:0 12px 28px #271c0c29}.overflow-menu-popover button{width:100%;min-height:34px;padding:0 10px;border-color:transparent;background:transparent;color:#96341f;font-size:13px;font-weight:700;text-align:left}.reset-modal{display:grid;gap:16px;width:min(460px,100%)}.reset-modal p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.65}.reset-modal-actions{display:flex;justify-content:flex-end;gap:8px}button.danger-action{min-height:42px;padding:0 18px;border-color:#96341f57;background:#96341f;color:#fff;font-weight:700}.layer-tabs{flex-wrap:wrap}.layer-config-map{display:grid;grid-template-columns:minmax(0,4fr) minmax(170px,2fr);align-items:start;gap:10px;width:100%}.layer-tab-item{display:grid;justify-items:center;gap:5px;min-width:48px}.layer-tab-item.disabled button:not(.active){opacity:.55}.layer-enabled-toggle{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:11px;font-weight:700;line-height:1;cursor:pointer}.layer-enabled-toggle input{width:14px;height:14px;margin:0;accent-color:var(--selection)}.layer-enabled-toggle:has(input:disabled){cursor:default;opacity:.65}.layer-color-editor{display:grid;gap:6px;min-width:0}.layer-color-heading,.layer-led-toggle,.layer-color-channel{display:flex;align-items:center}.layer-color-heading{justify-content:space-between;gap:8px;min-height:16px}.layer-color-heading>span,.layer-color-channel>span,.layer-led-toggle>span{color:var(--text-muted);font-size:10px;font-weight:700;line-height:1}.layer-color-heading>span{letter-spacing:.08em;text-transform:uppercase}.layer-led-toggle{gap:4px;cursor:pointer}.layer-led-toggle input{width:14px;height:14px;margin:0;accent-color:var(--selection)}.layer-color-fields{display:grid;grid-template-columns:36px repeat(3,minmax(38px,1fr));gap:5px}.layer-color-swatch{width:36px;height:34px;padding:2px;cursor:pointer}.layer-color-channel{position:relative;min-width:0}.layer-color-channel>span{position:absolute;left:5px;z-index:1;pointer-events:none}.layer-color-channel input{height:34px;padding:4px 3px 4px 16px;text-align:center;appearance:textfield}.layer-color-channel input::-webkit-inner-spin-button,.layer-color-channel input::-webkit-outer-spin-button{margin:0;appearance:none}.layer-tabs button,.layout-tabs button{min-width:38px;min-height:32px;padding:0 12px;border-color:#4e3d2624;background:#fffbf6db;color:var(--text-muted);font-size:13px;font-weight:700}.layer-tabs button.active,.layout-tabs button.active{border-color:var(--selection);background:var(--selection);color:#f7fbff}.key-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;width:100%}.control-map{display:grid;grid-template-columns:minmax(0,4fr) minmax(150px,2fr);align-items:start;gap:10px;width:100%}.encoder-block{display:grid;align-content:start;gap:8px;min-width:0}.encoder-block-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase}.encoder-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;width:100%}.key-tile{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:8px;min-height:84px;padding:10px;border:1px solid rgba(78,61,38,.14);background:#fffbf6f5;box-shadow:inset 0 -6px #a9977d2e;text-align:left}.key-tile.encoder-tile{min-height:74px}.key-tile.encoder-switch-tile{grid-column:1 / -1;justify-self:center;width:calc(50% - 5px)}.key-tile.unsupported{cursor:not-allowed;opacity:.48}.key-tile span{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.key-tile-assignments{display:grid;gap:6px;place-items:center;text-align:center}.assignment-preview{display:grid;width:100%;min-width:0;place-items:center}.assignment-preview strong{display:block;font-size:16px;font-weight:800;line-height:1.12;overflow-wrap:anywhere}.assignment-preview .consumer-keycap-svg-tile{width:100%;height:34px;color:var(--text)}.assignment-preview .consumer-keycap-svg-tile .shape-fill{fill:#fffcf7e6}.assignment-preview .consumer-keycap-svg-tile .shape-shadow{fill:#a9977d2e}.assignment-preview .consumer-keycap-svg-tile .shape-stroke{stroke:#4e3d262e}.key-tile.active{border-color:#1b8f827a;background:var(--selection-soft);box-shadow:inset 0 0 0 1px #1b8f8247,inset 0 -6px #1b8f822e}.key-tile.active .consumer-keycap-svg-tile .shape-fill{fill:var(--selection-soft)}.key-tile.active .consumer-keycap-svg-tile .shape-shadow{fill:#1b8f8229}.key-tile.active .consumer-keycap-svg-tile .shape-stroke{stroke:#1b8f8261}.editor-panel .panel-heading{justify-content:space-between}.editor-panel{gap:10px;padding:16px;font-size:12px}.editor-panel .panel-kicker{font-size:10px}.editor-panel .panel-heading h2{font-size:16px}.editor-panel label{display:grid;gap:4px}.editor-panel input,.editor-panel select{min-height:36px;font-size:12px}.editor-panel .assignment-summary,.modifier-field,.modifier-selects{grid-column:1 / -1}.editor-panel button{min-height:36px;padding:0 12px}.remap-actions button{min-height:32px;padding:0 12px}.modifier-selects{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.assignment-summary{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin:2px 0 0;padding-top:10px;border-top:1px solid rgba(78,61,38,.08)}.assignment-summary div{display:grid;gap:4px}.assignment-summary dt{font-size:11px}.assignment-summary dd{margin:0;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.primary-action{border-color:#0d7a723d;background:var(--accent);color:#f5f9f8;box-shadow:0 10px 18px #08544f2e}.firmware-panel{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:18px}.firmware-summary{display:grid;gap:8px;min-width:0}.firmware-summary h2{margin:0;font-size:18px}.firmware-panel span{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.firmware-help{display:grid;gap:12px}.firmware-help section{display:grid;gap:8px;padding:12px;border:1px solid rgba(78,61,38,.1);border-radius:8px;background:#fffbf6b8}.firmware-help h3{margin:0;color:var(--accent-strong);font-size:13px}.firmware-help ol{display:grid;gap:6px;margin:0;padding-left:20px}.firmware-help li{color:var(--text-muted);font-size:13px;line-height:1.45}.firmware-help strong{color:var(--text)}.firmware-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}.firmware-actions button{min-height:38px;padding:0 14px}.diagnostics-panel{display:grid;align-content:start;gap:18px}.diagnostics-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid rgba(78,61,38,.1);border-radius:8px;background:#fffbf6b8;color:var(--text-muted);font-size:13px}.diagnostics-summary strong{color:var(--accent-strong);font-size:15px}.diagnostics-warning{margin:0;padding:10px 12px;border:1px solid rgba(190,120,30,.28);border-radius:8px;background:#fff4dec7;color:#7a4a18;font-size:13px;line-height:1.5}.diagnostic-key-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.diagnostic-key{display:grid;gap:10px;min-height:92px;padding:14px;border:1px solid rgba(78,61,38,.14);border-radius:8px;background:#fffbf6f5;box-shadow:inset 0 -6px #a9977d2e}.diagnostic-key span{color:var(--text-muted);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.diagnostic-key strong{align-self:end;font-size:24px;line-height:1}.diagnostic-key.passed{border-color:#268a3a6b;background:#e4f8e7f5;box-shadow:inset 0 0 0 1px #268a3a42,inset 0 -6px #268a3a33}.diagnostics-list{display:grid;gap:8px;margin:0}.diagnostics-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(78,61,38,.08);font-size:13px}.diagnostics-list div:last-child{padding-bottom:0;border-bottom:0}.diagnostics-list dt{color:var(--text-muted)}.diagnostics-list dd{margin:0;font-weight:800}.diagnostics-result{min-width:58px;padding:6px 10px;border-radius:999px;text-align:center;font-size:12px;letter-spacing:.08em;box-shadow:inset 0 -2px #00000014}.diagnostics-result.passed{border:1px solid rgba(38,138,58,.4);background:#def8e2f5;color:#1f7a33}.diagnostics-result.failed{border:1px solid rgba(185,70,45,.34);background:#ffe8e0f2;color:#96341f}.diagnostics-detail{max-width:62%;color:var(--text);text-align:right;overflow-wrap:anywhere}.picker-panel{container-type:inline-size;overflow:hidden}.picker-panel .panel-heading{margin-bottom:16px}.layer-board,.consumer-board,.keyboard-picker{--key-font-size: 12px;--key-gap: 5px;--key-unit: 44px}.keyboard-scroll{overflow-x:auto;overflow-y:visible}.layer-board,.consumer-board{display:block;max-width:100%;margin-bottom:14px;padding:12px;border:1px solid rgba(78,61,38,.16);border-radius:8px;background:#ede2d4eb;box-shadow:inset 0 1px #ffffff73;overflow-x:auto}.keyboard-picker{min-width:max-content;display:grid;gap:8px;grid-template-columns:max-content max-content max-content;align-items:stretch;overflow:visible}.keyboard-main,.keyboard-cluster{display:grid;gap:8px}.keyboard-main{align-self:start}.keyboard-section,.keyboard-main,.numpad-cluster{padding:10px;border:1px solid rgba(78,61,38,.18);border-radius:8px;background:#decfbdfa;box-shadow:inset 0 1px #ffffff75,inset 0 -1px #785b362e}.navigation-section{display:flex;flex-direction:column;justify-content:space-between;gap:16px}.numpad-cluster{padding-top:calc(10px + var(--key-unit) + 8px)}.picker-row{display:flex;gap:var(--key-gap);min-width:max-content}.picker-row.compact{min-width:0}.picker-key,.picker-spacer,.picker-decor{flex:0 0 calc((var(--key-units, 1) * var(--key-unit)) + ((var(--key-units, 1) - 1) * var(--key-gap)));min-width:0}.picker-key{--key-surface: rgba(255, 252, 247, .98);--key-edge: rgba(78, 61, 38, .2);--key-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), inset 0 -5px 0 rgba(169, 151, 125, .24), 0 1px 0 rgba(109, 86, 48, .14);--key-text: #312b24;display:inline-flex;align-items:center;justify-content:center;height:calc(var(--key-unit) * .98);padding:0;position:relative;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit}.picker-key:hover:not(:disabled){border:0;background:transparent;box-shadow:none}.picker-key.layout-accent{--key-text: #9f4f1d}.keyboard-picker.us .picker-key.layout-accent{--key-text: #006f75}.picker-key.active,.picker-decor.active{--key-surface: var(--selection-soft);--key-edge: rgba(27, 143, 130, .46);--key-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 -5px 0 rgba(27, 143, 130, .2), 0 1px 0 rgba(11, 95, 88, .16);--key-text: var(--selection-strong)}.picker-decor{height:calc(var(--key-unit) * .98);pointer-events:none}.picker-decor.jis-enter-lower,.picker-decor.numpad-enter-lower,.picker-decor.numpad-plus-lower{visibility:hidden}.keycap-svg{display:block;overflow:visible}.keycap-svg-regular{width:100%;height:100%}.keycap-svg-jis-enter,.keycap-svg-numpad-enter,.keycap-svg-numpad-plus{position:absolute;top:0;left:0}.keycap-svg-jis-enter{width:calc((var(--key-unit) * 1.75) + (var(--key-gap) * .75));height:calc((var(--key-unit) * 2) + var(--key-gap))}.keycap-svg-numpad-enter,.keycap-svg-numpad-plus{width:var(--key-unit);height:calc((var(--key-unit) * 2) + var(--key-gap))}.keycap-svg .shape-fill{fill:var(--key-surface)}.keycap-svg .shape-shadow{fill:#a9977d3d}.picker-key.active .keycap-svg .shape-shadow{fill:#1b8f8233}.keycap-svg .shape-stroke{fill:none;stroke:var(--key-edge);stroke-width:2;vector-effect:non-scaling-stroke}.keycap-svg .shape-label{fill:var(--key-text);font-size:14px;font-weight:800;dominant-baseline:middle;transform-box:fill-box;transform-origin:center}.keycap-svg .shape-label-narrow{font-size:13px;transform:scaleX(.88)}.keycap-svg .shape-label-compact{font-size:12px;transform:scaleX(.76)}.consumer-keycap-svg .consumer-icon{color:var(--key-text)}.consumer-strip .consumer-keycap-svg{height:38px;margin-top:2px}.consumer-keycap-svg .icon-fill{fill:currentColor}.consumer-keycap-svg .icon-stroke{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.consumer-keycap-svg .icon-stroke.danger{stroke:#c94d35}.layer-strip,.consumer-strip{display:flex;flex-wrap:wrap;gap:var(--key-gap)}.layer-strip .picker-key,.consumer-strip .picker-key{flex:0 0 calc(var(--key-unit) * 2.16)}.guide-shell{display:grid;align-content:start;gap:18px}.guide-topbar,.guide-content{width:min(100%,1360px);margin:0 auto}.guide-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#fffcf7eb;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.guide-brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.guide-brand .brand-mark{width:42px;height:42px}.guide-brand span{display:grid;gap:2px}.guide-brand small{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.guide-brand strong{font-size:18px}.guide-nav,.guide-hero-actions{display:flex;flex-wrap:wrap;gap:8px}.guide-nav .ghost-button{min-height:38px;padding:0 13px}.guide-content{display:grid;gap:18px}.guide-body{display:grid;align-items:start;gap:18px;grid-template-columns:minmax(0,1fr) 184px}.guide-main{display:grid;gap:18px;grid-column:1}.guide-hero{display:grid;align-items:stretch;gap:18px;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr)}.guide-hero-copy,.guide-facts,.guide-section,.guide-jump-nav,.guide-footer{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-panel)}.guide-hero-copy{padding:clamp(26px,5vw,52px);background:radial-gradient(circle at 88% 12%,rgba(13,122,114,.2),transparent 34%),linear-gradient(140deg,#fffcf7f5,#f5eee4e6)}.guide-hero h1{max-width:720px;margin:8px 0 0;font-size:clamp(38px,6vw,68px);line-height:.98;letter-spacing:-.045em}.guide-hero-copy>p{max-width:680px;margin:20px 0 0;color:var(--text-muted);font-size:16px;line-height:1.8}.guide-hero-actions{margin-top:28px}.guide-facts{display:grid;align-content:center;gap:0;margin:0;padding:18px 22px;background:#faf4eceb}.guide-facts div{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid rgba(78,61,38,.1)}.guide-facts div:last-child{border-bottom:0}.guide-facts dt{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.guide-facts dd{margin:0;font-size:16px;font-weight:800}.guide-jump-nav{position:sticky;top:18px;display:grid;grid-column:2;grid-row:1;grid-template-columns:1fr;overflow:hidden}.guide-jump-nav a{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 16px;border-bottom:1px solid var(--line);color:inherit;font-size:13px;font-weight:800;text-decoration:none}.guide-jump-nav a:last-child{border-bottom:0}.guide-jump-nav a:hover{background:var(--selection-soft)}.guide-jump-nav span,.guide-action-card>span,.guide-check-flow>div>span{color:var(--accent-strong);font-size:11px;font-weight:800;letter-spacing:.12em}.guide-section{scroll-margin-top:18px;padding:clamp(22px,4vw,36px)}.guide-heading{display:grid;gap:7px;max-width:760px;margin-bottom:24px}.guide-heading h2,.guide-heading p{margin:0}.guide-heading h2{font-size:clamp(25px,3vw,34px);line-height:1.1;letter-spacing:-.025em}.guide-heading p{color:var(--text-muted);line-height:1.7}.guide-check-grid,.guide-action-grid{display:grid;gap:14px}.guide-check-grid{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(220px,.7fr))}.guide-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-checklist,.guide-action-card{padding:20px;border:1px solid rgba(78,61,38,.11);border-radius:8px;background:#fffcf7b8}.guide-checklist h3,.guide-action-card h3{margin:0;font-size:17px}.guide-checklist ul,.guide-step-copy ul{display:grid;gap:9px;margin:16px 0 0;padding:0;list-style:none}.guide-checklist li,.guide-step-copy li{position:relative;padding-left:22px;color:var(--text-muted);line-height:1.5}.guide-checklist li:before,.guide-step-copy li:before{position:absolute;top:.16em;left:0;display:grid;place-items:center;width:15px;height:15px;border:1px solid rgba(13,122,114,.28);border-radius:4px;color:var(--accent-strong);content:"✓";font-size:9px;font-weight:900}.guide-part-reference{display:grid;gap:14px;margin-top:4px}.guide-part-reference-heading h3,.guide-part-reference-heading p,.guide-part-card-copy h4,.guide-part-card-copy p{margin:0}.guide-part-reference-heading h3{font-size:20px}.guide-part-reference-heading p{max-width:760px;margin-top:5px;color:var(--text-muted);line-height:1.65}.guide-part-reference-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.guide-part-card{min-width:0;overflow:hidden;border:1px solid rgba(78,61,38,.11);border-radius:8px;background:#fffcf7b8}.guide-part-card-copy{padding:16px}.guide-part-card-copy>span{display:inline-flex;margin-bottom:8px;padding:3px 8px;border-radius:999px;background:#0d7a721a;color:var(--accent-strong);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.guide-part-card-copy h4{font-size:16px}.guide-part-card-copy p{margin-top:7px;color:var(--text-muted);font-size:13px;line-height:1.55}.guide-photo-slot{width:100%;aspect-ratio:4 / 3;border-radius:0}.guide-photo-slot.placeholder{display:grid;align-content:center;justify-items:center;gap:7px;padding:18px;border:1px dashed rgba(177,102,38,.38);background:linear-gradient(135deg,rgba(244,174,93,.12),transparent 64%),#fff8eed1;color:var(--text-muted);text-align:center}.guide-photo-slot.placeholder>span{color:#a45e22;font-size:10px;font-weight:900;letter-spacing:.14em}.guide-photo-slot.placeholder>strong{max-width:260px;color:var(--text);font-size:14px;line-height:1.35}.guide-photo-slot.placeholder>small{font-size:11px}button.guide-photo-slot.available{display:block;overflow:hidden;padding:0;background:#fffcf7c7}.guide-photo-slot.available img{display:block;width:100%;height:100%;object-fit:cover}.guide-notice{margin-top:14px;padding:16px 18px;border-left:4px solid #b36a2e;border-radius:6px;background:#d38c4a1a}.guide-notice.warning{border-left-color:#b36a2e;background:#d38c4a1a}.guide-notice strong{display:block;margin-bottom:4px}.guide-notice p{margin:0;color:var(--text-muted);line-height:1.6}.guide-layout-section{background:linear-gradient(#fffcf7ed,#fffcf7ed),repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(13,122,114,.08) 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,rgba(13,122,114,.08) 24px)}.guide-device{display:grid;gap:14px;max-width:900px;margin:0 auto}.guide-device-board{position:relative;isolation:isolate;width:100%;aspect-ratio:var(--guide-board-aspect-ratio, 2 / 1)}.guide-device-outline{position:absolute;inset:0;display:block;width:100%;height:100%;filter:drop-shadow(0 18px 18px rgba(39,28,12,.2));object-fit:contain;pointer-events:none;z-index:0}.guide-device-keys{position:absolute;inset:0;z-index:1}.guide-device-key{position:absolute;display:grid;align-content:center;justify-items:center;gap:1px;top:var(--guide-key-top);left:var(--guide-key-left);width:var(--guide-key-width, 11.7%);height:var(--guide-key-height, 23.4%);border:clamp(1px,.3vw,3px) solid rgba(255,255,255,.42);border-radius:clamp(5px,1vw,9px);background:#b86d58;color:#fff8f1;font-size:clamp(7px,1.6vw,14px);font-weight:800;box-shadow:inset 0 clamp(-7px,-.8vw,-3px) 0 #4e3d262e,0 5px 9px #4e3d2629}.guide-device-key small{font-size:.68em;font-weight:900;letter-spacing:.04em;opacity:.72}.guide-device-key[data-tone=light]{background:#eef0dd;color:#4b493e}.guide-device-encoder{position:absolute;right:var(--guide-encoder-right, 0);bottom:var(--guide-encoder-bottom, 0);display:grid;place-items:center;width:var(--guide-encoder-width, 21%);aspect-ratio:1;padding:clamp(5px,1.6vw,14px);border:clamp(3px,.55vw,5px) solid rgba(255,255,255,.34);border-radius:50%;background:linear-gradient(145deg,#e5dfd6,#c8c0b5);color:#40372e;text-align:center;box-shadow:inset 0 0 0 clamp(4px,1vw,9px) #4e3d261f,0 10px 18px #0003;z-index:2}.guide-device-encoder span{font-size:clamp(8px,1.6vw,14px);font-weight:900}.guide-device-encoder small{font-size:clamp(5px,1vw,9px);font-weight:700}.guide-device-led-strip{display:flex;align-items:center;justify-content:center;justify-self:center;gap:clamp(6px,1.8vw,18px);box-sizing:border-box;width:min(66%,590px);min-height:clamp(28px,5vw,42px);padding:3px clamp(6px,1.2vw,12px);border:2px solid rgba(13,122,114,.14);border-radius:999px;background:linear-gradient(90deg,#60dcc447,#f4cf5b4d,#df59834d,#7075ee4d);box-shadow:0 0 18px #32c9bc38}.guide-device-led-strip>span{color:#4b493e;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.guide-device-led-strip>div{display:flex;gap:clamp(5px,1.3vw,12px)}.guide-device-led-strip i{display:grid;place-items:center;width:clamp(18px,2.8vw,25px);aspect-ratio:1;border:clamp(1px,.3vw,3px) solid rgba(78,73,66,.24);border-radius:50%;background:#d7d5d1;color:#45433f;font-size:clamp(7px,1vw,9px);font-style:normal;font-weight:900;box-shadow:0 0 12px #ffffff9e}.guide-completed-reference,.guide-pcb-reference{display:grid;gap:16px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(78,61,38,.1)}.guide-completed-reference h3,.guide-completed-reference p,.guide-pcb-reference h3,.guide-pcb-reference p{margin:0}.guide-completed-reference h3,.guide-pcb-reference h3{font-size:18px}.guide-completed-reference p,.guide-pcb-reference p{max-width:760px;margin-top:5px;color:var(--text-muted);line-height:1.6}.guide-completed-gallery,.guide-pcb-gallery{display:grid;gap:12px}.guide-completed-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-pcb-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-completed-gallery figure,.guide-pcb-gallery figure{overflow:hidden;margin:0;border:1px solid rgba(78,61,38,.14);border-radius:8px;background:#fffcf7d1}.guide-completed-gallery button,.guide-pcb-gallery button{display:block;width:100%;padding:0;border:0;border-radius:0;overflow:hidden;background:#20211f;box-shadow:none;cursor:zoom-in}.guide-completed-gallery img,.guide-pcb-gallery img{display:block;width:100%;height:auto;aspect-ratio:1366 / 604;object-fit:contain;transition:transform .16s ease}.guide-completed-gallery img{aspect-ratio:4 / 3;object-fit:cover}.guide-pcb-gallery img{aspect-ratio:1366 / 604;object-fit:contain}.guide-completed-gallery button:hover img,.guide-pcb-gallery button:hover img{transform:scale(1.025)}.guide-completed-gallery figcaption,.guide-pcb-gallery figcaption{padding:10px 12px;color:var(--text-muted);font-size:12px;font-weight:800}.guide-image-lightbox{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#141716db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50}.guide-image-lightbox-dialog{position:relative;display:grid;gap:10px;width:min(1366px,calc(100vw - 40px));max-height:calc(100vh - 40px);padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#171918;color:#f7f3ed;box-shadow:0 28px 70px #0000006b}.guide-image-lightbox-dialog img{display:block;width:100%;max-height:calc(100vh - 104px);object-fit:contain}.guide-image-lightbox-dialog>strong{padding:0 4px;font-size:13px}.guide-image-lightbox-close{position:absolute;top:22px;right:22px;display:grid;place-items:center;width:42px;min-height:42px;padding:0;border-color:#ffffff57;border-radius:50%;background:#121413d6;color:#fff;font-size:25px;line-height:1;box-shadow:0 8px 20px #00000047;z-index:1}.guide-steps{display:grid;gap:0;margin:0;padding:0;list-style:none}.guide-steps>li{display:grid;gap:20px;grid-template-columns:54px minmax(0,1fr);padding:24px 0;border-top:1px solid rgba(78,61,38,.1)}.guide-steps>li:first-child{padding-top:0;border-top:0}.guide-step-content{display:grid;align-items:start;gap:20px;grid-template-columns:minmax(0,1fr) minmax(220px,300px)}.guide-step-content .guide-photo-slot{border-radius:8px}.guide-step-number{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:900}.guide-step-copy h3,.guide-step-copy p{margin:0}.guide-step-copy h3{font-size:19px}.guide-step-copy>p{margin-top:7px;color:var(--text-muted);line-height:1.65}.guide-download-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.guide-stl-viewer{display:grid;gap:12px;width:min(100%,780px);margin:0 auto 20px;padding:16px;border:1px solid rgba(78,61,38,.13);border-radius:10px;background:radial-gradient(circle at 85% 0%,rgba(13,122,114,.14),transparent 34%),#202725;color:#f7f3ed}.guide-material-notice{width:min(100%,780px);margin:0 auto 18px}.guide-stl-viewer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.guide-stl-viewer-heading h3,.guide-stl-viewer-heading p{margin:0}.guide-stl-viewer-heading h3{margin-top:4px;font-size:19px}.guide-stl-viewer-heading p{max-width:680px;margin-top:6px;color:#f7f3eda8;font-size:13px;line-height:1.55}.guide-stl-viewer-heading .panel-kicker{color:#8fddd5}.guide-stl-viewer-heading .ghost-button{flex:0 0 auto;min-height:36px;padding:0 12px;border-color:#ffffff38;background:#ffffff14;color:#f7f3ed}.guide-stl-model-tabs{display:flex;flex-wrap:wrap;gap:7px}.guide-stl-model-tabs button{min-height:34px;padding:0 12px;border-color:#ffffff29;background:#ffffff0f;color:#f7f3edb8;font-size:12px;box-shadow:none}.guide-stl-model-tabs button.active{border-color:#8fddd59e;background:#8fddd529;color:#d9fffa}.guide-stl-viewport-shell{position:relative;overflow:hidden;height:clamp(240px,30vw,340px);border:1px solid rgba(255,255,255,.11);border-radius:8px;background:radial-gradient(circle at 50% 35%,rgba(77,166,155,.15),transparent 43%),#131716}.guide-stl-viewport,.guide-stl-viewport canvas{display:block;width:100%;height:100%}.guide-stl-status{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#13171685;color:#f7f3edcc;font-size:13px;font-weight:700;text-align:center;pointer-events:none}.guide-stl-status.loading:before{position:absolute;width:36px;height:36px;margin-top:-52px;border:3px solid rgba(143,221,213,.18);border-top-color:#8fddd5;border-radius:50%;animation:guide-stl-spin .8s linear infinite;content:""}.guide-stl-viewer-footer{display:flex;justify-content:space-between;gap:16px;color:#f7f3ed94;font-size:11px}.guide-stl-viewer-footer a{color:#8fddd5;font-weight:800}@keyframes guide-stl-spin{to{transform:rotate(360deg)}}.guide-download-card{display:grid;align-content:start;gap:7px;min-height:174px;padding:18px;border:1px solid rgba(78,61,38,.13);border-radius:8px;background:#fffcf7c2;color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.guide-download-card:hover{border-color:#0d7a7257;box-shadow:0 12px 24px #271c0c1a;transform:translateY(-2px)}.guide-download-card>span{color:var(--accent-strong);font-size:10px;font-weight:900;letter-spacing:.14em}.guide-download-card>strong{font-size:17px}.guide-download-card>small{color:var(--text-muted);font-size:12px;line-height:1.5}.guide-download-card>b{align-self:end;margin-top:auto;padding-top:10px;color:var(--accent-strong);font-size:12px}.guide-action-card{display:grid;align-content:start;gap:10px}.guide-action-card p{min-height:3.2em;margin:0;color:var(--text-muted);line-height:1.6}.guide-action-card .product-action{justify-self:start;margin-top:6px}.guide-check-flow{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-check-flow>div{display:grid;align-items:start;gap:12px;grid-template-columns:28px minmax(0,1fr);padding:16px;border:1px solid rgba(78,61,38,.1);border-radius:8px;background:#fffcf7b8}.guide-check-flow strong{display:block}.guide-check-flow p{margin:4px 0 0;color:var(--text-muted);font-size:13px;line-height:1.55}.guide-diagnostics-action{margin-top:18px}.guide-troubleshooting{display:grid;gap:10px}.guide-troubleshooting details{border:1px solid rgba(78,61,38,.12);border-radius:8px;background:#fffcf7b8}.guide-troubleshooting summary{padding:16px 18px;cursor:pointer;font-weight:800}.guide-troubleshooting details[open] summary{border-bottom:1px solid rgba(78,61,38,.1)}.guide-troubleshooting details p{margin:0;padding:16px 18px;color:var(--text-muted);line-height:1.65}.guide-footer{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(280px,.6fr);padding:24px;background:#254942;color:#f7f3ed}.guide-footer strong{font-size:20px}.guide-footer p{margin:6px 0 0;line-height:1.6}.guide-footer-meta{display:grid;align-content:start;gap:16px}.guide-distribution strong{font-size:14px}.guide-distribution p{color:#f7f3edd1;font-size:13px}.guide-distribution a{display:inline-block;margin-top:8px;color:#9ce4dc;font-size:13px;font-weight:800}.guide-license-note{margin-top:0!important;color:#f7f3edb8;font-size:12px}.guide-license-note a{color:#9ce4dc}@media(max-width:1050px){.guide-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-check-grid>.guide-checklist:first-child{grid-column:1 / -1}}@media(max-width:820px){.guide-body,.guide-hero{grid-template-columns:1fr}.guide-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-facts div:nth-last-child(2){border-bottom:0}.guide-jump-nav{position:static;grid-column:1;grid-row:1;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-main{grid-row:2}.guide-jump-nav a{border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.guide-jump-nav a:nth-child(2n){border-right:0}.guide-jump-nav a:last-child{grid-column:1 / -1;border-bottom:0;border-right:0}.guide-footer{grid-template-columns:1fr}}@media(max-width:640px){.guide-shell{padding:14px 14px 28px}.guide-topbar{align-items:flex-start;flex-direction:column}.guide-nav{width:100%}.guide-nav .ghost-button{flex:1 1 auto}.guide-hero h1{font-size:42px}.guide-facts,.guide-check-grid,.guide-action-grid,.guide-check-flow{grid-template-columns:1fr}.guide-facts div:nth-last-child(2){border-bottom:1px solid rgba(78,61,38,.1)}.guide-stl-viewer-heading,.guide-stl-viewer-footer{align-items:flex-start;flex-direction:column}.guide-stl-viewport-shell{height:240px}.guide-completed-gallery,.guide-pcb-gallery{grid-template-columns:1fr}.guide-steps>li{gap:12px;grid-template-columns:42px minmax(0,1fr)}.guide-step-content{grid-template-columns:1fr}.guide-step-number{width:38px;height:38px}}@media print{.guide-shell{display:block;padding:0}.guide-topbar,.guide-hero-actions,.guide-jump-nav,.guide-image-lightbox,.guide-stl-viewer,.guide-photo-slot.placeholder,.guide-action-card .product-action,.guide-diagnostics-action{display:none}.guide-content{display:block;width:100%}.guide-body,.guide-main{display:block}.guide-hero-copy,.guide-facts,.guide-section,.guide-footer{break-inside:avoid;box-shadow:none}.guide-section{margin-top:12px}}@container (max-width: 1240px){.layer-board,.consumer-board,.keyboard-picker{--key-font-size: 11px;--key-unit: 40px}}@container (max-width: 1140px){.layer-board,.consumer-board,.keyboard-picker{--key-font-size: 10px;--key-unit: 36px}}@container (max-width: 1030px){.layer-board,.consumer-board,.keyboard-picker{--key-font-size: 9px;--key-unit: 32px}}@container (max-width: 940px){.layer-board,.consumer-board,.keyboard-picker{--key-font-size: 8px;--key-unit: 29px}}@media(max-width:1060px){.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.control-map,.layer-config-map{grid-template-columns:1fr}.hardware-panel{grid-column:1;grid-row:1}.remap-panel{grid-column:2;grid-row:1}.editor-panel{grid-column:1 / -1;grid-row:2}.firmware-panel,.picker-panel{grid-column:1 / -1}}@media(max-width:900px){.app-shell{padding:16px 16px 28px}.topbar{grid-template-columns:1fr;gap:18px;padding:18px}.product-card{grid-template-areas:"copy" "visual" "specs" "actions";grid-template-columns:1fr}.product-device-visual{align-self:auto;width:min(100%,440px)}.connection{justify-content:space-between}.connection-actions{width:100%;justify-content:flex-start}.connection-meta{align-items:flex-start;justify-content:flex-start}.connection-text{text-align:left}.workspace,.diagnostics-workspace{grid-template-columns:1fr}.hardware-panel,.remap-panel,.editor-panel,.picker-panel{grid-column:auto;grid-row:auto;min-height:auto}.panel{padding:16px}.panel-heading,.remap-strip{align-items:flex-start;flex-direction:column}.remap-strip .layer-config-map,.remap-strip .control-map{width:100%}.key-grid,.encoder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-panel{grid-template-columns:1fr}.modifier-selects{grid-template-columns:repeat(2,minmax(0,1fr))}.remap-actions{justify-content:flex-start;width:100%}}@media(max-width:640px){.workspace-scale-control{display:none}.workspace-viewport[data-workspace-scale="80"] .workspace,.workspace-viewport[data-workspace-scale="90"] .workspace{zoom:1}.brand{align-items:flex-start}.home-hero{padding:20px}.home-brand{flex-direction:column}.brand h1{font-size:26px}.home-brand h1{font-size:42px}.connection{flex-direction:column;align-items:stretch}.connection button{width:100%}.connection-actions{flex-direction:column;align-items:stretch}.connection-meta{flex-direction:column;align-items:flex-start}.connection-text{white-space:normal}.modal-backdrop{padding:16px}.modal-header{flex-direction:column}.key-grid,.encoder-grid,.diagnostic-key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assignment-summary,.modifier-selects{grid-template-columns:1fr}}@media(max-width:400px){.product-actions .product-action{padding-inline:6px;font-size:11px}}