html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fff}body{font-family:Helvetica Neue,Arial,sans-serif}#scene{display:block;width:100vw;height:100vh}.config-panel{box-sizing:border-box;position:fixed;left:50%;bottom:16px;z-index:10;width:min(92vw,360px);padding:12px;border-radius:18px;background:#ffffffeb;box-shadow:0 12px 30px #00000029;backdrop-filter:blur(16px);transform:translate(-50%)}.config-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.config-tab{border:0;border-radius:999px;padding:10px 14px;background:#ece8de;color:#2b2924;font:inherit;font-weight:700}.config-tab.is-active{background:#1d1d1b;color:#fff}.config-swatches{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.config-textures{display:flex;gap:10px;margin-bottom:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.config-textures[hidden]{display:none}.texture-option{display:flex;flex:0 0 92px;flex-direction:column;gap:6px;align-items:stretch;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:6px;background:#f7f4ef;color:#1d1d1b;font:inherit}.texture-option.is-selected{border-color:#111;box-shadow:0 0 0 2px #11111114}.texture-thumb{display:block;aspect-ratio:1 / 1;border-radius:10px;background-position:center;background-size:cover}.texture-ball{border-radius:999px}.texture-label{font-size:12px;font-weight:700;text-align:center}.config-textures::-webkit-scrollbar{height:6px}.config-textures::-webkit-scrollbar-thumb{background:#0000002e;border-radius:999px}.swatch{box-sizing:border-box}.swatch.is-selected{border-color:#111;box-shadow:0 0 0 3px #1111111f}.color-option{display:flex;flex:0 0 92px;flex-direction:column;gap:6px;align-items:center;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:6px;background:#f7f4ef;color:#1d1d1b;font:inherit}.color-ball{display:block;width:100%;aspect-ratio:1 / 1;border:2px solid rgba(0,0,0,.08);border-radius:999px;background:var(--swatch-color);box-sizing:border-box}.config-swatches::-webkit-scrollbar{height:6px}.config-swatches::-webkit-scrollbar-thumb{background:#0000002e;border-radius:999px}.swatch[hidden]{display:none}@media(min-width:769px){.config-panel{width:20vw;height:calc(100vh - 48px);inset:24px 24px 24px auto;transform:none;overflow-y:auto}.config-tabs{position:sticky;top:-12px;z-index:2;background:#fff;margin:-12px -12px 12px;padding:12px}.config-textures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:hidden;overflow-y:auto}.texture-option,.color-option{flex:initial;width:100%}}