/* 独立 Skin Worker 前端 · 26.9.44 */
.skin-worker-status{min-height:22px;margin:8px 0 0;color:var(--skin-muted,#596a84);font-size:13px;font-weight:700}
.skin-worker-status.error{color:#b42318}
.skin-card .skin-gift-button{margin-top:8px;background:#6d4bc5;color:#fff}
.skin-card .skin-gift-button:hover{filter:brightness(1.08)}
.handdrawn-avatar-lab{margin:18px 0 24px;padding:0;border:1px solid #c8b8ff;border-radius:24px;background:radial-gradient(circle at 90% 8%,#f1caff 0,transparent 28%),radial-gradient(circle at 5% 95%,#b9eeff 0,transparent 33%),linear-gradient(135deg,#fbf9ff,#eef8ff 55%,#fff9ee);color:#27334c;box-shadow:0 14px 34px #5d4ea51c;overflow:hidden}.handdrawn-avatar-fold-summary{display:block;padding:18px 22px;cursor:pointer;font-weight:950;list-style:none}.handdrawn-avatar-fold-summary::-webkit-details-marker{display:none}.handdrawn-avatar-fold-summary::after{content:"展开⌄";float:right;color:#68708d;font-size:12px}.handdrawn-avatar-lab[open] .handdrawn-avatar-fold-summary{border-bottom:1px solid #c8b8ff}.handdrawn-avatar-lab[open] .handdrawn-avatar-fold-summary::after{content:"收起⌃"}.handdrawn-avatar-fold-body{padding:20px 22px 22px}
.handdrawn-avatar-lab h3{margin:4px 0 7px;font-size:22px}
.handdrawn-avatar-lab p{margin:0;color:#5a6180;line-height:1.55}
.handdrawn-avatar-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:19px;margin-top:18px;align-items:start}
.handdrawn-avatar-preview{position:sticky;top:18px;overflow:hidden;padding:14px;border:1px solid #d9d0ff;border-radius:22px;background:linear-gradient(145deg,#e9e7ff,#dff5ff 56%,#ffe9cb);box-shadow:inset 0 1px #fff,0 10px 22px #5f5ca420}
.handdrawn-avatar-preview canvas{display:block;width:min(100%,320px);height:auto;margin:auto;border-radius:18px;background:linear-gradient(145deg,#dff2ff,#f6eaff);box-shadow:0 8px 20px #6073a936}
.handdrawn-avatar-summary{display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:11px;font-size:12px;font-weight:800;color:#5b4d8b}
.handdrawn-avatar-summary span{padding:5px 8px;border-radius:999px;background:#ffffffa8;border:1px solid #d7caff}
.handdrawn-avatar-actions{display:grid;gap:8px;margin-top:13px}
.handdrawn-avatar-actions button{border:0;border-radius:13px;padding:11px 13px;background:linear-gradient(135deg,#7a58dc,#4d87df);color:#fff;font:800 14px inherit;cursor:pointer;box-shadow:0 6px 14px #6258ad40}
.handdrawn-avatar-actions button:disabled{opacity:.58;cursor:not-allowed}
.handdrawn-avatar-note{min-height:20px;font-size:13px;font-weight:700;color:#52617e}
.handdrawn-avatar-note.error{color:#b42318}
.handdrawn-avatar-groups{display:grid;gap:10px}
.handdrawn-avatar-group{overflow:hidden;border:1px solid #dfe0f4;border-radius:17px;background:#ffffffb8;box-shadow:0 5px 15px #424c7710}
.handdrawn-avatar-group summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;color:#354261;font-weight:900;cursor:pointer;list-style:none}
.handdrawn-avatar-group summary::-webkit-details-marker{display:none}
.handdrawn-avatar-group summary::after{content:"＋";font-size:20px;color:#8067d8}
.handdrawn-avatar-group[open] summary::after{content:"−"}
.handdrawn-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px;padding:0 11px 12px}
.handdrawn-avatar-choice{position:relative;display:grid;place-items:center;min-height:66px;padding:4px;border:2px solid transparent;border-radius:13px;background:#f7f8ff;cursor:pointer;overflow:hidden;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
.handdrawn-avatar-choice:hover{transform:translateY(-2px);border-color:#b9a7ff}
.handdrawn-avatar-choice.selected{border-color:#6f54dd;box-shadow:0 0 0 2px #d8ceff;background:#fff}
.handdrawn-avatar-choice img{display:block;width:100%;height:55px;object-fit:contain;image-rendering:auto}
.handdrawn-avatar-choice.color-choice img{width:38px;height:38px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #c9cce0}
.handdrawn-avatar-choice.color-choice.selected img{box-shadow:0 0 0 2px #fff,0 0 0 4px #7054d9}
.handdrawn-avatar-color-swatch{display:block;width:38px;height:38px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #c9cce0}
.handdrawn-avatar-choice.color-choice.selected .handdrawn-avatar-color-swatch{box-shadow:0 0 0 2px #fff,0 0 0 4px #7054d9}
.handdrawn-avatar-background-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;padding:0 11px 12px}
.handdrawn-avatar-background-choice{display:flex;align-items:center;gap:8px;min-height:48px;padding:7px 9px;border:2px solid transparent;border-radius:13px;background:#f7f8ff;color:#354261;font:800 12px inherit;cursor:pointer;text-align:left;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
.handdrawn-avatar-background-choice:hover{transform:translateY(-2px);border-color:#b9a7ff}
.handdrawn-avatar-background-choice.selected{border-color:#6f54dd;box-shadow:0 0 0 2px #d8ceff;background:#fff}
.handdrawn-avatar-background-swatch{display:block;flex:0 0 32px;width:32px;height:32px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #bac0df}
@media(max-width:760px){
  .handdrawn-avatar-lab{padding:0;border-radius:19px}
  .handdrawn-avatar-fold-summary{padding:16px}
  .handdrawn-avatar-fold-body{padding:16px}
  .handdrawn-avatar-layout{grid-template-columns:1fr}
  .handdrawn-avatar-preview{position:static}
  .handdrawn-avatar-preview canvas{width:min(100%,290px)}
}