:root{color-scheme:light;--bg: #efebe3;--panel: rgba(250, 248, 243, .78);--line: rgba(24, 31, 41, .1);--text: #18202a;--muted: #647081;--accent: #1f3354}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top,#fffc,#fff0 38%),linear-gradient(180deg,#f2eee6,#e9e2d8)}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);width:100%;height:100%}.panel{padding:32px 24px;border-right:1px solid var(--line);background:linear-gradient(180deg,#ffffffc7,#ffffff94);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overflow:auto}.eyebrow{margin-bottom:10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}h1{margin:0 0 14px;font-family:Iowan Old Style,Palatino Linotype,URW Palladio L,serif;font-size:clamp(30px,4vw,44px);line-height:.95}h2{margin:0 0 16px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.lede{margin:0 0 24px;color:var(--muted);line-height:1.55}.card{padding:18px;margin-bottom:16px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 16px 40px #2229360a}.control{display:grid;gap:8px;margin-bottom:14px}.control__row,.toggle,.select-wrap,.stats>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.control__row span,.select-wrap span,.toggle span,.stats span{color:var(--muted)}.control strong,.stats strong{font-weight:600}input[type=range]{width:100%;accent-color:var(--accent)}.select-wrap{display:grid;gap:8px;margin-bottom:12px}select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#ffffffe6}.stats{display:grid;gap:10px;margin-bottom:12px}.toggle{margin-top:12px}.switch{width:54px;height:32px;padding:3px;border:none;border-radius:999px;background:#1f335424;cursor:pointer;transition:background .18s ease}.switch span{display:block;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 6px 14px #00000024;transform:translate(0);transition:transform .18s ease}.switch--on{background:#1f33547a}.switch--on span{transform:translate(22px)}.note ul{padding-left:18px;margin:0;color:var(--muted);line-height:1.55}.viewport{position:relative;background:radial-gradient(ellipse at 55% 40%,#d8d8d8,#b0b0b0,#787878)}.viewport canvas{display:block}.badge{padding:8px 12px;border-radius:999px;background:#ffffffe0;border:1px solid rgba(24,32,42,.08);color:var(--accent);font-size:12px;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(max-width:980px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(420px,1fr)}.panel{border-right:0;border-bottom:1px solid var(--line)}}