:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.4 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#scene-root canvas{display:block}.trait-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f4f4f0;box-sizing:border-box;background:#141612ad;border-radius:12px;width:min(360px,100vw - 32px);max-height:calc(100vh - 32px);padding:16px 18px;position:fixed;bottom:16px;left:16px;overflow-y:auto;box-shadow:0 8px 24px #00000040}.trait-panel .section{letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin:14px 0 8px;font-size:11px;font-weight:600}.trait-panel .section:first-of-type{margin-top:0}.radio-row{gap:8px;margin-bottom:4px;display:flex}.radio-pill{cursor:pointer;background:#ffffff14;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:flex}.radio-pill input{margin:0}.trait-panel h1{margin:0 0 6px;font-size:16px;font-weight:600}.trait-panel .hint{opacity:.75;margin:0 0 14px;font-size:12px;line-height:1.45}.trait-row{grid-template-columns:14px 60px 1fr 38px;align-items:center;gap:10px;margin-bottom:10px;display:grid}.swatch{border-radius:50%;width:14px;height:14px;display:inline-block}.trait-name{font-size:13px}.trait-value{text-align:right;opacity:.75;font-variant-numeric:tabular-nums;font-size:12px}input[type=range]{width:100%}