html,body,#root{width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,sans-serif}*{box-sizing:border-box}.app{color:#e8e8ec;background:#15151a;width:100vw;height:100vh;display:flex;overflow:hidden}.viewport{flex:1;min-width:0;position:relative}.viewport canvas{display:block}.sidebar{background:#1d1d24;border-left:1px solid #2c2c36;flex-shrink:0;width:340px;padding:20px 22px 28px;font-size:14px;overflow-y:auto}.sidebar h1{margin:0 0 2px;font-size:20px}.subtitle{color:#8b8b98;margin:0 0 18px;font-size:12.5px}.sidebar section{margin-bottom:22px}.sidebar h2{letter-spacing:.12em;text-transform:uppercase;color:#9a9aab;border-bottom:1px solid #2c2c36;margin:0 0 10px;padding-bottom:6px;font-size:12px}.btn-row{flex-wrap:wrap;gap:6px;display:flex}.btn{color:#d8d8e0;cursor:pointer;background:#26262f;border:1px solid #3a3a48;border-radius:8px;padding:6px 12px;font-size:13px}.btn:hover{background:#30303c}.btn.active{color:#fff;background:#4463d0;border-color:#4463d0}.btn.danger{color:#e08090;border-color:#7a3040}.color-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.color-label{color:#c6c6d2;flex-shrink:0;width:44px}.swatches{align-items:center;gap:5px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.swatch.active{border-color:#fff;box-shadow:0 0 0 2px #4463d0}.color-input{cursor:pointer;background:0 0;border:1px solid #3a3a48;border-radius:6px;width:26px;height:26px;padding:0}.size-chart{border-collapse:collapse;width:100%;margin-top:12px;font-size:12.5px}.size-chart th,.size-chart td{text-align:center;border-bottom:1px solid #2c2c36;padding:4px 6px}.size-chart th{color:#9a9aab;font-weight:600}.size-chart tr.active td{color:#fff;background:#2a3350}.hint{color:#6f6f7e;margin:6px 0 0;font-size:11.5px}.decal-list{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.btn.chip{border-radius:999px;padding:4px 10px;font-size:12px}.decal-controls{flex-direction:column;gap:8px;margin-top:12px;display:flex}.decal-controls label{color:#c6c6d2;align-items:center;gap:10px;font-size:13px;display:flex}.decal-controls input[type=range]{accent-color:#4463d0;flex:1}.credit{color:#55555f;margin-top:8px;font-size:11px}.flat-label{white-space:nowrap;color:#e8e8ec;pointer-events:none;background:#1d1d24d9;border:1px solid #34343f;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:4px 10px;font-family:system-ui,-apple-system,PingFang TC,sans-serif;font-size:13px;font-weight:600;display:flex}.flat-label span{color:#9a9aab;font-size:11px;font-weight:400}