.hw-app{--hw-teal:#66e0c2;--hw-teal-ink:#102b26;--hw-line:var(--color-line);background:var(--color-void);color:var(--color-fg);min-height:100dvh;font-size:14px}.hw-app button,.hw-app input,.hw-app select,.hw-app textarea{font:inherit}.hw-app button{cursor:pointer}.hw-app button:disabled{opacity:.4;cursor:not-allowed}.hw-app :is(button,input,textarea,select,a):focus-visible{outline:2px solid var(--hw-teal);outline-offset:4px}.hw-nav{border-bottom:1px solid var(--hw-line);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:14px 3%;display:flex}.hw-nav-end{align-items:center;gap:16px;display:flex}.hw-beta{font:10px var(--font-geist-mono), monospace;color:var(--color-mute);letter-spacing:.1em}.hw-shell{max-width:1640px;margin:auto;padding:38px 3% 0}.hw-onboarding-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070a0dcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.hw-onboarding{background:var(--color-surface);border:1px solid #66e0c255;border-radius:18px;width:min(100%,560px);padding:28px;box-shadow:0 30px 90px #0006}.hw-onboarding-topline,.hw-onboarding-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.hw-onboarding-progress{grid-template-columns:repeat(3,1fr);gap:6px;margin:24px 0 18px;display:grid}.hw-onboarding-progress span{background:var(--color-line-2);border-radius:9px;height:4px}.hw-onboarding-progress span.active{background:var(--hw-teal)}.hw-onboarding-count{color:var(--color-mute);font:10px var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase}.hw-onboarding h2{letter-spacing:-.04em;margin:10px 0;font-size:27px;font-weight:500}.hw-onboarding-body{min-height:74px;color:var(--color-mute);font-size:13px;line-height:1.75}.hw-onboarding-actions{justify-content:flex-end;margin-top:24px}.hw-tour{z-index:95;pointer-events:none;position:fixed;inset:0}.hw-tour-dim{background:#040506bd;position:absolute;inset:0}.hw-tour-spotlight{border:2px solid var(--hw-teal);pointer-events:none;border-radius:7px;position:absolute}.hw-tour-card{background:var(--color-surface);pointer-events:auto;border:1px solid #66e0c266;border-radius:16px;padding:16px;position:absolute;box-shadow:0 24px 70px #0006}.hw-tour-card h2{margin:5px 0 6px;font-size:15px;font-weight:550}.hw-tour-card>p:not(.hw-eyebrow){color:var(--color-mute);font-size:12px;line-height:1.65}.hw-tour-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.hw-tour-actions>div{gap:6px;display:flex}.hw-title{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.hw-eyebrow{color:var(--color-mute);font:10px var(--font-geist-mono), monospace;letter-spacing:.13em;align-items:center;gap:8px;display:flex}.hw-eyebrow>span{background:var(--hw-teal);border-radius:50%;width:6px;height:6px}.hw-title h1{letter-spacing:-.055em;margin:11px 0 10px;font-size:clamp(30px,3vw,47px);font-weight:500;line-height:1.15}.hw-title h1 em{color:var(--hw-teal);font-style:normal}.hw-title p:last-child{color:var(--color-mute);font-size:14px}.hw-connection{color:var(--color-mute);flex-shrink:0;align-items:center;gap:9px;font-size:12px;display:flex}.hw-connection button{margin-left:10px}.hw-dot{background:var(--color-dim);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.hw-dot.on{background:var(--hw-teal);box-shadow:0 0 12px #66e0c235}.hw-button{border:1px solid var(--color-line-2);background:var(--color-surface-2);min-height:38px;color:var(--color-fg);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;transition:filter .15s,transform .15s;display:inline-flex;font-size:12px!important;font-weight:550!important}.hw-button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.hw-button.primary{background:var(--hw-teal);color:var(--hw-teal-ink);border-color:#0000}.hw-icon{width:30px;height:30px;color:var(--color-mute);background:0 0;border:0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hw-icon:hover{background:var(--color-surface-2);color:var(--color-fg)}.hw-guide{border:1px solid var(--hw-line);background:linear-gradient(105deg,#66e0c208,#0000 65%);border-radius:14px;margin-bottom:24px;padding:16px 22px 20px}.hw-guide-heading{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.hw-guide-heading strong{font-weight:500}.hw-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.hw-steps>div{align-items:flex-start;gap:12px;display:flex}.hw-steps>div>span{border:1px solid var(--color-line-2);width:28px;height:28px;color:var(--color-mute);font:10px var(--font-geist-mono), monospace;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.hw-steps>div>span.done{color:var(--hw-teal);background:#66e0c20d;border-color:#66e0c244}.hw-steps strong{font-size:12px;font-weight:500}.hw-steps p{color:var(--color-mute);max-width:215px;margin-top:4px;font-size:11px;line-height:1.6}.hw-workspace{grid-template-columns:220px minmax(280px,.95fr) minmax(390px,1.2fr);align-items:start;gap:18px;display:grid}.hw-library,.hw-board-panel,.hw-editor-panel{border:1px solid var(--hw-line);background:var(--color-surface);border-radius:15px;min-width:0;overflow:hidden}.hw-panel-heading{justify-content:space-between;align-items:center;gap:8px;padding:21px 20px 16px;display:flex}.hw-panel-heading h2{letter-spacing:-.04em;margin-top:8px;font-size:19px;font-weight:500}.hw-panel-heading h2>span{color:var(--color-mute);letter-spacing:0;margin-left:4px;font-size:12px}.hw-library .hw-eyebrow{font-size:8px}.hw-count{color:var(--color-mute);background:var(--color-surface-2);border-radius:5px;padding:3px 7px;font-size:11px}.hw-search{border:1px solid var(--hw-line);color:var(--color-mute);border-radius:7px;align-items:center;gap:7px;margin:0 12px 12px;padding:8px;display:flex}.hw-search input{background:0 0;outline:0;width:100%;min-width:0;font-size:11px!important}.hw-recipes{flex-direction:column;gap:4px;padding:0 8px 12px;display:flex}.hw-recipe{text-align:left;width:100%;color:var(--color-mute);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:11px 9px;display:flex}.hw-recipe.selected{color:var(--color-fg);background:#66e0c20a;border-color:#66e0c244}.hw-recipe:hover{background:var(--color-surface-2)}.hw-recipe-icon{width:29px;height:31px;color:var(--color-mute);place-items:center;display:grid}.hw-recipe.selected .hw-recipe-icon{color:var(--hw-teal)}.hw-recipe small{color:var(--color-mute);margin-bottom:2px;font-size:9px;display:block}.hw-recipe strong{font-size:11px;font-weight:500;display:block}.hw-recipe-number{font:9px var(--font-geist-mono), monospace;opacity:.6;margin-left:auto}.hw-library-note{border-top:1px solid var(--hw-line);gap:8px;margin:0 15px;padding:18px 0;font-size:11px;line-height:1.7;display:flex}.hw-library-note svg{color:var(--hw-teal);flex-shrink:0;margin-top:2px}.hw-library-note span{color:var(--color-mute);font-size:10px}.hw-text-link{color:var(--hw-teal);background:0 0;border:0;align-items:center;gap:8px;display:inline-flex;font-size:11px!important}.hw-library>.hw-text-link{padding:0 16px 20px}.hw-chip{border:1px solid var(--hw-line);color:var(--color-mute);font:8px var(--font-geist-mono), monospace;white-space:nowrap;border-radius:6px;padding:6px}.hw-board-stage{background:radial-gradient(ellipse at 50% 40%, #24434b55, transparent 65%), linear-gradient(0deg, #14242a22, #14242a22), var(--color-canvas);height:310px;position:relative}.hw-board-stage>img{object-fit:cover;object-position:center 73%;width:100%;height:100%}.hw-preview-label{font:8px var(--font-geist-mono), monospace;letter-spacing:.06em;color:var(--color-mute);pointer-events:none;position:absolute;top:14px;left:16px}.hw-scene-controls{gap:5px;display:flex;position:absolute;bottom:12px;right:12px}.hw-button.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d4e2e9;background:#161d26bd;border-color:#ffffff1f;min-height:28px;padding:6px 9px;font-size:10px!important}.hw-scene-loading{height:100%;color:var(--color-mute);justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.hw-board-specs{border-bottom:1px solid var(--hw-line);grid-template-columns:repeat(3,1fr);padding:20px 0;display:grid}.hw-board-specs>div{text-align:center;border-right:1px solid var(--hw-line)}.hw-board-specs>div:last-child{border:0}.hw-board-specs strong{letter-spacing:-.04em;font-size:23px;font-weight:500;display:block}.hw-board-specs span{color:var(--color-mute);font-size:10px}.hw-board-specs strong span{font-size:11px}.hw-project-card{padding:22px}.hw-project-card h3{letter-spacing:-.04em;margin:11px 0 8px;font-size:23px;font-weight:500}.hw-project-card>p{color:var(--color-mute);font-size:12px;line-height:1.8}.hw-parts{color:var(--color-mute);background:var(--color-canvas);border-radius:8px;align-items:flex-start;gap:8px;margin:16px 0;padding:12px;font-size:10px;line-height:1.6;display:flex}.hw-parts svg{flex-shrink:0}.hw-grounding{border-top:1px solid var(--hw-line);align-items:center;gap:10px;margin:0 22px;padding:18px 0;font-size:11px;line-height:1.6;display:flex}.hw-grounding p>span{color:var(--color-mute);font-size:10px}.hw-editor-top{border-bottom:1px solid var(--hw-line);justify-content:space-between;align-items:center;padding:0 12px;display:flex}.hw-editor-tabs{gap:16px;display:flex}.hw-editor-tabs button{height:51px;color:var(--color-mute);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;display:flex;font-size:11px!important}.hw-editor-tabs button[aria-selected=true]{color:var(--hw-teal);border-bottom-color:var(--hw-teal)}.hw-filebar{background:var(--color-canvas);font:10px var(--font-geist-mono), monospace;color:var(--color-mute);border-bottom:1px solid var(--hw-line);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.hw-filebar>span{align-items:center;gap:6px;display:flex}.hw-file-dot{background:#efc47f;border-radius:50%;width:6px;height:6px}.hw-filebar label{align-items:center;gap:3px;display:flex}.hw-app select{background:var(--color-surface);border:1px solid var(--hw-line);color:var(--color-fg);border-radius:5px;max-width:100%;padding:5px 6px;font-size:10px!important}.hw-filebar select{appearance:none;background:0 0;border:0}.hw-code{background:var(--color-canvas);height:330px;padding:16px 0;display:flex}.hw-code pre{text-align:right;width:44px;color:var(--color-dim);-webkit-user-select:none;user-select:none;flex-shrink:0;padding-right:12px;overflow:hidden}.hw-code textarea{resize:none;width:100%;min-width:0;color:var(--color-fg);white-space:pre;tab-size:2;background:0 0;border:0;padding:0 16px 0 0;overflow:auto;outline:none!important}.hw-code :is(pre,textarea){font:11px/1.9 var(--font-geist-mono), monospace!important}.hw-ai{border-block:1px solid var(--hw-line);background:linear-gradient(100deg,#66e0c207,#0000);padding:16px}.hw-ai-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hw-ai-title>span{align-items:center;gap:7px;font-size:12px;display:flex}.hw-ai-title svg{color:var(--hw-teal)}.hw-ai form{border:1px solid var(--color-line-2);background:var(--color-canvas);border-radius:9px;align-items:center;gap:10px;padding:8px 8px 8px 12px;display:flex}.hw-ai textarea{resize:vertical;width:100%;min-width:0;color:var(--color-fg);background:0 0;border:0;outline:0;line-height:1.7;font-size:11px!important}.hw-ai form button{min-height:32px;padding:7px 10px}.hw-ai>p{color:var(--color-mute);margin:10px 0 0;font-size:9px}.hw-build{padding:16px}.hw-build-status{color:var(--color-mute);align-items:center;gap:8px;min-height:18px;margin-bottom:13px;font-size:10px;display:flex}.hw-build-status svg{color:var(--hw-teal)}.hw-build-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hw-review{color:var(--color-mute);align-items:flex-start;gap:8px;margin:13px 0 9px;font-size:10px;line-height:1.65;display:flex}.hw-review input{accent-color:var(--hw-teal);flex-shrink:0;margin-top:3px}.hw-compiler-status{color:var(--color-mute);font-size:9px;line-height:1.7}.hw-build progress{width:100%;height:5px;accent-color:var(--hw-teal);margin-bottom:10px}.hw-build details{color:var(--color-mute);margin-top:10px;font-size:10px}.hw-build details pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;margin-top:8px;font-size:10px;overflow:auto}.hw-build summary{cursor:pointer}.hw-wiring{min-height:376px;padding:25px 22px}.hw-wiring h3{letter-spacing:-.04em;margin:12px 0;font-size:25px;font-weight:500}.hw-wiring p{color:var(--color-mute);font-size:12px;line-height:1.8}.hw-wiring table{border-collapse:collapse;width:100%;margin:20px 0;font-size:11px}.hw-wiring :is(th,td){text-align:left;border-bottom:1px solid var(--hw-line);padding:12px 8px}.hw-wiring th{color:var(--color-mute);font-size:10px;font-weight:500}.hw-wiring td:first-child{color:var(--hw-teal)}.hw-wiring .hw-muted{font-size:10px}.hw-serial{background:var(--color-canvas);min-height:376px}.hw-serial-toolbar{border-bottom:1px solid var(--hw-line);align-items:center;gap:9px;padding:14px;font-size:11px;display:flex}.hw-serial pre{white-space:pre-wrap;overflow-wrap:anywhere;height:300px;font:11px/1.8 var(--font-geist-mono), monospace;color:var(--hw-teal);padding:18px;overflow:auto}.hw-message{border:1px solid var(--color-line-2);background:var(--color-surface);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;margin:16px 0;padding:14px 18px;font-size:12px;line-height:1.7;display:flex}.hw-message.warning{background:#eabb5808;border-color:#eabb5833}.hw-message.error{z-index:30;border-color:#e76d6d66;position:sticky;bottom:18px;box-shadow:0 10px 50px #0006}.hw-message.error pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;font:11px/1.6 var(--font-geist-mono), monospace;overflow:auto}.hw-message.error strong{color:var(--color-bad)}.hw-proposal{border-bottom:1px solid var(--hw-line);padding:18px}.hw-proposal h3{margin-bottom:8px;font-weight:600}.hw-proposal p{color:var(--color-mute);font-size:12px;line-height:1.7}.hw-proposal pre{background:var(--color-canvas);max-height:240px;font:10px/1.8 var(--font-geist-mono), monospace;border-radius:8px;margin:12px 0;padding:12px;overflow:auto}.hw-proposal .hw-caution{color:var(--color-warn);font-size:11px}.hw-actions{gap:8px;margin-top:12px;display:flex}.hw-muted{color:var(--color-mute)}.hw-footer{color:var(--color-mute);justify-content:space-between;gap:12px;padding:24px 0;font-size:10px;display:flex}.hw-footer-separator{color:var(--color-dim);margin:0 9px}:root[data-theme=light] .hw-app{--hw-teal:#177d69;--hw-teal-ink:#fff}.hw-app :is(textarea,input)::placeholder{color:var(--color-mute);opacity:.75}@media (min-width:1600px){.hw-workspace{grid-template-columns:245px minmax(340px,1fr) minmax(460px,1.2fr)}.hw-board-stage{height:355px}.hw-code{height:375px}}@media (max-width:1190px){.hw-workspace{grid-template-columns:185px minmax(245px,.9fr) minmax(340px,1.2fr);gap:12px}.hw-shell{padding:28px 20px 0}.hw-chip{display:none}.hw-panel-heading{padding:18px 15px 14px}.hw-recipe{gap:5px;padding:10px 5px}.hw-recipe-number{display:none}.hw-connection{font-size:10px}.hw-beta{display:none}.hw-project-card{padding:18px}.hw-editor-tabs{gap:12px}}@media (max-width:980px){.hw-workspace{grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr)}.hw-library{grid-column:1/-1}.hw-library .hw-panel-heading{padding-bottom:10px}.hw-library .hw-eyebrow,.hw-library-note,.hw-library>.hw-text-link,.hw-library .hw-search{display:none}.hw-recipes{flex-direction:row;padding:0 12px 12px;overflow-x:auto}.hw-recipe{width:auto;min-width:158px}.hw-recipe strong{white-space:nowrap}.hw-steps{gap:12px}.hw-steps>div{gap:8px}.hw-guide{padding:14px}.hw-title{align-items:flex-start}.hw-connection{flex-wrap:wrap;justify-content:flex-end;max-width:190px}.hw-connection button{margin-left:0}.hw-board-stage{height:320px}}@media (max-width:700px){.hw-nav{flex-wrap:wrap;gap:6px;padding:12px}.hw-nav nav{gap:0}.hw-nav nav a{padding-left:8px;padding-right:8px;font-size:11px}.hw-nav-end{gap:3px}.hw-shell{padding:25px 14px 0}.hw-title{margin-bottom:20px;display:block}.hw-title h1{font-size:37px}.hw-title>div>p:last-child{font-size:12px}.hw-connection{flex-wrap:nowrap;justify-content:flex-start;max-width:none;margin-top:18px}.hw-connection button{margin-left:auto}.hw-steps{grid-template-columns:1fr 1fr;gap:18px 12px}.hw-steps strong{font-size:11px}.hw-steps p{font-size:10px}.hw-guide{margin-bottom:16px}.hw-workspace{flex-direction:column;gap:14px;display:flex}.hw-workspace>section,.hw-workspace>aside{width:100%}.hw-board-stage{height:275px}.hw-board-specs{padding:12px 0}.hw-project-card{padding:18px}.hw-project-card .hw-parts{margin:12px 0}.hw-grounding{display:none}.hw-editor-tabs{gap:18px}.hw-code{height:350px}.hw-footer{flex-direction:column;line-height:1.7}.hw-ai form button span{display:none}.hw-preview-label{font-size:7px}}@media (prefers-reduced-motion:reduce){.hw-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}