*{box-sizing:border-box}html,body{color:#111827;background:#fff;min-height:100%;margin:0;padding:0;font-family:Sora,Noto Sans SC,PingFang SC,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page{width:min(1120px,100% - 28px);margin:0 auto;padding:28px 0 48px}.hero{margin-bottom:16px}.kicker{color:#6b7280;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600;display:inline-block}h1{margin:10px 0 8px;font-size:clamp(28px,4.4vw,48px);line-height:1.05}.lead{color:#6b7280;margin:0;font-size:15px;line-height:1.7}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 10px 30px #0f172a0f}.avatar-shell{grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:18px;padding:18px;display:grid}.avatar-preview-col,.avatar-control-col{align-content:start;gap:12px;display:grid}.avatar-stage{aspect-ratio:1;border:1px solid #e5e7eb;border-radius:24px;width:100%;position:relative;overflow:hidden}.avatar-layer{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.control-group{gap:6px;display:grid}.control-group span,.tip{color:#6b7280;font-size:13px}.avatar-bg-row{gap:8px;display:grid}.avatar-bg-row input[type=color]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;height:44px;padding:4px}.avatar-bg-presets{flex-wrap:wrap;gap:8px;display:flex}.avatar-swatch{cursor:pointer;border:1px solid #d1d5db;border-radius:999px;width:26px;height:26px;padding:0}.avatar-swatch.active{border-color:#111827;box-shadow:inset 0 0 0 2px #fff}.actions,.tab-row,.avatar-festival-row{flex-wrap:wrap;gap:8px;display:flex}button{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:8px 12px}button:hover{border-color:#9ca3af}button:disabled{opacity:.6;cursor:not-allowed}.tab-filter.active{color:#fff;background:#111827;border-color:#111827}.avatar-editor-card{padding:14px}.avatar-current{justify-items:center;gap:10px;display:grid}.avatar-current-media{aspect-ratio:1;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;width:min(100%,260px);overflow:hidden}.avatar-current-media img{object-fit:contain;width:100%;height:100%}.avatar-index{color:#6b7280;font-size:13px}.avatar-stepper{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;display:grid}.avatar-range{width:100%}textarea{color:#111827;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:10px;font-size:13px;line-height:1.5}textarea:focus{border-color:#9ca3af}@media (max-width:860px){.page{width:min(1120px,100% - 18px);padding:20px 0 38px}.avatar-shell{grid-template-columns:1fr;padding:12px}.avatar-stepper{grid-template-columns:1fr}}