.part-picker{position:absolute;left:0;right:0;bottom:0;background:var(--bg-raised);border-top:1px solid var(--border-lit);z-index:10;transition:transform .2s ease;box-shadow:0 -6px 24px #00000080}.part-picker.collapsed .parts-panel{display:none}.picker-handle{width:100%;display:flex;align-items:center;justify-content:center;padding:5px 12px 6px;background:none;border:none;cursor:pointer}.picker-handle:hover{background:var(--bg-surface)}.handle-grip{width:28px;height:3px;background:var(--border-lit);border-radius:2px}.parts-panel{display:flex;flex-direction:column;min-height:0}.catalog-bar{display:flex;align-items:stretch;gap:0;border-bottom:1px solid var(--border)}.catalog-search-wrap{position:relative;display:flex;align-items:center;margin-left:auto;padding:4px 8px 4px 0;flex-shrink:0}.parts-search{width:140px;background:var(--bg-inset);border:1px solid var(--border);color:var(--fg);font-family:var(--font-body);font-size:11px;padding:5px 8px;border-radius:3px;outline:none;transition:width .15s}.parts-search:focus{border-color:var(--accent-dim);width:200px}.parts-search::-webkit-search-cancel-button{display:none}.parts-search-clear{position:absolute;right:12px;background:transparent;border:none;color:var(--fg-muted);font-size:14px;line-height:1;padding:2px 4px;cursor:pointer}.parts-search-clear:hover{color:var(--fg)}.parts-tabs{display:flex;gap:1px;padding:0 8px;overflow-x:auto;flex:1;min-width:0}.parts-tabs::-webkit-scrollbar{height:3px}.parts-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.parts-tab{display:flex;align-items:center;gap:5px;padding:7px 10px 8px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--fg-dim);font-family:var(--font-mono);font-size:9px;font-weight:500;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;transition:color .1s,border-color .15s;margin-bottom:-1px}.parts-tab:hover{color:var(--fg)}.parts-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.parts-tab-swatch{width:6px;height:6px;border-radius:50%;opacity:.8;flex-shrink:0}.parts-tab-label{font-weight:500}.parts-tab-count{font-size:8px;color:var(--fg-muted)}.parts-list{padding:8px;max-height:220px;overflow-y:auto}.parts-list::-webkit-scrollbar{width:5px}.parts-list::-webkit-scrollbar-track{background:transparent}.parts-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.parts-empty{color:var(--fg-muted);font-size:11px;padding:16px 4px;text-align:center;font-style:italic}.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px}.part-card{position:relative;aspect-ratio:1;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;color:var(--fg);font-family:inherit;text-align:left;cursor:pointer;overflow:hidden;padding:0;transition:border-color .12s,transform .05s}.part-card:hover{border-color:var(--accent-dim);z-index:5}.part-card:active{transform:scale(.97)}.part-card-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-inset)}.part-card-thumb img{width:100%;height:100%;object-fit:contain;padding:6px}.part-card-swatch{width:60%;height:60%;border-radius:4px;opacity:.6}.part-card-id{position:absolute;bottom:3px;right:4px;font-family:var(--font-mono);font-size:8px;color:var(--fg-muted);background:#121110b3;padding:1px 4px;border-radius:2px;pointer-events:none}.part-card-detail{width:200px;background:var(--bg-raised);border:1px solid var(--border-lit);border-radius:6px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;overflow:hidden;z-index:30;pointer-events:none}.part-card-detail-thumb{width:100%;aspect-ratio:4 / 3;background:var(--bg-inset);display:flex;align-items:center;justify-content:center;overflow:hidden}.part-card-detail-thumb img{width:100%;height:100%;object-fit:contain;padding:8px}.part-card-detail-info{padding:8px 10px 10px;display:flex;flex-direction:column;gap:3px}.part-card-detail-name{font-size:12px;font-weight:500;color:var(--fg)}.part-card-detail-num{font-family:var(--font-mono);font-size:9px;color:var(--fg-muted)}.part-card-detail-desc{font-size:10px;color:var(--fg-dim);line-height:1.4}.part-card-detail-hint{font-family:var(--font-mono);font-size:9px;color:var(--accent-dim);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.build-card{position:relative}.build-card-delete{position:absolute;top:3px;right:3px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--fg-muted);border-radius:2px;cursor:pointer;opacity:0;transition:opacity .15s;background:#121110b3}.build-card:hover .build-card-delete{opacity:1}.build-card-delete:hover{color:var(--err);background:#c45a5a4d}.build-card-name{position:absolute;bottom:3px;left:4px;right:24px;font-family:var(--font-mono);font-size:8px;font-weight:500;color:var(--fg);background:#121110bf;padding:2px 4px;border-radius:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.build-card:hover .part-card-detail{opacity:1}.color-popover{position:fixed;z-index:100;background:#14161c;border:1px solid #2a2d35;border-radius:8px;box-shadow:0 12px 32px #0009;padding:10px 12px 12px;font-size:12px;color:var(--fg);display:flex;flex-direction:column;gap:10px}.color-popover-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid #1a1c22}.color-popover-title{font-weight:600;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-popover-close{background:transparent;border:none;color:#888;font-size:16px;line-height:1;padding:2px 6px;border-radius:3px;cursor:pointer}.color-popover-close:hover{background:#2a2d35;color:var(--fg)}.color-row{display:flex;flex-direction:column;gap:6px}.color-row-header{display:flex;flex-direction:column;gap:2px}.color-row-label{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-row-filament{font-size:10px;opacity:.55}.color-row-empty{font-size:10px;opacity:.5;font-style:italic}.color-row-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(24px,1fr));gap:4px}.color-swatch{width:24px;height:24px;border:2px solid transparent;border-radius:4px;padding:0;cursor:pointer;transition:border-color .08s,transform .05s}.color-swatch:hover{border-color:#fff6}.color-swatch.selected{border-color:var(--accent)}.color-swatch:active{transform:translateY(1px)}.color-row-reset{align-self:flex-start;background:transparent;border:1px solid #3a3d48;color:#aaa;font:inherit;font-size:10px;padding:3px 8px;border-radius:3px;cursor:pointer}.color-row-reset:hover{background:#2a2d35;color:var(--fg)}:root{--bg: #121110;--bg-raised: #1a1816;--bg-surface: #211e1b;--bg-inset: #0e0d0c;--border: #2e2a26;--border-lit: #3d3632;--fg: #d4cfc8;--fg-dim: #8a8279;--fg-muted: #5c564f;--accent: #e8a838;--accent-dim: #b07d28;--accent-glow: rgba(232, 168, 56, .12);--ok: #6db88a;--warn: #d4864a;--err: #c45a5a;--font-body: "IBM Plex Sans", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");font-family:var(--font-body);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg)}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--noise);pointer-events:none;z-index:9999;mix-blend-mode:overlay}.app{display:grid;grid-template-rows:auto 1fr;height:100%}.canvas-row{display:flex;height:100%;overflow:hidden}.canvas-wrap{position:relative;overflow:hidden;flex:1 1 auto;min-width:0;touch-action:none}.topbar{padding:10px 20px;border-bottom:1px solid var(--border);background:var(--bg-raised);font-size:12px;display:flex;gap:14px;align-items:center;box-shadow:0 1px 4px #0000004d;position:relative;z-index:2}.topbar .title{font-family:var(--font-mono);font-weight:500;font-size:13px;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}.topbar-logo{height:18px;width:auto;opacity:.85;flex-shrink:0}.topbar-divider{width:1px;height:16px;background:var(--border-lit);flex-shrink:0}.topbar .status{color:var(--fg-dim);font-family:var(--font-mono);font-size:11px}.topbar .status.ok{color:var(--ok)}.topbar .status.warn{color:var(--warn)}.topbar-hint{font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);letter-spacing:.02em}.topbar-spacer{flex:1}.topbar-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--fg-dim);font-family:var(--font-mono);font-size:10px;font-weight:500;padding:5px 12px;border-radius:3px;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;transition:all .12s}.topbar-btn:hover{background:var(--border);border-color:var(--border-lit);color:var(--fg)}.topbar-btn:active{transform:translateY(1px)}.topbar-btn:disabled{opacity:.3;cursor:not-allowed}.build-panel{flex:0 0 340px;background:var(--bg-raised);border-left:1px solid var(--border);overflow-y:auto;padding:16px;font-size:12px;display:flex;flex-direction:column;gap:16px}.build-panel.collapsed{flex:0 0 auto;padding:8px;border-left:1px solid var(--border)}.build-panel-toggle{background:var(--bg-surface);border:1px solid var(--border);color:var(--fg-dim);font-family:var(--font-mono);font-size:10px;padding:8px 6px;border-radius:3px;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;text-transform:uppercase;letter-spacing:.06em}.build-panel-toggle:hover{background:var(--border);border-color:var(--border-lit);color:var(--fg)}.build-panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border)}.build-panel-header h2{margin:0;font-family:var(--font-mono);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--fg)}.build-panel-toggle-inline{background:transparent;border:none;color:var(--fg-muted);cursor:pointer;font-size:12px;padding:4px 8px;border-radius:3px}.build-panel-toggle-inline:hover{background:var(--bg-surface);color:var(--fg)}.build-panel-section{display:flex;flex-direction:column;gap:10px}.build-panel-section-title{margin:0 0 4px;font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-dim);display:flex;justify-content:space-between;align-items:baseline}.build-panel-count{font-weight:400;color:var(--fg-muted);font-size:10px}.build-panel .field{display:flex;flex-direction:column;gap:4px}.build-panel .field-label{font-family:var(--font-mono);font-size:9px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em}.build-panel input[type=text],.build-panel textarea{background:var(--bg-inset);border:1px solid var(--border);color:var(--fg);font-family:var(--font-body);font-size:12px;padding:7px 10px;border-radius:3px;width:100%;box-sizing:border-box}.build-panel textarea{resize:vertical;font-family:inherit}.build-panel input:focus,.build-panel textarea:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-glow)}.build-panel-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.build-panel-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--fg-dim);font-family:var(--font-mono);font-size:10px;font-weight:500;padding:6px 12px;border-radius:3px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.04em;transition:all .12s}.build-panel-btn:hover{background:var(--border);border-color:var(--border-lit);color:var(--fg)}.build-panel-btn:disabled{opacity:.3;cursor:not-allowed}.build-panel-btn.primary{background:#2a2118;border-color:var(--accent-dim);color:var(--accent)}.build-panel-btn.primary:hover{background:#342a1e;border-color:var(--accent)}.dirty-dot{color:var(--accent);font-size:10px}.build-panel-status{font-family:var(--font-mono);font-size:10px;color:var(--accent);padding:4px 2px}.build-panel-loads{background:var(--bg-inset);border:1px solid var(--border);border-radius:3px;max-height:200px;overflow-y:auto}.build-panel-load-row{display:flex;align-items:center;border-bottom:1px solid var(--border)}.build-panel-load-row:last-child{border-bottom:none}.build-panel-load-item{flex:1;background:transparent;border:none;color:var(--fg);font-family:var(--font-body);font-size:11px;text-align:left;padding:7px 10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px}.build-panel-load-item:hover{background:var(--bg-surface)}.build-panel-load-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-panel-load-meta{color:var(--fg-muted);font-family:var(--font-mono);font-size:10px;flex-shrink:0}.build-panel-load-delete{background:transparent;border:none;color:var(--fg-muted);font-size:14px;line-height:1;padding:4px 8px;cursor:pointer;flex-shrink:0}.build-panel-load-delete:hover{background:#c45a5a26;color:var(--err)}.build-panel-empty{color:var(--fg-muted);font-size:11px;padding:8px 4px;font-style:italic}.build-panel-identity{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--fg-muted);padding:6px 0;border-top:1px solid var(--border)}.build-panel-identity>div{display:flex;justify-content:space-between;gap:12px}.build-panel-identity .k{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.build-panel-identity .v.mono{font-family:var(--font-mono)}.tag-editor{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--bg-inset);border:1px solid var(--border);border-radius:3px;min-height:30px}.tag-editor input{flex:1;min-width:80px;background:transparent;border:none;color:var(--fg);padding:2px 4px;font-size:11px}.tag-editor input:focus{outline:none}.tag-chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg-surface);border:1px solid var(--border);border-radius:2px;padding:2px 6px;font-family:var(--font-mono);font-size:10px;color:var(--fg-dim)}.tag-remove{background:transparent;border:none;color:var(--fg-muted);font-size:12px;line-height:1;padding:0 2px;cursor:pointer}.tag-remove:hover{color:var(--err)}.bom-table{display:flex;flex-direction:column;gap:4px}.bom-subhead{font-family:var(--font-mono);font-size:9px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;padding:8px 2px 4px;border-bottom:1px solid var(--border)}.bom-subhead:first-child{padding-top:2px}.bom-row{display:flex;align-items:flex-start;gap:10px;padding:6px 2px;border-bottom:1px solid rgba(46,42,38,.5)}.bom-row:last-child{border-bottom:none}.bom-qty{flex:0 0 auto;font-family:var(--font-mono);font-size:12px;color:var(--accent);font-weight:500;min-width:40px}.bom-body{flex:1;min-width:0}.bom-name{font-size:12px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.bom-partnum{font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);background:var(--bg-inset);padding:1px 5px;border-radius:2px;border:1px solid var(--border)}.bom-material{font-size:10px;color:var(--fg-dim);margin-top:2px;display:flex;align-items:center;gap:6px}.bom-material-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bom-color-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.bom-sources{font-size:10px;color:var(--fg-muted);font-style:italic;margin-top:2px}.rig-name-input{background:transparent!important;border:1px solid transparent!important;color:var(--fg)!important;font-family:var(--font-mono)!important;font-size:18px!important;font-weight:600!important;padding:8px!important;border-radius:3px!important;letter-spacing:.02em;flex:1;min-width:0}.rig-name-row{display:flex;align-items:center;gap:4px}.rig-delete-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:3px;color:var(--fg-muted);font-size:18px;cursor:pointer;transition:all .12s}.rig-delete-btn:hover{color:var(--err);background:#c45a5a1f;border-color:#c45a5a40}.rig-name-input:hover{border-color:var(--border)!important}.rig-name-input:focus{border-color:var(--accent-dim)!important;box-shadow:0 0 0 1px var(--accent-glow)!important;outline:none}.rig-name-input::placeholder{color:var(--fg-muted);font-weight:400;font-style:italic}.rig-stats{font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);display:flex;gap:6px;padding:0 8px}.rig-stats-dot{opacity:.4}.order-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:14px!important;gap:12px!important}.order-price{display:flex;justify-content:space-between;align-items:baseline}.order-price-label{font-family:var(--font-mono);font-size:10px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.06em}.order-price-value{font-family:var(--font-mono);font-size:22px;font-weight:500;color:var(--fg)}.order-queue{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.order-queue-row{display:flex;justify-content:space-between;align-items:baseline}.order-queue-label{font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.order-queue-value{font-family:var(--font-mono);font-size:12px;color:var(--accent);font-weight:500}.order-cta{width:100%;padding:10px 16px;background:var(--accent);color:var(--bg);border:none;border-radius:3px;font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background .12s,transform .05s}.order-cta:hover{background:#f0b448}.order-cta:active{transform:translateY(1px)}.order-hint{font-size:10px;color:var(--fg-muted);text-align:center;font-style:italic}.bom-disclosure{display:flex;align-items:center;gap:6px;width:100%;background:transparent;border:none;color:var(--fg-dim);font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;padding:6px 2px;cursor:pointer;text-align:left}.bom-disclosure:hover{color:var(--fg)}.bom-disclosure-arrow{font-size:10px;width:12px;flex-shrink:0}.name-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.name-modal{background:var(--bg-raised);border:1px solid var(--border-lit);border-radius:8px;padding:32px 36px;width:360px;max-width:90vw;display:flex;flex-direction:column;gap:20px;box-shadow:0 16px 48px #00000080}.name-modal-title{font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;text-align:center}.name-modal-subtitle{font-size:12px;color:var(--fg-muted);text-align:center;margin-top:-12px}.name-modal input{background:var(--bg-inset);border:1px solid var(--border);color:var(--fg);font-family:var(--font-mono);font-size:16px;padding:10px 14px;border-radius:4px;width:100%;text-align:center;letter-spacing:.02em}.name-modal input:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 2px var(--accent-glow)}.name-modal input::placeholder{color:var(--fg-muted)}.name-modal-btn{padding:10px 20px;background:var(--accent);color:var(--bg);border:none;border-radius:4px;font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .12s}.name-modal-btn:hover{background:#f0b448}.name-modal-btn:disabled{opacity:.4;cursor:not-allowed}.name-modal-skip{background:transparent;border:none;color:var(--fg-muted);font-size:11px;cursor:pointer;text-align:center;padding:4px}.name-modal-skip:hover{color:var(--fg-dim)}.rig-identity{display:flex;flex-direction:column;gap:12px}.rig-thumbnail{width:100%;perspective:600px;display:flex;justify-content:center;padding:8px 0}.product-box{width:85%;aspect-ratio:16 / 9;position:relative;transform-style:preserve-3d;transform:rotateY(-12deg) rotateX(4deg)}.product-box-front{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-inset);border:1px solid var(--border-lit);border-radius:3px;overflow:hidden;box-shadow:4px 4px #0000004d,8px 8px 16px #0000004d;backface-visibility:hidden}.product-box-front img{width:100%;height:100%;object-fit:cover}.product-box-side{position:absolute;top:0;right:-8px;width:8px;height:100%;background:linear-gradient(to right,var(--border),var(--bg-inset));transform:rotateY(90deg);transform-origin:left center;border-radius:0 2px 2px 0}.product-box-bottom{position:absolute;bottom:-6px;left:0;width:100%;height:6px;background:linear-gradient(to bottom,var(--border),var(--bg-inset));transform:rotateX(-90deg);transform-origin:top center;border-radius:0 0 2px 2px}.product-box-label{position:absolute;bottom:6px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:8px;color:#d4cfc880;text-transform:uppercase;letter-spacing:.08em;pointer-events:none}.rig-scores{display:flex;flex-direction:column;gap:8px}.score-gauge{display:flex;flex-direction:column;gap:3px}.score-gauge-header{display:flex;justify-content:space-between;align-items:baseline}.score-gauge-label{font-family:var(--font-mono);font-size:10px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.06em}.score-gauge-value{font-family:var(--font-mono);font-size:13px;font-weight:500}.score-gauge-track{height:4px;background:var(--bg-inset);border-radius:2px;overflow:hidden}.score-gauge-fill{height:100%;border-radius:2px;transition:width .3s ease;opacity:.85}.rig-engineering{display:flex;justify-content:space-between;align-items:baseline;padding-top:6px;border-top:1px solid var(--border);margin-top:4px}.rig-engineering-label{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--fg);text-transform:uppercase;letter-spacing:.04em}.rig-engineering-value{font-family:var(--font-mono);font-size:20px;font-weight:500;color:var(--accent)}.undo-overlay{position:absolute;top:12px;left:12px;display:flex;gap:4px;z-index:15;pointer-events:auto}.undo-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;color:var(--fg-dim);cursor:pointer;padding:8px;transition:all .12s;box-shadow:0 2px 8px #0000004d}.undo-btn:hover:not(:disabled){background:var(--bg-surface);border-color:var(--border-lit);color:var(--fg)}.undo-btn:active:not(:disabled){transform:translateY(1px)}.undo-btn:disabled{opacity:.25;cursor:not-allowed}.undo-btn svg{width:20px;height:20px}.topbar-load-wrap{position:relative}.topbar-load-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:240px;background:var(--bg-raised);border:1px solid var(--border-lit);border-radius:4px;box-shadow:0 8px 24px #00000080;z-index:50;max-height:300px;overflow-y:auto;display:flex;flex-direction:column}.topbar-load-new{background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--accent);font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;cursor:pointer;text-align:left}.topbar-load-new:hover{background:var(--bg-surface)}.topbar-load-item{display:flex;justify-content:space-between;align-items:center;gap:8px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--fg);font-family:var(--font-body);font-size:12px;padding:8px 12px;cursor:pointer;text-align:left}.topbar-load-item:last-child{border-bottom:none}.topbar-load-item:hover{background:var(--bg-surface)}.topbar-load-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.topbar-load-count{font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);flex-shrink:0}.topbar-load-empty{color:var(--fg-muted);font-size:11px;padding:12px;text-align:center;font-style:italic}.sponsorship-section{display:flex;flex-direction:column;gap:8px}.sponsorship-header{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.06em}.sponsorship-icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.sponsor-badge{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:0;cursor:default;transition:all .15s}.sponsor-badge--locked{opacity:.3}.sponsor-badge--available{border-color:var(--accent-dim);box-shadow:0 0 8px var(--accent-glow);animation:sponsor-pulse 2s ease-in-out infinite;cursor:pointer}.sponsor-badge--clickable:hover{border-color:var(--accent);transform:scale(1.05)}.sponsor-badge--claimed{border-color:var(--ok)}@keyframes sponsor-pulse{0%,to{box-shadow:0 0 4px var(--accent-glow)}50%{box-shadow:0 0 14px var(--accent-glow)}}.sponsor-badge-logo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:8px}.sponsor-badge-logo img{width:100%;height:100%;object-fit:contain}.sponsor-badge--locked .sponsor-badge-logo{filter:grayscale(1)}.sponsor-badge-initial{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--fg-muted)}.sponsor-badge-check{position:absolute;bottom:2px;right:3px;font-size:12px;font-weight:700}.sponsor-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sponsor-modal{background:var(--bg-raised);border:1px solid var(--border-lit);border-radius:8px;width:340px;max-width:90vw;box-shadow:0 16px 48px #00000080;overflow:hidden}.sponsor-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border)}.sponsor-modal-brand{display:flex;align-items:center;gap:10px}.sponsor-modal-logo{width:32px;height:32px;object-fit:contain}.sponsor-modal-title{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--fg);text-transform:uppercase;letter-spacing:.04em}.sponsor-modal-subtitle{font-size:11px;color:var(--fg-dim)}.sponsor-modal-close{background:transparent;border:none;color:var(--fg-muted);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:3px}.sponsor-modal-close:hover{color:var(--fg);background:var(--bg-surface)}.sponsor-modal-body{padding:16px}.sponsor-modal-desc{font-size:12px;color:var(--fg-dim);margin:0 0 14px;line-height:1.5}.sponsor-modal-parts{display:flex;flex-direction:column;gap:6px}.sponsor-part-option{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;color:var(--fg);font-family:inherit;text-align:left;cursor:pointer;transition:all .12s}.sponsor-part-option:hover{border-color:var(--accent-dim);background:var(--border)}.sponsor-part-option:active{transform:translateY(1px)}.sponsor-part-thumb{width:48px;height:48px;flex-shrink:0;background:var(--bg-inset);border:1px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.sponsor-part-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}.sponsor-part-swatch{width:60%;height:60%;border-radius:3px;background:var(--fg-muted);opacity:.4}.sponsor-part-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sponsor-part-name{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--fg)}.sponsor-part-desc{font-size:11px;color:var(--fg-dim)}.parts-drawer{position:fixed;top:0;right:340px;height:100%;display:flex;align-items:stretch;z-index:20;pointer-events:none}.parts-drawer-tab{align-self:center;writing-mode:vertical-rl;text-orientation:mixed;background:var(--bg-raised);border:1px solid var(--border);border-right:none;border-radius:4px 0 0 4px;color:var(--fg-dim);font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;padding:14px 6px;cursor:pointer;pointer-events:auto;display:flex;align-items:center;gap:8px;transition:color .12s,background .12s;box-shadow:-2px 0 8px #0003}.parts-drawer-tab:hover{color:var(--fg);background:var(--bg-surface)}.parts-drawer-tab-count{font-size:9px;color:var(--accent);background:var(--bg-inset);border-radius:2px;padding:2px 3px}.parts-drawer-body{width:0;height:100%;background:var(--bg-raised);border-left:1px solid var(--border);box-shadow:-4px 0 16px #0000004d;overflow:hidden;transition:width .2s ease;pointer-events:auto}.parts-drawer--open .parts-drawer-body{width:260px;overflow-y:auto}.parts-drawer-content{width:260px;padding:12px;display:flex;flex-direction:column;gap:8px}.parts-drawer-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--fg);text-transform:uppercase;letter-spacing:.04em;padding-bottom:8px;border-bottom:1px solid var(--border)}.parts-drawer-close{background:transparent;border:none;color:var(--fg-muted);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:3px}.parts-drawer-close:hover{color:var(--fg);background:var(--bg-surface)}.topbar-load-row{display:flex;align-items:center;border-bottom:1px solid var(--border)}.topbar-load-row:last-child{border-bottom:none}.topbar-load-row .topbar-load-item{border-bottom:none}.topbar-load-action{flex-shrink:0;width:28px;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-left:1px solid var(--border);color:var(--fg-muted);font-size:14px;cursor:pointer;transition:all .12s}.topbar-load-action.publish:hover{background:#6db88a26;color:var(--ok)}.topbar-load-action.delete:hover{background:#c45a5a26;color:var(--err)}.touch-action-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:20;pointer-events:auto;background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;padding:8px 12px;box-shadow:0 4px 20px #0006}.touch-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;color:var(--fg);padding:10px 16px;cursor:pointer;min-width:60px;transition:all .12s;-webkit-tap-highlight-color:transparent}.touch-btn:active{background:var(--bg-hover);transform:scale(.95)}.touch-btn-icon{font-size:20px;line-height:1}.touch-btn-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--fg-dim)}.touch-btn-cancel{border-color:var(--warning, #e67e22)}.touch-btn-cancel .touch-btn-icon{color:var(--warning, #e67e22)}.touch-btn-danger{border-color:var(--error, #e74c3c)}.touch-btn-danger .touch-btn-icon{color:var(--error, #e74c3c)}.touch-btn-confirm{border-color:var(--accent, #4CAF50);background:var(--accent, #4CAF50)}.touch-btn-confirm .touch-btn-icon{color:#fff}.touch-btn-confirm .touch-btn-label{color:#fffc}.touch-btn-confirm:active{background:#388e3c}