:root{color-scheme:light;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;--surface: #e0e5ec;--surface-glass: rgba(224, 229, 236, .94);--shadow-light: rgba(255, 255, 255, .9);--shadow-dark: rgba(163, 177, 198, .65);--shadow-light-inset: rgba(255, 255, 255, .8);--shadow-dark-inset: rgba(163, 177, 198, .55);--raised-sm: -5px -5px 10px var(--shadow-light), 5px 5px 10px var(--shadow-dark);--raised-sm-hover: -6px -6px 12px var(--shadow-light), 6px 6px 12px var(--shadow-dark);--raised-lg: -10px -10px 20px var(--shadow-light), 10px 10px 22px var(--shadow-dark);--inset-sm: inset -4px -4px 8px var(--shadow-light-inset), inset 4px 4px 8px var(--shadow-dark-inset);--inset-lg: inset -8px -8px 16px var(--shadow-light-inset), inset 8px 8px 18px var(--shadow-dark-inset);--r-lg: 24px;--r-md: 16px;--r-sm: 12px;--r-pill: 999px;--text-primary: #3c4457;--text-muted: #5b6478;--ok: #2f8f52;--bad: #c23a56;--amber: #a06a12;--accent: #4a63d1;--accent-wash: rgba(74, 99, 209, .12);--ease: cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface);color:var(--text-primary)}@media (prefers-reduced-motion: reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app-layout{position:relative;height:100vh;background:var(--surface)}.stage{position:absolute;inset:18px;border-radius:var(--r-lg);background:#232a3b;box-shadow:var(--inset-lg);overflow:hidden}.stage canvas{display:block}.sidebar{position:absolute;top:18px;left:18px;bottom:18px;width:336px;z-index:10;padding:22px 20px;overflow-y:auto;border-radius:var(--r-lg);background:var(--surface-glass);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--raised-lg)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.app-header h1{margin:0;font-size:1.3rem;font-weight:700;letter-spacing:-.01em}.app-subtitle{color:var(--text-muted);margin:8px 0 0;font-size:.88rem}button{font:inherit;color:inherit;touch-action:manipulation}.app-header button,button.primary,.chip,.field select,.seed-row input,.piece-list li{cursor:pointer}.app-header button,button.primary,.chip{border:none;background:var(--surface);box-shadow:var(--raised-sm);transition:box-shadow .15s var(--ease),transform .15s var(--ease),color .15s var(--ease)}.app-header button:hover,button.primary:hover:not(:disabled),.chip:hover{box-shadow:var(--raised-sm-hover);transform:translateY(-1px)}.app-header button:active,button.primary:active:not(:disabled),.chip:active{box-shadow:var(--inset-sm);transform:translateY(0)}button:focus-visible,input:focus-visible,select:focus-visible,li[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app-header button{padding:7px 16px;border-radius:var(--r-pill);font-weight:600;font-size:.88rem}button.primary{width:100%;padding:12px 16px;border-radius:var(--r-md);background:var(--accent);color:#fff;font-weight:700;font-size:.95rem}button.primary:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;transform:none}.chip{padding:7px 14px;border-radius:var(--r-pill);font-size:.85rem;font-weight:600;color:var(--text-primary)}.chip.active{box-shadow:var(--inset-sm);background:var(--accent-wash);color:var(--accent)}.chip.active:hover{box-shadow:var(--inset-sm);transform:none}.error{color:var(--bad);font-size:.9rem;font-weight:600}.panel{display:flex;flex-direction:column;gap:14px}.section{margin-top:20px}.section:first-child{margin-top:0}.section+.section{padding-top:18px;box-shadow:inset 0 1px 2px var(--shadow-dark-inset),inset 0 2px 1px var(--shadow-light-inset)}.section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:none;background:transparent;color:var(--text-primary);font-weight:700;font-size:.95rem;cursor:pointer;text-align:left}.section-chevron{display:inline-block;color:var(--text-muted);font-size:1.1rem;transition:transform .15s var(--ease)}.section-chevron.open{transform:rotate(90deg);color:var(--accent)}.section-body{margin-top:14px}.field{display:flex;flex-direction:column;gap:6px}.field .label,.bed-row .label,.slider-row .label,.seed-row .label,.axis-row .label{color:var(--text-muted);font-size:.82rem;font-weight:600}.field select,.seed-row input{padding:8px 10px;border:none;border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--inset-sm);color:var(--text-primary);font:inherit}.bed-row,.axis-row,.seed-row,.check{display:flex;align-items:center;gap:8px}.bed-row .label{margin-right:4px}.check{font-size:.9rem;color:var(--text-primary)}.warn{color:var(--amber);font-size:.85rem;font-weight:600}.preset-row{display:flex;gap:8px}.stats{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;padding:12px 14px;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--inset-sm)}.stats dt{color:var(--text-muted);font-size:.85rem}.stats dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}.stats dd.ok{color:var(--ok)}.stats dd.bad{color:var(--bad);font-weight:700}.stats dd.amber{color:var(--amber);font-weight:700}.warnings{font-size:.85rem}.warnings ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.warnings li{font-size:.82rem;color:var(--bad);font-weight:600}.warnings .ok{color:var(--ok);font-weight:600}.piece-list{list-style:none;margin:6px 0 0;padding:6px;max-height:190px;overflow-y:auto;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--inset-sm)}.piece-list li{display:grid;grid-template-columns:3.4em 1fr auto;gap:8px;align-items:center;padding:6px 10px;border-radius:var(--r-sm);font-size:.82rem;color:var(--text-primary);transition:background .12s var(--ease),color .12s var(--ease)}.piece-list li:hover{background:var(--accent-wash)}.piece-list li.active{background:var(--accent);color:#fff}.piece-list .pdim{color:var(--text-muted);font-variant-numeric:tabular-nums}.piece-list li.active .pdim{color:#e4e9ff}.piece-list li .ok{color:var(--ok)}.piece-list li.active .ok{color:#d6ffe6}.piece-list li .bad{color:var(--bad)}.piece-list li.active .bad{color:#ffd7de}.slider-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px}.slider-row .label{grid-column:1 / -1}.slider-row .value{font-variant-numeric:tabular-nums;min-width:2.6em;text-align:right;font-weight:600;font-size:.85rem}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:20px;background:transparent;margin:0}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--inset-sm)}input[type=range]::-moz-range-track{height:8px;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--inset-sm)}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-6px;border-radius:50%;background:var(--surface);box-shadow:var(--raised-sm);border:2px solid var(--accent);cursor:pointer;transition:transform .12s var(--ease),box-shadow .12s var(--ease)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--surface);box-shadow:var(--raised-sm);border:2px solid var(--accent);cursor:pointer;transition:transform .12s var(--ease),box-shadow .12s var(--ease)}input[type=range]:active::-webkit-slider-thumb{box-shadow:var(--inset-sm);transform:scale(.94)}input[type=range]:active::-moz-range-thumb{box-shadow:var(--inset-sm);transform:scale(.94)}input[type=range]:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:var(--r-pill)}