.skin-page{padding:40px 0 64px}.skin-head h1{letter-spacing:-.02em;margin:0 0 6px;font-size:30px}.skin-head .lede{margin-top:8px}.skin-app{gap:14px;margin-top:28px;display:grid}.skin-tools,.skin-options,.skin-file{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.skin-group{border:0;flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;display:inline-flex}.skin-group legend{float:left;color:var(--text-2);margin-right:8px;font-size:13px}.skin-btn{border:1px solid var(--line-2);background:var(--bg-2);height:34px;color:var(--text-1);font:500 13.5px var(--font-ui);cursor:pointer;border-radius:6px;align-items:center;padding:0 12px;display:inline-flex}.skin-btn:hover{color:var(--text-0);border-color:var(--accent-line)}.skin-btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-hi)}.skin-color input{border:1px solid var(--line-2);background:var(--bg-2);cursor:pointer;border-radius:6px;width:42px;height:34px;padding:2px}.skin-swatches{flex-wrap:wrap;gap:4px;display:inline-flex}.skin-swatch{border:1px solid var(--line-2);cursor:pointer;border-radius:4px;width:22px;height:22px;padding:0}.skin-views{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.skin-3d,.skin-2d{border:1px solid var(--line);background:var(--bg-1);border-radius:10px;position:relative;overflow:hidden}.skin-3d{min-height:420px}.skin-3d canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}[data-tool=rotate] .skin-3d canvas{cursor:grab}.skin-hint{color:var(--text-2);pointer-events:none;margin:0;font-size:12px;position:absolute;bottom:8px;left:12px}.skin-2d{place-items:center;padding:12px;display:grid}.skin-2d canvas{aspect-ratio:1;width:100%;max-width:512px;image-rendering:pixelated;touch-action:none;cursor:crosshair}.skin-check{color:var(--text-1);cursor:pointer;align-items:center;gap:6px;font-size:13.5px;display:inline-flex}.skin-check input{accent-color:var(--accent)}.skin-file-label{color:var(--text-2);font-size:13px}.skin-upload{cursor:pointer}.skin-spacer{flex:1}.skin-status{min-height:1.4em;margin:0;font-size:13.5px}.skin-notes{max-width:720px;margin-top:40px}.skin-notes h2{margin:0 0 8px;font-size:18px}.skin-notes p{color:var(--text-1)}@media (width<=860px){.skin-views{grid-template-columns:1fr}.skin-3d{min-height:340px}}