.box-builder.svelte-1oo0lbt{display:grid;grid-template-columns:1fr 322px;gap:1.5rem;align-items:start}@media(max-width:820px){.box-builder.svelte-1oo0lbt{grid-template-columns:1fr}}.viewer-area.svelte-1oo0lbt{display:flex;flex-direction:column;gap:1rem;min-width:0;position:sticky;top:72px;align-self:start}@media(max-width:820px){.viewer-area.svelte-1oo0lbt{position:sticky;top:0;z-index:10;background:var(--bg, #f6f7fb)}}.viewer-canvas.svelte-1oo0lbt{position:relative;min-height:340px;height:clamp(340px,52vh,600px);border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(130% 110% at 50% -5%,#ffffff 0%,var(--bg-soft) 55%,var(--bg-sunken) 100%);border:1px solid var(--border);box-shadow:var(--shadow-md),inset 0 1px #ffffffb3}@media(max-width:820px){.viewer-canvas.svelte-1oo0lbt{min-height:260px;height:42vw;max-height:340px}}.viewer-grid.svelte-1oo0lbt{position:absolute;inset:0;background-image:linear-gradient(rgba(79,70,229,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(79,70,229,.05) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(75% 75% at 50% 55%,#000 30%,transparent 80%);mask-image:radial-gradient(75% 75% at 50% 55%,#000 30%,transparent 80%);pointer-events:none;z-index:0}.viewer-badge.svelte-1oo0lbt{position:absolute;top:.9rem;left:.9rem;z-index:2;padding:.32rem .75rem;border-radius:999px;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:var(--shadow-xs);font-size:.72rem;font-weight:600;color:var(--text-soft);pointer-events:none}.reset-view-btn.svelte-1oo0lbt{position:absolute;top:.9rem;right:.9rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:var(--shadow-xs);color:var(--text-soft);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}.reset-view-btn.svelte-1oo0lbt:hover{background:var(--surface);color:var(--brand);border-color:var(--brand-light);transform:rotate(-30deg)}.reset-view-btn.svelte-1oo0lbt:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.viewer-canvas.svelte-1oo0lbt canvas{position:relative;z-index:1;display:block;width:100%!important;height:100%!important}.viewer-overlay.svelte-1oo0lbt{display:flex;align-items:center;justify-content:center;gap:.6rem;position:absolute;inset:0;background:#f6f7fbb3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:var(--radius, 14px);pointer-events:none;z-index:3}.building-spinner.svelte-1oo0lbt{width:1.1rem;height:1.1rem;border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:svelte-1oo0lbt-spin .7s linear infinite}@keyframes svelte-1oo0lbt-spin{to{transform:rotate(360deg)}}.building-msg.svelte-1oo0lbt{font-size:var(--step-sm, .875rem);color:var(--text-soft, #475569);font-weight:600}.viewer-updating.svelte-1oo0lbt{position:absolute;bottom:.9rem;right:.9rem;z-index:3;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:var(--shadow-xs);pointer-events:none}.building-spinner--sm.svelte-1oo0lbt{width:.8rem;height:.8rem;border-width:1.5px}.viewer-updating-msg.svelte-1oo0lbt{font-size:.72rem;font-weight:600;letter-spacing:.01em;color:var(--text-soft)}.download-card.svelte-1oo0lbt{display:flex;flex-direction:column;gap:.9rem;padding:1.2rem 1.3rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:radial-gradient(120% 120% at 100% 0%,var(--brand-softer) 0%,transparent 60%),var(--surface);box-shadow:var(--shadow-sm)}.download-head.svelte-1oo0lbt{display:flex;align-items:center;gap:.75rem}.download-icon.svelte-1oo0lbt{flex-shrink:0;width:2.3rem;height:2.3rem;display:grid;place-items:center;border-radius:11px;background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.download-head-text.svelte-1oo0lbt{display:flex;flex-direction:column;gap:.1rem}.download-title.svelte-1oo0lbt{margin:0;font-weight:700;font-size:var(--step-0);color:var(--text)}.download-sub.svelte-1oo0lbt{margin:0;font-size:.78rem;color:var(--text-soft);line-height:1.4}.download-row.svelte-1oo0lbt{display:flex;gap:.6rem}.download-btn.svelte-1oo0lbt{justify-content:center;padding-block:.78rem}.download-btn--primary.svelte-1oo0lbt{flex:1}.download-row.svelte-1oo0lbt .btn-ghost:where(.svelte-1oo0lbt){flex:0 0 auto;padding-inline:1.1rem}.btn-save.svelte-1oo0lbt{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.72rem 1.2rem;border:1.5px solid var(--brand);border-radius:var(--radius);background:transparent;color:var(--brand);font-size:var(--step-sm, .875rem);font-weight:700;font-family:inherit;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.btn-save.svelte-1oo0lbt:hover{background:var(--brand-soft);border-color:var(--brand);box-shadow:var(--shadow-xs)}.btn-save.svelte-1oo0lbt:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn-save.svelte-1oo0lbt:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-share.svelte-1oo0lbt{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.6rem 1.2rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-muted);color:var(--text-soft);font-size:var(--step-sm, .875rem);font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.btn-share.svelte-1oo0lbt:hover{background:var(--surface);color:var(--brand);border-color:var(--brand-light);box-shadow:var(--shadow-xs)}.btn-share.svelte-1oo0lbt:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn-share--done.svelte-1oo0lbt,.btn-share--done.svelte-1oo0lbt:hover{color:var(--success-ink, #15803d);border-color:var(--success-border, #86efac);background:var(--success-soft, #f0fdf4)}.error-banner.svelte-1oo0lbt{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.8rem 1rem;background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius);color:var(--danger-ink);font-size:var(--step-sm)}.error-banner.svelte-1oo0lbt span:where(.svelte-1oo0lbt){flex:1}.btn-sm.svelte-1oo0lbt{padding:.35rem .8rem;font-size:var(--step-sm)}.options-panel.svelte-1oo0lbt{display:flex;flex-direction:column;gap:1rem;padding:1.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:sticky;top:80px}@media(max-width:820px){.options-panel.svelte-1oo0lbt{position:static}}.panel-head.svelte-1oo0lbt{display:flex;flex-direction:column;gap:.15rem}.panel-title.svelte-1oo0lbt{font-size:var(--step-1);font-weight:600;margin:0;color:var(--text);font-family:var(--font-display);letter-spacing:-.01em}.panel-sub.svelte-1oo0lbt{margin:0;font-size:.78rem;color:var(--text-faint)}.opt-section.svelte-1oo0lbt{border:none;border-top:1px solid var(--border);margin:0;padding:1rem 0 0;display:flex;flex-direction:column;gap:.85rem}.opt-legend.svelte-1oo0lbt{padding:0;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.opt-pair.svelte-1oo0lbt{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.opt-hint.svelte-1oo0lbt{margin:0;font-size:.75rem;color:var(--text-soft);line-height:1.4}.option-group.svelte-1oo0lbt{display:flex;flex-direction:column;gap:.3rem}.option-group--sub.svelte-1oo0lbt{padding-left:.85rem;border-left:2px solid var(--brand-soft)}.label-row.svelte-1oo0lbt{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.option-label.svelte-1oo0lbt{font-size:var(--step-sm);color:var(--text-soft);font-weight:500}.value-chip.svelte-1oo0lbt{font-size:.76rem;font-weight:700;color:var(--brand);background:var(--brand-soft);padding:.12rem .55rem;border-radius:999px;font-variant-numeric:tabular-nums}.option-input.svelte-1oo0lbt{padding:.5rem .65rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text);font-size:var(--step-sm);font-family:inherit;width:100%}.option-input.svelte-1oo0lbt:focus{outline:none;background:var(--surface);border-color:var(--brand);box-shadow:var(--ring)}.option-range.svelte-1oo0lbt{width:100%;accent-color:var(--brand);cursor:pointer;height:1.1rem}.stepper.svelte-1oo0lbt{display:grid;grid-template-columns:2.1rem 1fr 2.1rem;align-items:stretch;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-muted)}.stepper.svelte-1oo0lbt button:where(.svelte-1oo0lbt){border:none;background:transparent;color:var(--brand);font-size:1.1rem;font-weight:700;cursor:pointer;line-height:1;padding:.4rem 0;transition:background var(--t-fast)}.stepper.svelte-1oo0lbt button:where(.svelte-1oo0lbt):hover{background:var(--brand-soft)}.stepper.svelte-1oo0lbt button:where(.svelte-1oo0lbt):focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.stepper-value.svelte-1oo0lbt{display:grid;place-items:center;font-size:var(--step-sm);font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;border-inline:1px solid var(--border)}.switch-row.svelte-1oo0lbt{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer}.switch-title.svelte-1oo0lbt{font-size:var(--step-sm, .875rem);color:var(--text, #0f172a);font-weight:600}.switch-input.svelte-1oo0lbt{position:absolute;opacity:0;width:2.6rem;height:1.5rem;right:0;margin:0;cursor:pointer}.switch-track.svelte-1oo0lbt{position:relative;flex-shrink:0;width:2.6rem;height:1.5rem;border-radius:999px;background:var(--border);transition:background .18s ease}.switch-track.svelte-1oo0lbt:after{content:"";position:absolute;top:3px;left:3px;width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .18s ease}.switch-input.svelte-1oo0lbt:checked~.switch-track:where(.svelte-1oo0lbt){background:var(--brand)}.switch-input.svelte-1oo0lbt:checked~.switch-track:where(.svelte-1oo0lbt):after{transform:translate(1.1rem)}.switch-input.svelte-1oo0lbt:focus-visible~.switch-track:where(.svelte-1oo0lbt){outline:3px solid var(--brand);outline-offset:3px}.swatch-row.svelte-1oo0lbt{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.swatch.svelte-1oo0lbt{position:relative;width:2.6rem;height:2rem;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-strong);box-shadow:var(--shadow-xs),inset 0 0 0 2px #fff}.option-color.svelte-1oo0lbt{position:absolute;inset:-25%;width:150%;height:150%;border:none;padding:0;cursor:pointer;background:none}button.svelte-1oo0lbt:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.preset-row.svelte-1oo0lbt{display:flex;flex-direction:column;gap:.45rem;padding-bottom:.15rem}.preset-label.svelte-1oo0lbt{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.preset-chips.svelte-1oo0lbt{display:flex;flex-wrap:wrap;gap:.38rem}.preset-chip.svelte-1oo0lbt{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:999px;border:1.5px solid var(--brand-light, var(--border-strong));background:var(--brand-soft);color:var(--brand);font-size:.76rem;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast);line-height:1.4}.preset-chip.svelte-1oo0lbt:hover{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow-xs)}.preset-chip.svelte-1oo0lbt:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.preset-chip.svelte-1oo0lbt:active{transform:scale(.97)}