:root{color-scheme:dark;--bg: #0b0f17;--panel: #101721;--panel-2: #151d29;--border: #263142;--text: #eef2f8;--muted: #7e8ba0;--accent: #7188ff;--green: #55d6a2;--red: #ff6f7d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;background:var(--bg);color:var(--text)}button,input{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-rows:68px minmax(0,1fr) 34px;height:100dvh;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 18px;border-bottom:1px solid var(--border);background:#0d121a}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand h1{margin:0;font-size:15px;letter-spacing:-.01em}.brand p{margin:3px 0 0;color:var(--muted);font-size:10px}.brand-mark{display:grid;grid-template-columns:repeat(2,11px);gap:3px;padding:7px;border-radius:9px;background:#263768}.brand-mark i{width:11px;height:11px;border-radius:50%;background:#91a4ff;box-shadow:inset 0 -2px 3px #00000040}.topbar-actions{display:flex;gap:7px;align-items:center}.action-divider{width:1px;height:24px;background:var(--border);margin:0 3px}.button{min-height:34px;padding:0 12px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:11px;font-weight:700;transition:.16s ease}.button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.button:disabled{opacity:.38;cursor:not-allowed}.button.secondary{background:#171f2b;border-color:#2a3546;color:#c5ccda}.button.primary{background:var(--accent);color:#fff}.button.danger{background:#ff6f7d14;border-color:#ff6f7d3b;color:#ffadb6}.button.wide{width:100%}.workspace{display:grid;grid-template-columns:278px minmax(0,1fr) 310px;min-height:0}.catalogue-panel,.inspector-panel{min-height:0;background:var(--panel)}.catalogue-panel{border-right:1px solid var(--border)}.inspector-panel{border-left:1px solid var(--border)}.panel-scroll{overflow:auto;padding:18px 16px}.manual-card{margin-bottom:20px;padding:14px;border:1px solid #33405a;border-radius:12px;background:linear-gradient(145deg,#151f32,#111824)}.manual-card[data-state=active]{border-color:#7188ff8c;box-shadow:0 12px 35px #4253a321}.manual-card[data-state=complete]{border-color:#55d6a273}.manual-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.manual-heading span{display:block;color:#91a2ff;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.manual-heading strong{display:block;margin-top:4px;font-size:14px}.manual-heading small{padding:5px 7px;border-radius:999px;background:#7188ff21;color:#bdc7ff;font-size:8px;font-weight:800}.manual-card>p{margin:10px 0 12px;color:#929eb1;font-size:9px;line-height:1.55}.field-label{display:block;margin:0 0 6px;color:#8ea0bb;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.manual-select{width:100%;min-height:36px;margin-bottom:12px;padding:0 10px;border:1px solid #2d3a51;border-radius:8px;background:#0f1622;color:var(--text)}.manual-progress{height:5px;overflow:hidden;border-radius:6px;background:#263142}.manual-progress div{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7188ff,#55d6a2);transition:width .2s ease}.manual-progress-label{margin-top:6px;color:#7f8ca1;font-size:8px;text-align:right}.manual-step{margin-top:12px;padding:11px;border:1px solid #2d3a51;border-radius:9px;background:#090e168c}.manual-step>span{color:#91a2ff;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.manual-step>strong{display:block;margin-top:5px;font-size:11px}.manual-step p{margin:7px 0;color:#b4bed0;font-size:9px;line-height:1.5}.manual-step small{color:#748198;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.hint-card{margin-top:10px;padding:9px 10px;border:1px solid rgba(113,136,255,.28);border-radius:8px;background:#7188ff14}.hint-card>span{color:#9babff;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hint-card p{margin:5px 0 0;color:#c5d0ea;font-size:9px;line-height:1.5}.hint-card[data-code=valid]{border-color:#55d6a259;background:#55d6a214}.hint-card[data-code=valid]>span{color:#8ce7c2}.hint-card[data-code=rotation],.hint-card[data-code=position],.hint-card[data-code=supports],.hint-card[data-code=solver],.hint-card[data-code=part]{border-color:#ff6f7d47;background:#ff6f7d12}.inventory-block{margin-top:14px}.inventory-list{display:grid;gap:6px;margin-top:8px}.inventory-row{display:flex;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #2d3a51;border-radius:8px;background:#090e1673;font-size:9px}.inventory-row strong{color:#d5deee}.inventory-row span{color:#7f8ca1}.inventory-row[data-done=true]{opacity:.55}.manual-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.manual-actions .primary{grid-column:1 / -1}.button:focus-visible,.part-card:focus-visible,.manual-select:focus-visible,.toggle-row input:focus-visible,#canvasHost:focus-visible{outline:2px solid #91a4ff;outline-offset:2px}.panel-heading{margin-bottom:16px}.panel-heading>span,.inspector-header>span:first-child{display:block;font-size:12px;font-weight:760}.panel-heading small{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.5}.part-list{display:grid;gap:14px}.part-group{display:grid;gap:8px}.part-group-label{color:#8ea0bb;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.part-card{display:grid;grid-template-columns:54px 1fr 18px;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);text-align:left;cursor:pointer;transition:.16s ease}.part-card:hover:not(:disabled){border-color:#53699a;transform:translate(2px)}.part-card:disabled{opacity:.34;cursor:not-allowed}.part-card[data-required=true]{border-color:#7188ff;box-shadow:0 0 0 2px #7188ff1f}.part-card strong{display:block;font-size:12px}.part-card small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.part-card em{color:#8ea0bb;font-size:18px;font-style:normal}.part-swatch{position:relative;display:block;height:34px;border-radius:5px;background:var(--part-colour);box-shadow:inset 0 -7px 10px #0000002e}.part-swatch[data-kind=plate],.part-swatch[data-kind=tile]{height:22px;margin:6px 0}.part-swatch[data-kind=tile]:before,.part-swatch[data-kind=tile]:after,.part-swatch[data-kind=tile] i:before,.part-swatch[data-kind=tile] i:after{display:none}.part-swatch[data-kind=technic-brick]{box-shadow:inset 0 -7px 10px #0000002e,inset 12px 0 #00000038,inset -12px 0 #00000038}.part-swatch[data-kind=pin]{height:14px;margin:10px 8px;border-radius:999px}.part-swatch[data-kind=pin]:before,.part-swatch[data-kind=pin]:after,.part-swatch[data-kind=pin] i:before,.part-swatch[data-kind=pin] i:after{display:none}.part-swatch:before,.part-swatch:after,.part-swatch i:before,.part-swatch i:after{content:"";position:absolute;top:-4px;width:9px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--part-colour) 86%,white)}.part-swatch:before{left:7px}.part-swatch:after{right:7px}.part-swatch i:before{left:21px}.part-swatch i:after{right:21px}.architecture-note{margin-top:20px;padding:13px;border:1px solid #29364c;border-radius:10px;background:#111a27}.architecture-note span{color:#9babff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.architecture-note p{margin:8px 0 0;color:#8d99ad;font-size:10px;line-height:1.55}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;color:#aab4c5;font-size:10px}.toggle-row input{appearance:none;width:34px;height:20px;margin:0;border-radius:10px;background:#263142;cursor:pointer}.toggle-row input:after{content:"";display:block;width:14px;height:14px;margin:3px;border-radius:50%;background:#fff;transition:.2s ease}.toggle-row input:checked{background:var(--accent)}.toggle-row input:checked:after{transform:translate(14px)}.canvas-panel{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none}.canvas-panel canvas{display:block;width:100%;height:100%}.canvas-help{position:absolute;z-index:3;left:16px;bottom:16px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}.canvas-help span{padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:#0b0f17bd;color:#8894aa;font-size:9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-help b{color:#dce2ee}.placement-toast{position:absolute;top:16px;left:50%;z-index:4;display:flex;align-items:center;gap:9px;min-width:260px;justify-content:center;padding:10px 14px;transform:translate(-50%);border:1px solid var(--border);border-radius:9px;background:#0c111ad1;color:#b9c2d2;font-size:10px;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast-dot{width:7px;height:7px;border-radius:50%;background:#748096;box-shadow:0 0 0 4px #7480961c}.placement-toast[data-state=valid]{border-color:#55d6a259;color:#bff3de}.placement-toast[data-state=valid] .toast-dot{background:var(--green)}.placement-toast[data-state=invalid]{border-color:#ff6f7d59;color:#ffc6cc}.placement-toast[data-state=invalid] .toast-dot{background:var(--red)}.inspector-header{display:flex;justify-content:space-between;align-items:center}.status-badge{padding:5px 8px;border-radius:999px;background:#222b39;color:#a9b3c4;font-size:9px}.status-badge[data-state=connected]{background:#33a3772b;color:#aaf0d1}.status-badge[data-state=draft]{background:#7188ff29;color:#b8c4ff}.selection-card{margin-top:15px;padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2)}.selection-title{display:flex;align-items:center;gap:10px;min-height:38px}.selection-title strong,.selection-title small{display:block}.selection-title strong{font-size:12px}.selection-title small{margin-top:3px;color:var(--muted);font:9px ui-monospace,monospace}.selection-swatch{width:32px;height:27px;border-radius:5px;background:#283142;box-shadow:inset 0 -5px 8px #0003}.coordinate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.coordinate-grid div{padding:9px 6px;border:1px solid var(--border);border-radius:7px;text-align:center;background:#111822}.coordinate-grid .rotation-cell{grid-column:1 / -1}.coordinate-grid span{display:block;color:#6f7c91;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.coordinate-grid strong{display:block;margin-top:4px;font-size:11px}.selection-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.selection-actions .danger{grid-column:1 / -1}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.metric-grid div{padding:11px 7px;border:1px solid var(--border);border-radius:8px;background:#121a25;text-align:center}.metric-grid span{display:block;min-height:22px;color:var(--muted);font-size:8px}.metric-grid strong{display:block;margin-top:4px;font-size:18px}.graph-section{margin-top:22px}.section-label{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.section-label small{color:#647187;text-transform:none;letter-spacing:0}.graph-list{display:grid;gap:6px;max-height:240px;margin-top:10px;overflow:auto}.graph-empty,.graph-row{padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:#121923;font-size:9px}.graph-empty{color:var(--muted);text-align:center}.graph-row strong{display:block;color:#c6d1e4;font:9px ui-monospace,monospace}.graph-row span{display:block;margin-top:4px;color:#6f7d92}.inspector-footer-actions{display:grid;gap:7px;margin-top:18px}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-top:1px solid var(--border);background:#0d121a;color:#68758a;font-size:9px}@media(max-width:1020px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh;grid-template-rows:auto auto auto}.topbar{min-height:68px;padding:10px 14px;flex-wrap:wrap}.topbar-actions{flex-wrap:wrap}.workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(520px,70vh) auto}.catalogue-panel,.inspector-panel{border:0}.catalogue-panel{border-bottom:1px solid var(--border)}.inspector-panel{border-top:1px solid var(--border)}.part-list{display:grid;grid-template-columns:1fr;gap:14px}.architecture-note{display:none}.statusbar{min-height:34px;gap:10px;flex-wrap:wrap}.button,.part-card,.manual-select{min-height:44px}.manual-actions{grid-template-columns:1fr}}@media(max-width:560px){.brand p,.topbar-actions .action-divider{display:none}.button{padding-inline:9px}.workspace{grid-template-rows:auto minmax(420px,62vh) auto}.panel-scroll{padding:16px}.placement-toast{width:calc(100% - 24px);min-width:0;top:12px}.canvas-help{left:12px;right:12px;bottom:12px}.statusbar span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}