:root{color-scheme:light;font-family:SF Pro Display,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#1f2a22;background:radial-gradient(circle at top left,#fbfdf9,#eef3ed 42%,#d7dfd4)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100vh}body{min-width:320px}#app{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.panel{display:flex;flex-direction:column;justify-content:space-between;gap:1.75rem;padding:2rem;border-right:1px solid rgba(31,42,34,.12);background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{margin:0 0 .5rem;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#587162}h1{margin:0;font-size:clamp(2rem,3vw,3.2rem);line-height:.96;letter-spacing:-.04em}.copy{margin:.9rem 0 0;max-width:28ch;color:#45584a}.stats{display:grid;gap:.95rem;margin:0}.stats div{padding:.9rem 1rem;border-radius:18px;background:#f1f5f0f2;box-shadow:inset 0 0 0 1px #1f2a220f}.stats dt{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#607668}.stats dd{margin:.32rem 0 0;font-size:.98rem;color:#233127}.controls{display:grid;gap:.85rem}button,.field input,.toggle{border-radius:999px;border:1px solid rgba(31,42,34,.12);background:#fffffff2;color:#1f2a22;font:inherit}button{padding:.9rem 1.15rem;cursor:pointer;transition:transform .16s ease,background .16s ease}button:hover{transform:translateY(-1px);background:#f8fbf5}button:disabled{cursor:not-allowed;opacity:.56;transform:none}.toggle{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem}.toggle input{inline-size:1.1rem;block-size:1.1rem}.control-card{display:grid;gap:.85rem;padding:1rem;border-radius:22px;background:#f1f5f0f2;box-shadow:inset 0 0 0 1px #1f2a220f}.control-heading{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#607668}.dimension-grid{display:grid;gap:.75rem}.field{display:grid;gap:.45rem}.field span{font-size:.84rem;color:#45584a}.field input{inline-size:100%;padding:.8rem 1rem;font:inherit}.field input:disabled{opacity:.65}.preset-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.preset{padding:.78rem .9rem;font-size:.88rem}.preset.is-active{background:#5d7f67;color:#f6fbf5;border-color:transparent}.note{margin:0;font-size:.84rem;color:#526658}.viewer-shell{position:relative;min-width:0}#viewer{inline-size:100%;block-size:100vh}canvas{display:block}@media(max-width:900px){#app{grid-template-columns:1fr;grid-template-rows:auto minmax(400px,1fr)}.panel{border-right:0;border-bottom:1px solid rgba(31,42,34,.12)}#viewer{block-size:min(70vh,560px);min-block-size:360px}.preset-row{grid-template-columns:1fr}}