.studio-layout[data-astro-cid-xjkcikfh]{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);gap:24px;align-items:start;margin:28px auto 42px}.studio-main[data-astro-cid-xjkcikfh]{min-width:0}.studio-step[data-astro-cid-xjkcikfh]{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;padding:22px 0;border-bottom:1px solid var(--line,#e4eae6)}.studio-step[data-astro-cid-xjkcikfh]:last-child{border:0}.step-num[data-astro-cid-xjkcikfh]{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#eaf4e3;color:#2d6827;font-weight:800}.step-body[data-astro-cid-xjkcikfh]{min-width:0}.step-body[data-astro-cid-xjkcikfh] h3[data-astro-cid-xjkcikfh]{margin:2px 0 12px}.studio-hint[data-astro-cid-xjkcikfh]{font-size:.87rem;color:var(--muted,#617067);line-height:1.55;margin:12px 0 0}.studio-preview[data-astro-cid-xjkcikfh]{margin-top:14px;border:1px solid var(--line,#e4eae6);border-radius:14px;overflow:hidden;background:#f4f7f4;min-width:0}.studio-preview-head[data-astro-cid-xjkcikfh]{display:flex;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid var(--line,#e4eae6);font-size:.82rem;color:var(--muted,#617067)}.avatar-preview-grid[data-astro-cid-xjkcikfh]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.avatar-canvas-wrap[data-astro-cid-xjkcikfh]{position:relative;display:grid;place-items:center;padding:14px;min-height:150px}.avatar-canvas-wrap[data-astro-cid-xjkcikfh] canvas[data-astro-cid-xjkcikfh]{display:block;width:100%;max-width:320px;height:auto;aspect-ratio:1;object-fit:contain}.avatar-canvas-wrap[data-astro-cid-xjkcikfh] span[data-astro-cid-xjkcikfh]{position:absolute;color:#65736a;font-size:.8rem;text-align:center}.avatar-circle-wrap[data-astro-cid-xjkcikfh]{display:grid;place-items:center;padding:18px;min-height:150px}.avatar-circle-wrap[data-astro-cid-xjkcikfh] canvas[data-astro-cid-xjkcikfh]{width:min(100%,220px);height:auto;aspect-ratio:1;border-radius:50%;box-shadow:0 4px 16px #1b2a201c;background:#eaf1e9}.studio-actions[data-astro-cid-xjkcikfh]{display:flex;gap:10px;flex-wrap:wrap}.button-secondary[data-astro-cid-xjkcikfh]{border:1px solid var(--line,#cdd8d0);background:#fff;color:var(--text,#20352a);border-radius:999px;padding:12px 18px;font-weight:700;cursor:pointer}.studio-side-list[data-astro-cid-xjkcikfh]{display:grid;gap:17px;margin:20px 0}.studio-side-list[data-astro-cid-xjkcikfh]>div[data-astro-cid-xjkcikfh]{display:flex;gap:12px}.studio-side-list[data-astro-cid-xjkcikfh] b[data-astro-cid-xjkcikfh]{color:#4d8b37}.studio-side-list[data-astro-cid-xjkcikfh] strong[data-astro-cid-xjkcikfh],.studio-side-list[data-astro-cid-xjkcikfh] small[data-astro-cid-xjkcikfh]{display:block}.studio-side-list[data-astro-cid-xjkcikfh] small[data-astro-cid-xjkcikfh]{color:var(--muted,#617067);line-height:1.5;margin-top:4px}.studio-layout[data-astro-cid-xjkcikfh] .field[data-astro-cid-xjkcikfh] input[data-astro-cid-xjkcikfh][type=range]{width:100%;accent-color:#4c8b38}@media(max-width:850px){.studio-layout[data-astro-cid-xjkcikfh]{grid-template-columns:1fr}.studio-layout[data-astro-cid-xjkcikfh] aside[data-astro-cid-xjkcikfh]{order:2}}@media(max-width:560px){.studio-step[data-astro-cid-xjkcikfh]{grid-template-columns:26px minmax(0,1fr);gap:9px}.step-num[data-astro-cid-xjkcikfh]{width:25px;height:25px}.studio-preview-head[data-astro-cid-xjkcikfh]{flex-direction:column;gap:4px}.avatar-preview-grid[data-astro-cid-xjkcikfh]{grid-template-columns:1fr}}.studio-layout[data-astro-cid-xjkcikfh]{width:min(100% - 40px,1180px);grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr)}.studio-layout[data-astro-cid-xjkcikfh]>[data-astro-cid-xjkcikfh]{min-width:0;max-width:100%}.studio-main[data-astro-cid-xjkcikfh],.studio-step[data-astro-cid-xjkcikfh],.step-body[data-astro-cid-xjkcikfh],.studio-preview[data-astro-cid-xjkcikfh],.studio-preview[data-astro-cid-xjkcikfh]>[data-astro-cid-xjkcikfh]{min-width:0;max-width:100%}.studio-step[data-astro-cid-xjkcikfh]{grid-template-columns:32px minmax(0,1fr)}.studio-step[data-astro-cid-xjkcikfh] .form-grid[data-astro-cid-xjkcikfh]{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.studio-step[data-astro-cid-xjkcikfh] .field[data-astro-cid-xjkcikfh],.studio-step[data-astro-cid-xjkcikfh] input[data-astro-cid-xjkcikfh],.studio-step[data-astro-cid-xjkcikfh] select[data-astro-cid-xjkcikfh],.studio-step[data-astro-cid-xjkcikfh] textarea[data-astro-cid-xjkcikfh]{box-sizing:border-box;max-width:100%}.studio-preview[data-astro-cid-xjkcikfh] canvas[data-astro-cid-xjkcikfh],.studio-preview[data-astro-cid-xjkcikfh] img[data-astro-cid-xjkcikfh]{display:block;max-width:100%;height:auto}.studio-preview[data-astro-cid-xjkcikfh] canvas[data-astro-cid-xjkcikfh]{width:100%;object-fit:contain}@media(max-width:850px){.studio-layout[data-astro-cid-xjkcikfh]{grid-template-columns:minmax(0,1fr);width:min(100% - 32px,720px)}.studio-layout[data-astro-cid-xjkcikfh] aside[data-astro-cid-xjkcikfh]{order:2}}@media(max-width:560px){.studio-step[data-astro-cid-xjkcikfh]{grid-template-columns:26px minmax(0,1fr);gap:9px}.studio-step[data-astro-cid-xjkcikfh] .form-grid[data-astro-cid-xjkcikfh]{grid-template-columns:minmax(0,1fr)}.studio-preview-head[data-astro-cid-xjkcikfh]{flex-wrap:wrap}.studio-actions[data-astro-cid-xjkcikfh]{align-items:stretch}.studio-actions[data-astro-cid-xjkcikfh] button[data-astro-cid-xjkcikfh]{max-width:100%}}
