.layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.layout__main{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,var(--stage-width, 55%)) minmax(240px,1.15fr);grid-template-rows:minmax(var(--stage-height, 40vh),1fr);flex:1 1 var(--stage-height, 40vh);min-height:0}.layout__stage{position:relative;min-height:380px;border-inline:1px solid var(--color-border)}.layout__stage canvas{display:block;touch-action:none;cursor:grab}.layout__stage canvas:active{cursor:grabbing}.selection-controls{position:absolute;z-index:1;inset-block-end:var(--space-3);inset-inline-end:var(--space-3);display:flex;align-items:flex-end;gap:var(--space-2);pointer-events:none}.selection-controls__verbs{display:flex;flex-direction:column;gap:var(--space-2)}.selection-controls__pad{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(3,auto);gap:var(--space-1)}.selection-controls__arrow--up{grid-area:1 / 2}.selection-controls__arrow--left{grid-area:2 / 1}.selection-controls__arrow--right{grid-area:2 / 3}.selection-controls__arrow--down{grid-area:3 / 2}.selection-controls__button{pointer-events:auto;inline-size:44px;block-size:44px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);line-height:1;cursor:pointer;box-shadow:0 1px 3px #0000002e;transition:background var(--transition),opacity var(--transition)}.selection-controls__button:hover:not(:disabled){background:var(--color-surface-raised)}.selection-controls__button:disabled{opacity:.4;cursor:default}.selection-controls__button--danger{color:var(--color-danger)}.orbit-hint{position:absolute;inset-block-end:var(--space-3);inset-inline-start:var(--space-3);margin:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-sm);opacity:.85;pointer-events:none;transition:opacity var(--transition)}.orbit-hint__glyph{color:var(--color-accent)}.orbit-hint--gone{opacity:0}.selection-controls~.orbit-hint{opacity:0}@media(prefers-reduced-motion:reduce){.orbit-hint{transition:none}}.layout__footer{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-5);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-sm)}.layout__disclaimer{margin:0;flex:1 1 24rem}.layout__links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0;white-space:nowrap}.layout__support-link{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition)}.layout__support-link:hover,.layout__support-link:focus-visible{color:var(--color-accent)}.toolbar{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.toolbar__row{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;justify-content:space-between}.toolbar__brand h1{margin:0;font-size:var(--font-size-lg)}.toolbar__brand p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.toolbar__controls{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}.toolbar__controls label,.cost__source label,.cost__print label,.toolbar__board-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.toolbar__board-caption{display:flex;align-items:baseline;gap:var(--space-1)}.toolbar__board-name{max-width:12rem;padding:0 2px;border:1px solid transparent;background:none;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:text}.toolbar__board-name:hover{border-color:var(--color-border);border-radius:var(--radius-sm)}.toolbar__board-name-input{width:calc(12ch + var(--space-2) * 2 + 2px);padding-inline:var(--space-2);font-size:var(--font-size-sm)}.toolbar__board{display:flex;align-items:stretch;gap:var(--space-1)}.toolbar__board button[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent)}.toolbar__rotated{margin-left:var(--space-1);font-style:normal;color:var(--color-accent)}.toolbar__range{width:7rem;padding:0;border:0;background:none;accent-color:var(--color-accent)}.palette{padding:var(--space-4);overflow-y:auto;min-height:0;background:var(--color-surface)}.palette h2,.palette h3{margin:0 0 var(--space-1);font-size:var(--font-size-md)}.palette h3{margin-top:var(--space-5)}.palette__hint{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.palette__list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.palette__item{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--space-2) var(--space-3);text-align:start;cursor:grab;touch-action:pan-y}.palette__row{display:flex;align-items:stretch;gap:var(--space-2)}.palette__row .palette__item{flex:1;min-width:0}.palette__place{flex:0 0 auto;inline-size:44px;padding:0;font-size:var(--font-size-lg);line-height:1;cursor:pointer}.palette__overlap{display:flex;align-items:center;gap:var(--space-2);min-block-size:44px;font-size:var(--font-size-sm)}.palette__overlap input{inline-size:18px;block-size:18px;padding:0;accent-color:var(--color-accent)}.palette__no-room{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-danger);font-size:var(--font-size-sm)}.palette__item:active{cursor:grabbing;border-color:var(--color-accent)}.palette__item--picked{border-color:var(--selected-color);box-shadow:inset 3px 0 0 var(--selected-color)}.palette__item--picked .palette__name{color:var(--selected-color)}.palette__name{font-size:var(--font-size-sm)}.palette__dims{color:var(--color-text-muted);font-size:.75rem}.palette__extra{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.palette__stepper{display:flex;align-items:center;gap:var(--space-2)}.palette__stepper button{width:1.9rem;padding:0;line-height:1.6}.palette__stepper output{min-width:1.5ch;text-align:center;font-variant-numeric:tabular-nums}.cost{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);overflow-y:auto;min-height:0;background:var(--color-surface)}.cost h2{margin:0;font-size:var(--font-size-md)}.cost__hint,.cost__status,.cost__empty{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.cost__status--warn{color:var(--color-danger)}.cost__scroll{overflow-x:auto;flex:0 0 auto}.cost__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.cost__table th,.cost__table td{padding-block:var(--space-2);padding-inline:var(--space-1) var(--space-3);border-bottom:1px solid var(--color-border);text-align:start;vertical-align:top}.cost__table th:last-child,.cost__table td:last-child{padding-inline-end:var(--space-1)}.cost__table th{color:var(--color-text-muted);font-weight:500}.cost__num{font-variant-numeric:tabular-nums}.cost__row--excluded{opacity:.45}.cost__name{display:block}.cost__pack{display:block;color:var(--color-text-muted);font-size:.75rem}.cost__cell{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.cost__price,.cost__qty,.cost__reset,.cost__badge{padding:0;border:0}.cost__price,.cost__qty,.cost__reset{background:none;color:inherit;font:inherit;cursor:pointer;text-align:start}.cost__price:hover,.cost__qty:hover,.cost__reset:hover{outline:1px solid var(--color-border);outline-offset:2px;border-radius:var(--radius-sm)}.cost__reset{color:var(--color-accent);font-size:.7rem}.cost__badge{color:var(--color-accent);font-size:.7rem;line-height:1.2}.cost__input{width:calc(7ch + var(--space-2) * 2 + 2px);padding-inline:var(--space-2);appearance:textfield}.cost__input::-webkit-outer-spin-button,.cost__input::-webkit-inner-spin-button{margin:0;appearance:none}.cost__footer{display:flex;align-items:baseline;justify-content:space-between;padding-top:var(--space-2);border-top:2px solid var(--color-border);font-size:var(--font-size-lg)}.cost__footer-total{display:flex;flex-direction:column;align-items:flex-end}.cost__footer-packs{color:var(--color-text-muted);font-size:var(--font-size-sm)}select,input,button{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);transition:border-color var(--transition),background var(--transition)}button{cursor:pointer}button:hover,select:hover{border-color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:900px){.layout__main{grid-template-columns:1fr;flex:1 1 auto}.palette,.cost{min-height:auto}.layout__stage{order:-1;min-height:max(60vh,var(--stage-height, 60vh));border-inline:0;border-block:1px solid var(--color-border)}}.help{max-width:46rem;max-height:85vh;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text)}.help::backdrop{background:#00000073}.help__body{padding:var(--space-5)}.help__body h2{margin:0 0 var(--space-4);font-size:var(--font-size-xl)}.help__body h3{margin:var(--space-5) 0 var(--space-2);font-size:var(--font-size-md);color:var(--color-accent)}.help__body ul{margin:0;padding-inline-start:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm);line-height:1.5}.help__optout{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);margin-inline-start:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.help__optout input{accent-color:var(--color-accent);cursor:pointer}.help__disclaimer{margin:var(--space-5) 0 var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}.help__close{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.cost__source,.cost__print{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}.cost__print{margin-top:var(--space-4)}.cost__currency{width:calc(5.5ch + var(--space-3) * 2 + 2px);text-transform:uppercase}.cost__refresh-button{font-size:var(--font-size-sm)}.cost__refresh-button:disabled{opacity:.6;cursor:progress}.export{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.export h2{margin:0;font-size:var(--font-size-md)}.export__hint{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.export__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.export__formats{display:flex;gap:var(--space-1)}.export__format{padding:var(--space-1) var(--space-3);font-size:.75rem}.export__format--on{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast)}.export__copy{padding:var(--space-1) var(--space-4);font-size:.75rem}.export__text{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.5;white-space:pre;overflow-x:auto;resize:vertical}.sheet{display:none}@media print{.toolbar,.palette,.layout__stage,.selection-controls,.layout__footer,.cost__table,.cost__scroll,.cost__footer,.cost__hint,.cost__status,.cost__empty,.cost__source,.cost__print,.export,.help{display:none!important}.layout,.layout__main,.cost{display:block;min-height:0;padding:0;border:0;background:#fff;color:#000}.cost h2{display:none}.sheet{display:block;padding:0;color:#000}.sheet__header h1{margin:0 0 2mm;font-size:14pt}.sheet__header p{margin:0 0 4mm;font-size:10pt}.sheet__diagram{display:block;width:100%;max-height:110mm;margin-bottom:5mm}.sheet__board{fill:none;stroke:#000;stroke-width:3}.sheet__slot{fill:none;stroke:#999;stroke-width:1}.sheet__item{fill:#000;fill-opacity:.12;stroke:#000;stroke-width:2}.sheet__list{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8.5pt;line-height:1.45;white-space:pre-wrap}.sheet__note{margin-top:4mm;font-size:7.5pt;color:#444}@page{margin:12mm}}.custom{max-width:34rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text)}.custom::backdrop{background:#00000073}.custom__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.custom__body h2{margin:0;font-size:var(--font-size-lg)}.custom__hint,.custom__preview{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.custom__field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm)}.custom__row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.custom__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.custom__save{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.custom__delete{margin-inline-end:auto;border-color:var(--color-danger);color:var(--color-danger)}.appearance{max-width:26rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text)}.appearance::backdrop{background:#00000073}.appearance__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.appearance__body h2{margin:0;font-size:var(--font-size-lg)}.appearance__hint{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.appearance__field{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-sm)}.appearance__field input[type=color]{inline-size:3rem;block-size:2rem;padding:2px;cursor:pointer}.appearance__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.appearance__reset{margin-inline-end:auto}.appearance__save{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.palette__custom-add{width:100%;margin-top:var(--space-2)}.toolbar__note{align-self:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.palette__custom-row{display:flex;align-items:stretch;gap:var(--space-2)}.palette__custom-row .palette__item{flex:1;min-width:0}.palette__custom-edit{flex:0 0 auto;font-size:var(--font-size-sm)}:root{--color-background: #f7f7f5;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #e0e0dc;--color-text: #1a1a18;--color-text-muted: #6b6b66;--color-accent: #0d6efd;--color-accent-contrast: #ffffff;--color-danger: #d92d20;--color-success: #16a34a;--scene-bg: #eceae4;--board-color: #d8d3c4;--accessory-color: #f5a623;--snap-ok: #16a34a;--snap-bad: #d92d20;--selected-color: #1a6ea6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.75rem;--transition: .15s ease}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-background: #16171a;--color-surface: #1e2024;--color-surface-raised: #26282d;--color-border: #34363c;--color-text: #f0f0ee;--color-text-muted: #9a9ca3;--color-accent: #4c9aff;--color-accent-contrast: #0b1220;--color-danger: #f97066;--color-success: #4ade80;--scene-bg: #0b0c0f;--board-color: #50555f;--accessory-color: #f5a623;--snap-ok: #4ade80;--snap-bad: #f97066;--selected-color: #c7f1ff}}:root[data-theme=dark]{--color-background: #16171a;--color-surface: #1e2024;--color-surface-raised: #26282d;--color-border: #34363c;--color-text: #f0f0ee;--color-text-muted: #9a9ca3;--color-accent: #4c9aff;--color-accent-contrast: #0b1220;--color-danger: #f97066;--color-success: #4ade80;--scene-bg: #0b0c0f;--board-color: #50555f;--accessory-color: #f5a623;--snap-ok: #4ade80;--snap-bad: #f97066;--selected-color: #c7f1ff}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,canvas,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}ul,ol{list-style:none;margin:0;padding:0}a{color:inherit}