.skin-panel{margin:18px 0;padding:14px;border:1px solid #89ffb443;border-radius:14px;background:linear-gradient(135deg,#18382b88,#111a29)}.skin-panel h3{font-size:17px;margin:8px 0 16px}.skin-demo-label{font-size:9px;letter-spacing:1.3px;color:#a5e9bb}.skin-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #8dffb114;text-align:left}.skin-row:last-child{border-bottom:0}.skin-ball{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff 0%,var(--skin-color) 40%,var(--skin-dark) 100%);box-shadow:0 0 14px color-mix(in srgb,var(--skin-color) 26%,transparent);color:var(--skin-dark);font:bold 25px system-ui;flex-shrink:0}.skin-name{font-size:12px;font-weight:600}.skin-name small{display:block;font-size:8px;letter-spacing:1px;color:#b7c5c0;margin-top:4px}.skin-row .secondary{font-size:10px;min-height:44px;min-width:94px;padding:8px 10px;margin:0}.skin-row button:disabled{opacity:.55;cursor:default}.skin-panel .fine,.skin-customize .fine{font-size:10px;line-height:1.7}.skin-customize{margin-bottom:18px}body.playing .skin-customize{pointer-events:none}#skin-demo{box-sizing:border-box;width:min(430px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto;padding:25px;background:#0e1921;color:#effff6;border:1px solid #92ffb76b;border-radius:20px;box-shadow:0 30px 100px #0009;z-index:100;text-align:center}#skin-demo::backdrop{background:#030810dc}#skin-demo h2{font-size:25px;line-height:1.3}#skin-demo-preview .skin-ball{width:80px;height:80px;font-size:52px;margin:16px}#skin-demo-copy{font-size:12px;line-height:1.8;color:#b7c9c0}#skin-demo-status{font-size:14px;min-height:36px;color:#adffc7}#skin-demo-progress{width:100%;height:10px;accent-color:#8dffb1}#skin-demo button{width:100%;margin-top:12px;min-height:48px}#skin-demo [hidden]{display:none!important}@media(max-width:380px){.skin-panel{padding:10px}.skin-row{gap:6px;grid-template-columns:32px minmax(0,1fr) auto}.skin-ball{width:29px;height:29px}.skin-row .secondary{min-width:82px;padding:7px;font-size:9px}}