:root{--bg: #f2f3f7;--card: rgba(255, 255, 255, .86);--card-border: rgba(22, 24, 38, .07);--text: #1c1e2a;--muted: #707588;--accent: #6366f1;--accent-strong: #4f46e5;--accent-soft: rgba(99, 102, 241, .1);--cyan: #22d3ee;--danger: #e5484d;--radius: 16px;--shadow-card: 0 1px 2px rgba(22, 24, 38, .05), 0 10px 30px rgba(22, 24, 38, .08);font-family:-apple-system,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);font-size:14px;overflow:hidden}#app{position:relative}#canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}#topbar{position:fixed;top:14px;left:16px;right:16px;z-index:10;display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--card);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.brand{display:flex;align-items:center;gap:9px;-webkit-user-select:none;user-select:none}.brand-logo{display:block}.brand-name{font-size:17px;font-weight:800;letter-spacing:-.3px;color:var(--text)}.brand-name em{font-style:normal;background:linear-gradient(120deg,#4f46e5,#8b5cf6 55%,#0ea5b7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}#status{flex:1;color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{display:flex;align-items:center;gap:8px}.divider{width:1px;height:22px;background:var(--card-border)}.icon-btn{width:32px;height:32px;border-radius:10px;border:1px solid var(--card-border);background:#fff;color:var(--text);font-size:15px;cursor:pointer;transition:border-color .15s,background .15s}.icon-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.icon-btn:disabled{opacity:.35;cursor:default}.chip-btn{padding:7px 14px;border-radius:999px;border:1px solid var(--card-border);background:#fff;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,filter .15s}.chip-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.chip-btn:disabled{opacity:.4;cursor:default}.chip-btn.accent{background:linear-gradient(135deg,var(--accent-strong),#7c3aed);border:none;color:#fff;box-shadow:0 4px 14px #4f46e559}.chip-btn.accent:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(135deg,var(--accent-strong),#7c3aed)}#panel{position:fixed;top:76px;right:16px;bottom:14px;width:306px;z-index:9;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:2px;scrollbar-width:thin;scrollbar-color:rgba(22,24,38,.18) transparent}.card{background:var(--card);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--card-border);border-radius:var(--radius);padding:15px;box-shadow:var(--shadow-card);flex:none}.card h2{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.hint{color:var(--muted);font-size:12px;line-height:1.45;margin-bottom:10px}.dropzone{border:1.5px dashed rgba(99,102,241,.35);background:#6366f10a;border-radius:12px;padding:16px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;margin-bottom:10px}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:var(--accent-soft)}.dz-idle strong{display:block;font-size:13.5px}.dz-idle small{color:var(--muted)}.dz-file{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--accent-strong);font-weight:600;font-size:13px;word-break:break-all;text-align:left}.dz-file button{border:none;background:none;color:var(--muted);cursor:pointer;font-size:14px}.dz-file button:hover{color:var(--danger)}.btn{display:block;width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--card-border);background:#fff;color:var(--text);font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,filter .15s,box-shadow .15s}.btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:linear-gradient(135deg,var(--accent-strong),#7c3aed);border:none;color:#fff;box-shadow:0 4px 14px #4f46e559}.btn.primary:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(135deg,var(--accent-strong),#7c3aed)}.btn.ghost{background:transparent}.btn+.btn{margin-top:8px}.color-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.color-chip{display:flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;border:1px solid var(--card-border);background:#fff;cursor:pointer;font-size:12px;color:var(--text);font-variant-numeric:tabular-nums;transition:border-color .12s,background .12s,box-shadow .12s}.color-chip:hover{border-color:var(--accent)}.color-chip.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px #6366f11f}.color-chip .dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(22,24,38,.18);flex:none}.color-chip small{color:var(--muted)}.zone-list,.part-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;max-height:190px;overflow-y:auto;scrollbar-width:thin}.zone-item,.part-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;border:1px solid transparent;background:#16182609;cursor:pointer;transition:border-color .12s,background .12s}.zone-item:hover{border-color:var(--accent)}.zone-item.selected{border-color:var(--accent);background:var(--accent-soft)}.swatch{width:15px;height:15px;border-radius:5px;border:1px solid rgba(22,24,38,.18);flex:none}.zone-item .meta,.part-item .meta{flex:1;min-width:0;font-size:12.5px}.zone-item .meta small,.part-item .meta small{display:block;color:var(--muted);font-variant-numeric:tabular-nums}.part-item{cursor:default}.part-item .dl{border:none;background:none;color:var(--muted);cursor:pointer;font-size:15px}.part-item .dl:hover{color:var(--accent-strong)}.seg{display:flex;gap:6px}.seg-btn{flex:1;padding:8px;border-radius:10px;border:1px solid var(--card-border);background:#fff;color:var(--muted);font-weight:700;cursor:pointer;transition:border-color .12s,background .12s,color .12s,box-shadow .12s}.seg-btn:hover{border-color:var(--accent)}.seg-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 10px #6366f159}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:#1618261f;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2.5px solid #fff;box-shadow:0 1px 4px #16182640;cursor:pointer}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--accent);border:2.5px solid #fff;box-shadow:0 1px 4px #16182640;cursor:pointer}label.row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-bottom:10px}label.row input[type=range]{flex:1}.foot{text-align:center;color:#707588bf;font-size:11px;flex:none}.busy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#f2f3f78c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.busy-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 34px;background:#fff;border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:0 24px 70px #16182638;max-width:300px;text-align:center}.busy-card p{font-size:14px;font-weight:600}.busy-card small{color:var(--muted);font-size:11.5px}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(99,102,241,.15);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}