*{box-sizing:border-box}:root{color:#1d1f21;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}button:disabled,input:disabled{cursor:not-allowed;opacity:.48}#app{background:linear-gradient(135deg,#ffffffb8,#ebe4d861),#f7f4ee;width:100vw;height:100vh;position:relative}#scene{touch-action:none;width:100%;height:100%;display:block}.toolbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f8f8eb;border:1px solid #1212121f;border-radius:8px;gap:14px;width:min(430px,100vw - 36px);max-height:calc(100vh - 36px);padding:16px;display:grid;position:fixed;top:18px;left:18px;overflow:auto;box-shadow:0 20px 50px #0000001f}.brand{align-items:center;min-width:0;display:flex}h1{color:#111;letter-spacing:0;margin:0;font-size:18px;font-weight:780;line-height:1.15}p{color:#5b5b5b;letter-spacing:0;text-transform:uppercase;margin:4px 0 0;font-size:12px;font-weight:650}.control-row{grid-template-columns:48px 1fr;align-items:center;gap:10px;display:grid}.label{color:#4f4f4f;font-size:13px;font-weight:720}.model-section{gap:10px;display:grid}.model-tabs{scrollbar-width:none;background:#e7e7e7;border-radius:8px;gap:4px;min-width:0;padding:4px;display:flex;overflow-x:auto}.model-tabs::-webkit-scrollbar{display:none}.model-tab{color:#202020;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:none;min-width:88px;max-width:164px;min-height:34px;padding:0 12px;font-size:13px;font-weight:780;transition:background .16s,color .16s,transform .16s,box-shadow .16s;overflow:hidden}.model-tab:hover{transform:translateY(-1px)}.model-tab.is-active{color:#fff;background:#111;box-shadow:0 7px 16px #0000002e}.model-editor{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.name-input{color:#202020;background:#ffffffc7;border:1px solid #11111124;border-radius:6px;outline:none;width:100%;min-width:0;min-height:34px;padding:0 10px;font-size:13px;font-weight:720}.name-input:focus{border-color:#1111116b;box-shadow:0 0 0 3px #11111114}.model-actions{gap:6px;display:flex}.segmented{background:#e7e7e7;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:4px;padding:4px;display:grid}.segment,.text-button,.upload-button{color:#202020;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:36px;font-size:14px;font-weight:760;transition:background .16s,color .16s,transform .16s,box-shadow .16s}.segment:hover,.text-button:hover,.upload-button:hover{transform:translateY(-1px)}.segment.is-active{color:#fff;background:#111;box-shadow:0 7px 16px #0000002e}.swatches{align-items:center;gap:9px;min-width:0;display:flex}.swatch,.color-picker{background:var(--swatch);cursor:pointer;border:2px solid #1111112e;border-radius:50%;flex:0 0 30px;width:30px;height:30px;box-shadow:inset 0 0 0 2px #ffffffc7}.swatch.is-active{outline-offset:2px;outline:3px solid #111}.color-picker{background:conic-gradient(#ff6b4a,#f2c94c,#16a085,#3d5afe,#ff6b4a);position:relative;overflow:hidden}.color-picker input{opacity:0;cursor:pointer;border:0;width:48px;height:48px;padding:0;position:absolute;inset:-8px}.action-row{grid-template-columns:minmax(96px,1fr) auto}.text-button,.upload-button{background:#e7e7e7;padding:0 14px}.upload-row{margin-top:-2px}.upload-button{place-items:center;width:100%;display:grid;position:relative}.upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-status{color:#777;text-transform:none;margin:-4px 0 0;font-size:12px;font-weight:650}.part-list{gap:8px;margin-top:-4px;display:grid}.part-row{background:#ebebeb9e;border:1px solid #1111111a;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:7px;display:grid}.part-name-input{background:#ffffffe0;min-height:30px}.switch{color:#4f4f4f;white-space:nowrap;align-items:center;gap:8px;height:36px;font-size:13px;font-weight:720;display:inline-flex}.switch input{appearance:none;cursor:pointer;background:#d6d6d6;border-radius:999px;width:36px;height:22px;margin:0;transition:background .16s}.switch input:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;margin:3px;transition:transform .16s;display:block;box-shadow:0 2px 5px #0003}.switch input:checked{background:#111}.switch input:checked:before{transform:translate(14px)}.tool-panel{border-top:1px solid #1111111a;padding-top:12px}.tool-panel summary{color:#202020;cursor:pointer;letter-spacing:0;font-size:14px;font-weight:780;list-style:none}.tool-panel summary::-webkit-details-marker{display:none}.tool-panel summary:after{float:right;color:#686868;content:"+";font-weight:760}.tool-panel[open] summary:after{content:"-"}.slider-row{grid-template-columns:52px 1fr 42px;align-items:center;gap:10px;margin-top:10px;display:grid}.slider-row label,.slider-row output{color:#4f4f4f;font-size:13px;font-weight:720}.slider-row output{text-align:right;font-variant-numeric:tabular-nums}.slider-row input[type=range]{accent-color:#111;width:100%}.env-color-row,.env-toggle-row{margin-top:10px}.compact-swatches{gap:8px}.toggle-set{align-items:center;gap:16px;min-width:0;display:flex}.save-palette-button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:6px;width:100%;min-height:36px;margin-top:10px;font-size:14px;font-weight:760}.palette-list{gap:8px;margin-top:10px;display:grid}.palette-card{background:#ebebebb8;border:1px solid #1111111a;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:8px;display:grid}.palette-preview{align-items:center;display:flex}.mini-swatch{background:var(--mini-swatch);border:2px solid #ffffffb8;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1px #11111129}.mini-swatch+.mini-swatch{margin-left:-6px}.palette-name{color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:760;overflow:hidden}.palette-actions{gap:6px;display:flex}.small-button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:6px;min-height:28px;padding:0 9px;font-size:12px;font-weight:760}.ghost-button{color:#3f3f3f;background:#d8d8d8}.empty-state{color:#777;text-transform:none;margin:8px 0 0;font-size:13px;font-weight:650}.status{color:#202020;opacity:1;background:#f8f8f8eb;border:1px solid #1111111a;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:720;transition:opacity .22s,transform .22s;position:fixed;bottom:18px;right:18px;box-shadow:0 16px 34px #0000001f}.status.is-hidden{opacity:0;pointer-events:none;transform:translateY(8px)}@media (width<=700px){body{overflow:auto}#app{min-height:100vh}.toolbar{gap:12px;width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:12px;top:10px;left:10px}.control-row{grid-template-columns:1fr;align-items:stretch;gap:7px}.action-row{grid-template-columns:minmax(96px,1fr) auto}.model-editor,.part-row{grid-template-columns:1fr}.model-actions{grid-template-columns:1fr 1fr;display:grid}.swatches{flex-wrap:wrap}h1{font-size:16px}.status{bottom:10px;right:10px}.slider-row{grid-template-columns:50px minmax(0,1fr) 40px}}