:root{--bg: #f3f5f8;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #eef2f6;--border: #e2e8f0;--border-strong: #cbd5e1;--ink: #0f1c26;--ink-soft: #4a5b68;--ink-faint: #8a99a6;--primary: #1d5fd1;--primary-ink: #ffffff;--primary-soft: #e8f0fd;--live: #f2b632;--fault: #d93a2f;--on: #1f9d4c;--off: #8a99a6;--stage-a: #2f3f49;--stage-b: #121a20;--stage-glass: rgba(13, 20, 25, .72);--stage-glass-strong: rgba(13, 20, 25, .86);--stage-line: rgba(255, 255, 255, .12);--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(15, 28, 38, .06), 0 1px 3px rgba(15, 28, 38, .08);--shadow: 0 10px 30px rgba(15, 28, 38, .12);--font: "Be Vietnam Pro", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--header-h: 56px;box-sizing:border-box;color-scheme:light}html{height:100%}*,*:before,*:after{box-sizing:inherit}body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%}h1,h2,h3{margin:0;line-height:1.2}p{margin:0}button,input{font:inherit;color:inherit}a{color:var(--primary)}:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 70%,transparent);outline-offset:2px}.muted{color:var(--ink-soft)}.row-gap{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:5px;border:1px solid var(--border-strong);border-bottom-width:2px;background:var(--surface);font:600 11.5px/1 var(--font);color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink);font-weight:600;font-size:14.5px;cursor:pointer;text-decoration:none;box-shadow:var(--shadow-sm);transition:border-color .15s,background .15s}.btn:hover{border-color:var(--border-strong);background:var(--surface-2)}.btn--primary{background:var(--primary);color:var(--primary-ink);border-color:transparent}.btn--primary:hover{background:color-mix(in srgb,var(--primary) 88%,#000)}.btn--ghost{box-shadow:none;background:transparent;border-color:transparent}.btn--ghost:hover{background:var(--surface-3);border-color:transparent}.btn.is-active{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 35%,transparent);color:var(--primary)}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-sm);border:0;background:transparent;cursor:pointer}.icon-btn:hover{background:var(--surface-3)}.link-btn{border:0;background:none;padding:0;color:var(--primary);font-weight:600;cursor:pointer;font-size:14px}.page{min-height:100%;display:flex;flex-direction:column}.page--viewer{height:100%}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;height:var(--header-h);padding:0 clamp(12px,2.4vw,24px);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:16px;white-space:nowrap}.brand__mark{position:relative;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--ink)}.brand__mark i{width:10px;height:18px;border-radius:2px;background:#fff;box-shadow:inset 0 -7px 0 var(--live)}.crumbs{display:flex;align-items:center;gap:8px;min-width:0;font-size:14.5px;color:var(--ink-soft)}.crumbs:before{content:"";width:1px;height:22px;background:var(--border);margin-right:4px}.crumbs__sep{color:var(--ink-faint)}.crumbs strong{color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumbs span{white-space:nowrap}.app-header__slot{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}.home{width:min(1240px,100%);margin:0 auto;padding:clamp(20px,4vw,40px) clamp(16px,3vw,32px) 64px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:clamp(22px,3.4vw,34px);border-radius:18px;color:#fff;overflow:hidden;position:relative;background:radial-gradient(ellipse at 85% 0%,rgba(242,182,50,.22),transparent 55%),linear-gradient(135deg,#1b2a35,#0f171d)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px}.hero>*{position:relative;z-index:1}.hero__eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--live);margin-bottom:10px}.hero h1{font-size:clamp(26px,3.6vw,38px);font-weight:700;letter-spacing:-.015em;margin-bottom:10px}.hero__lead{max-width:60ch;color:#ffffffc7;font-size:16.5px}.hero__stat{display:grid;gap:2px;padding:14px 18px;border-radius:var(--radius);background:#ffffff14;border:1px solid rgba(255,255,255,.14);min-width:200px}.hero__stat strong{font-size:30px;line-height:1}.hero__stat strong span{font-size:18px;font-weight:600;color:#fff9}.home__count{font-size:14px;color:#ffffffc7}.home__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:24px 0 8px}.search{position:relative;flex:1 1 280px;max-width:420px}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}.search input{width:100%;height:42px;padding:0 14px 0 40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);font-size:15px}.search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:10px;background:var(--surface-3);border:1px solid var(--border)}.segmented button{border:0;background:transparent;padding:6px 12px;border-radius:7px;font-size:14px;font-weight:500;color:var(--ink-soft);cursor:pointer}.segmented--block{display:grid;grid-template-columns:repeat(3,1fr)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:600}.cat{margin-top:28px}.cat__head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}.cat__head h2{font-size:21px;font-weight:700;letter-spacing:-.01em}.cat__head p{color:var(--ink-soft);font-size:14.5px}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:600;background:var(--primary-soft);color:var(--primary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px}.content-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--surface);border:1px solid var(--border);color:var(--ink);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s}.content-card:hover,.content-card:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.content-card__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,var(--stage-a),var(--stage-b) 78%)}.content-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.content-card:hover .content-card__media img{transform:scale(1.04)}.content-card__placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff59}.content-card__index{position:absolute;left:10px;top:10px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;background:#0d14199e;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.content-card__body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}.content-card__name{font-size:16.5px;font-weight:700;line-height:1.3}.content-card__summary{font-size:14px;color:var(--ink-soft);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-card__cta{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--primary)}.content-card__cta svg{transition:transform .18s ease}.content-card:hover .content-card__cta svg{transform:translate(3px)}.soon{margin-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.soon__label{font-size:13.5px;font-weight:600;color:var(--ink-soft)}.soon ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}.soon li{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px dashed var(--border-strong);background:var(--surface-2);font-size:14px;color:var(--ink-soft)}.home__empty{padding:40px 0;color:var(--ink-soft);text-align:center}.loader-page{display:grid;justify-items:center;gap:14px;padding:64px 16px;color:var(--ink-soft)}.loader-bar{width:160px;height:4px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--live),transparent) var(--border);background-size:60% 100%;background-repeat:no-repeat;animation:slide 1.1s linear infinite}@keyframes slide{0%{background-position:-120% 0}to{background-position:220% 0}}.inline-error{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--fault) 45%,transparent);background:color-mix(in srgb,var(--fault) 7%,var(--surface));margin:16px 0}.empty-state{display:grid;justify-items:center;gap:14px;text-align:center;padding:80px 20px;max-width:60ch;margin:0 auto}.empty-state h1{font-size:28px}.empty-state p{color:var(--ink-soft)}.led{width:9px;height:9px;border-radius:50%;background:var(--off);flex:none}.viewer{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px}.stage{position:relative;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,var(--stage-a),var(--stage-b) 78%);color:#fff}.stage canvas{touch-action:none}.stage__status{position:absolute;top:14px;left:14px;z-index:2;display:flex;align-items:center;gap:10px;padding:7px 14px 7px 12px;border-radius:999px;background:var(--stage-glass);border:1px solid var(--stage-line);font-size:14px;font-weight:500;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:calc(100% - 28px)}.stage__status.is-on .led{background:#3fcf5e;box-shadow:0 0 10px #3fcf5e}.stage__status.is-fault .led{background:#ff4d42;box-shadow:0 0 10px #ff4d42}.stage__status.is-playing .led{background:var(--live);box-shadow:0 0 10px var(--live);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.stage__notice{position:absolute;left:50%;top:14px;transform:translate(-50%);z-index:3;padding:8px 14px;border-radius:var(--radius-sm);background:var(--live);color:#1c2b33;font-size:14px;font-weight:500;max-width:calc(100% - 28px)}.stage__hint{position:absolute;right:16px;top:20px;color:#ffffff80;font-size:12.5px;pointer-events:none}.tool-rail{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:14px;background:var(--stage-glass);border:1px solid var(--stage-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tool-rail__sep{height:1px;margin:4px 6px;background:var(--stage-line)}.tool-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:10px;background:transparent;color:#ffffffdb;cursor:pointer;transition:background .15s,color .15s}.tool-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.tool-btn.is-active,.tool-btn.is-active:hover:not(:disabled){background:var(--primary);color:#fff}.tool-btn:disabled{opacity:.32;cursor:default}.tool-btn__label{position:absolute;left:calc(100% + 10px);top:50%;transform:translate(-4px,-50%);padding:5px 10px;border-radius:7px;background:var(--stage-glass-strong);color:#fff;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s,transform .12s}.tool-btn__label kbd{margin-left:8px;background:transparent;color:#ffffffbf;border-color:#ffffff4d}.tool-btn:hover .tool-btn__label,.tool-btn:focus-visible .tool-btn__label{opacity:1;transform:translateY(-50%)}.caption{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:2;width:min(760px,calc(100% - 140px));padding:12px 18px 14px;border-radius:14px;background:var(--stage-glass-strong);border:1px solid var(--stage-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .3s}.caption.is-idle{opacity:.72}.caption__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:#ffffffb3;margin-bottom:8px}.caption__meta strong{color:var(--live);font-weight:600}.caption__progress{display:flex;gap:4px;margin-bottom:10px}.caption__progress i{flex:1;height:4px;border-radius:2px;background:#ffffff29}.caption__progress i.is-done{background:#f2b632a6}.caption__progress i.is-current{background:var(--live)}.caption p{font-size:16px;line-height:1.55}.present-bar{position:absolute;top:14px;right:14px;z-index:3;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 340px)}.present-bar button{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--stage-line);background:var(--stage-glass);color:#fff;font-size:13.5px;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.present-bar button:hover{background:var(--stage-glass-strong)}.present-bar button.is-running{border-color:var(--live);color:var(--live)}.present-bar kbd{background:transparent;color:#ffffffb3;border-color:#ffffff4d}.panel{min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--surface)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:12px 12px 0;padding:3px;border-radius:10px;background:var(--surface-3);flex:none}.tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--ink-soft);font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap}.tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:var(--shadow-sm)}.tabs small{font-size:11.5px;color:var(--ink-faint);font-weight:600}.panel__body{flex:1;min-height:0;overflow-y:auto;padding:14px 12px 20px}.panel__section+.panel__section{margin-top:18px}.panel__title{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin:0 4px 8px}.panel__tip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 4px 0;font-size:12.5px;color:var(--ink-faint)}.state-list{display:grid;gap:6px}.state-item{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 10px 10px 8px;text-align:left;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.state-item:hover{border-color:var(--border-strong);background:var(--surface-2)}.state-item kbd{width:22px}.state-item__dot{width:12px;height:12px;border-radius:50%;background:var(--off);box-shadow:inset 0 -2px #0000002e}.state-item--on .state-item__dot{background:var(--on)}.state-item--fault .state-item__dot{background:var(--fault)}.state-item__text{display:grid;gap:1px;min-width:0}.state-item__text strong{font-size:14.5px;font-weight:600;line-height:1.3}.state-item__text small{font-size:12.5px;color:var(--ink-soft);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.state-item__mark{color:var(--ink-faint);display:grid;place-items:center}.state-item.is-current{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.state-item.is-current .state-item__mark{color:var(--primary)}.state-item--action .state-item__dot{background:var(--primary);border-radius:3px}.state-item.is-locked{cursor:not-allowed;background:var(--surface-2)}.state-item.is-locked strong{color:var(--ink-faint)}.state-item.is-locked small{color:var(--fault)}.state-item.is-locked:hover{border-color:var(--border);background:var(--surface-2)}.present-bar button[aria-disabled=true]{opacity:.45;cursor:not-allowed}.state-item.is-running{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.state-item.is-running .state-item__mark{color:var(--primary);animation:pulse 1s ease-in-out infinite}.legend{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.legend li{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12.5px;color:var(--ink-soft)}.legend i{width:18px;height:4px;border-radius:2px}.parts-search{position:relative;margin-bottom:12px}.parts-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}.parts-search input{width:100%;height:36px;padding:0 12px 0 34px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);font-size:14px}.parts-search input:focus{outline:none;border-color:var(--primary);background:var(--surface)}.parts-group+.parts-group{margin-top:14px}.parts{list-style:none;margin:0;padding:0;display:grid;gap:2px}.part{border-radius:9px}.part.is-selected{background:var(--primary-soft)}.part-btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:9px;background:transparent;cursor:pointer;font-size:14px}.part-btn:hover{background:var(--surface-3)}.part.is-selected .part-btn{font-weight:600;color:var(--primary)}.part.is-selected .part-btn:hover{background:transparent}.part-btn__swatch{width:8px;height:8px;border-radius:2px;flex:none;background:var(--ink-faint)}.part-btn__swatch.is-housing{background:#c3cbd3}.part-btn__swatch.is-mechanism{background:#5b6b78}.part-btn__swatch.is-conductor{background:#c8763a}.part-btn__swatch.is-terminal{background:#9ca3a8}.part-btn__chev{margin-left:auto;color:var(--ink-faint);transition:transform .15s}.part.is-selected .part-btn__chev{transform:rotate(180deg);color:var(--primary)}.part__desc{padding:0 12px 12px 28px;font-size:13.5px;line-height:1.55;color:var(--ink)}.part__desc button{margin-top:8px}.variant-list{display:grid;gap:6px}.variant-item{position:relative;display:grid;gap:2px;width:100%;padding:10px 12px;text-align:left;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s}.variant-item:hover{border-color:var(--border-strong);background:var(--surface-2)}.variant-item strong{font-size:14.5px;font-weight:600}.variant-item small{font-size:12.5px;color:var(--ink-soft)}.variant-item.is-selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.variant-item__badge{position:absolute;right:10px;top:10px;font-size:11px;font-weight:600;color:var(--primary)}.variant-info h3{font-size:16px;font-weight:700;margin:0 4px 6px}.variant-info p{margin:0 4px 10px;font-size:14px;line-height:1.6}.spec-table{width:100%;border-collapse:collapse;font-size:13.5px}.spec-table th,.spec-table td{padding:7px 10px;border-top:1px solid var(--border);text-align:left;vertical-align:top}.spec-table th{width:42%;font-weight:500;color:var(--ink-soft)}.spec-table td{font-weight:600}.info__variant{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--border)}.info h2{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:2px 4px 4px}.info__cat{margin:0 4px 12px;font-size:13.5px;color:var(--ink-soft)}.info__text{margin:0 4px;font-size:14.5px;line-height:1.65}.info__actions{margin:14px 4px 0}.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.fact{padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.fact span{display:block;font-size:12px;color:var(--ink-faint)}.fact strong{font-size:14.5px;font-weight:600}.page--present .app-header,.page--present .panel{display:none}.page--present .viewer{grid-template-columns:1fr}.page--present .caption{width:min(900px,calc(100% - 140px))}.page--present .caption p{font-size:19px}.drawer-backdrop{position:fixed;inset:0;z-index:40;background:#0f1c2666;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{position:absolute;top:0;right:0;bottom:0;width:min(380px,92vw);overflow-y:auto;background:var(--surface);padding:16px 16px 24px;box-shadow:var(--shadow)}.drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.drawer__head h2{font-size:18px}.drawer__group{margin-top:16px}.drawer__group h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);font-weight:600;margin:0 10px 6px}.drawer__group ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.drawer__group a,.drawer__group .is-disabled{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--ink);text-decoration:none;font-size:14.5px}.drawer__group a:hover{background:var(--surface-3)}.drawer__group a.is-current{background:var(--primary-soft);color:var(--primary);font-weight:600}.drawer__group .is-disabled{color:var(--ink-faint)}.drawer__group small{font-size:12px}.page>.home,.page>.empty-state{flex:1 0 auto}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px clamp(12px,3vw,28px);border-top:1px solid var(--border);background:var(--surface);color:var(--ink-soft);font-size:13px}.app-footer__health{display:inline-flex;align-items:center;gap:8px}.app-footer__health.is-ok .led{background:var(--on)}.app-footer__health.is-error .led{background:var(--fault)}@media(max-width:1100px){.viewer{grid-template-columns:minmax(0,1fr) 300px}.crumbs__cat,.crumbs__cat+.crumbs__sep{display:none}}@media(max-width:900px){.page--viewer{height:auto}.viewer{grid-template-columns:1fr}.stage{height:64vh;min-height:420px}.panel{border-left:0;border-top:1px solid var(--border)}.panel__body{overflow:visible}.caption{width:calc(100% - 84px);left:auto;right:12px;transform:none;bottom:12px;padding:10px 14px 12px}.caption p{font-size:14.5px}.stage__hint,.btn__text{display:none}.tool-rail{left:10px}.tool-btn{width:38px;height:38px}}@media(max-width:560px){.brand__name{display:none}.crumbs:before{display:none}.hero__stat{min-width:0;width:100%}.card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.content-card__body{padding:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.page--practice{height:100%;display:flex;flex-direction:column}.practice{flex:1;min-height:0;display:grid;grid-template-columns:290px minmax(0,1fr) 320px}.practice__left,.practice__right{min-height:0;display:flex;flex-direction:column;background:var(--surface)}.practice__left{border-right:1px solid var(--border)}.practice__left .tabs{grid-template-columns:repeat(2,1fr)}.practice__scroll{min-height:0;overflow:auto;padding:12px}.practice__stage{min-height:0}.practice__actions{justify-content:flex-start;margin-top:12px}.practice__block{padding:12px 12px 4px;border-bottom:1px solid var(--border)}.practice__right .practice__scroll{flex:1}.practice__diag{max-height:38%;overflow:auto}.lib-list,.placed-list,.diag-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.lib-item,.placed{width:100%;display:grid;gap:2px;text-align:left;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}.lib-item:hover:not(:disabled),.placed:hover{border-color:var(--primary);background:var(--primary-soft)}.lib-item:disabled{cursor:not-allowed;opacity:.55}.lib-item__name{font-weight:600;font-size:14px}.lib-item__meta,.placed small{font-size:12px;color:var(--ink-faint)}.lib-item--tool{border-style:dashed}.lib-item--tool.is-active,.placed.is-selected{border-color:var(--primary);background:var(--primary-soft)}.placed{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:14px}.task h2{font-size:16px;margin-bottom:8px}.task ol{margin:0 0 12px;padding-left:20px;display:grid;gap:6px;font-size:13.5px;color:var(--ink-soft)}.task figure{margin:0}.task__schematic{width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}.task figcaption{font-size:12px;color:var(--ink-faint);margin-top:4px}.ops{display:grid;gap:8px;padding-bottom:8px}.op-btn{justify-content:flex-start;gap:8px}.op-btn.is-on{border-color:var(--on);color:var(--on);font-weight:600}.op-btn.is-tripped{border-color:var(--fault);color:var(--fault);font-weight:600}.op-btn--start{color:var(--on)}.op-btn--stop{color:var(--fault)}.op-btn--reverse{color:var(--primary)}.diag{font-size:13px;padding:6px 10px;border-radius:var(--radius-sm);border-left:3px solid var(--off);background:var(--surface-2)}.diag--warning{border-left-color:var(--live);background:#fff8e6}.diag--error{border-left-color:var(--fault);background:#fdecea}.diag--info{border-left-color:var(--on)}.selection{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--primary-soft);font-size:13px}.btn--danger{border-color:var(--fault);color:var(--fault)}.small{font-size:13px}.wire-mode{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:2;display:flex;gap:2px;padding:4px;border-radius:10px;background:var(--stage-glass);border:1px solid var(--stage-line)}.wire-mode button{height:34px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#fffc;cursor:pointer;font-size:14px}.wire-mode button.is-active{background:#ffffff29;color:#fff;font-weight:600}.wire-mode__power.is-active{box-shadow:inset 0 -3px #e05a50}.wire-mode__control.is-active{box-shadow:inset 0 -3px #4f8de8}.bench-tip{display:inline-block;white-space:nowrap;padding:3px 8px;border-radius:6px;background:#0d1419e0;color:#fff;font-size:12px;font-weight:600}.confirm{position:fixed;left:50%;top:30%;transform:translate(-50%);z-index:41;width:min(420px,92vw);display:grid;gap:12px;padding:20px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.confirm h2{font-size:18px}.confirm .row-gap{justify-content:flex-end}@media(max-width:1280px){.practice{grid-template-columns:250px minmax(0,1fr) 280px}}.wire-list{margin-top:10px}.wire-list summary{cursor:pointer;font-size:13px;color:var(--ink-soft);margin-bottom:6px}.placed--wire{grid-template-columns:1fr auto;font-size:13px;border-left-width:3px}.placed--power{border-left-color:#c8302a}.placed--control{border-left-color:#2f6fd6}