.studio-layout[data-astro-cid-ohjgjasr]{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);gap:24px;align-items:start;margin-top:28px;margin-bottom:42px}.studio-main[data-astro-cid-ohjgjasr]{min-width:0}.studio-step[data-astro-cid-ohjgjasr]{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-ohjgjasr]:last-child{border-bottom:0}.step-num[data-astro-cid-ohjgjasr]{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eaf4e3;color:#2d6827;font-weight:800}.step-body[data-astro-cid-ohjgjasr]{min-width:0}.step-body[data-astro-cid-ohjgjasr] h3[data-astro-cid-ohjgjasr]{margin:2px 0 12px}.studio-hint[data-astro-cid-ohjgjasr]{font-size:.87rem;color:var(--muted,#617067);line-height:1.55;margin:12px 0 0}.studio-preview[data-astro-cid-ohjgjasr]{margin-top:12px;border:1px solid var(--line,#e4eae6);border-radius:14px;overflow:hidden;background:#f4f7f4}.studio-preview-head[data-astro-cid-ohjgjasr]{display:flex;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid var(--line,#e4eae6);font-size:.82rem;color:var(--muted,#617067)}.grid-canvas-wrap[data-astro-cid-ohjgjasr]{position:relative;padding:16px;display:flex;justify-content:center;align-items:center;min-height:200px}.grid-canvas-wrap[data-astro-cid-ohjgjasr] canvas[data-astro-cid-ohjgjasr]{display:block;max-width:100%;max-height:540px;width:auto;height:auto;object-fit:contain;box-shadow:0 3px 18px #1b2a2014}.grid-empty[data-astro-cid-ohjgjasr]{position:absolute;color:#637269;font-size:.85rem;text-align:center;pointer-events:none}.studio-stats[data-astro-cid-ohjgjasr]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.studio-stats[data-astro-cid-ohjgjasr]>div[data-astro-cid-ohjgjasr]{border:1px solid var(--line,#e4eae6);border-radius:11px;padding:11px;min-width:0}.studio-stats[data-astro-cid-ohjgjasr] span[data-astro-cid-ohjgjasr],.studio-stats[data-astro-cid-ohjgjasr] strong[data-astro-cid-ohjgjasr]{display:block;overflow-wrap:anywhere}.studio-stats[data-astro-cid-ohjgjasr] span[data-astro-cid-ohjgjasr]{font-size:.78rem;color:var(--muted,#617067);margin-bottom:4px}.studio-stats[data-astro-cid-ohjgjasr] strong[data-astro-cid-ohjgjasr]{font-size:.93rem}.studio-actions[data-astro-cid-ohjgjasr]{display:flex;gap:10px;flex-wrap:wrap}.button-secondary[data-astro-cid-ohjgjasr]{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-ohjgjasr]{display:grid;gap:17px;margin:20px 0}.studio-side-list[data-astro-cid-ohjgjasr]>div[data-astro-cid-ohjgjasr]{display:flex;gap:12px}.studio-side-list[data-astro-cid-ohjgjasr] b[data-astro-cid-ohjgjasr]{color:#4d8b37}.studio-side-list[data-astro-cid-ohjgjasr] strong[data-astro-cid-ohjgjasr],.studio-side-list[data-astro-cid-ohjgjasr] small[data-astro-cid-ohjgjasr]{display:block}.studio-side-list[data-astro-cid-ohjgjasr] small[data-astro-cid-ohjgjasr]{color:var(--muted,#617067);line-height:1.5;margin-top:4px}.studio-layout[data-astro-cid-ohjgjasr] .field[data-astro-cid-ohjgjasr] input[data-astro-cid-ohjgjasr][type=range]{width:100%;accent-color:#4c8b38}.studio-layout[data-astro-cid-ohjgjasr] button[data-astro-cid-ohjgjasr]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:850px){.studio-layout[data-astro-cid-ohjgjasr]{grid-template-columns:1fr}.studio-layout[data-astro-cid-ohjgjasr] aside[data-astro-cid-ohjgjasr]{order:2}}@media(max-width:560px){.studio-step[data-astro-cid-ohjgjasr]{grid-template-columns:26px minmax(0,1fr);gap:9px}.step-num[data-astro-cid-ohjgjasr]{width:25px;height:25px}.studio-stats[data-astro-cid-ohjgjasr]{grid-template-columns:1fr}.studio-preview-head[data-astro-cid-ohjgjasr]{flex-direction:column;gap:4px}.grid-canvas-wrap[data-astro-cid-ohjgjasr]{padding:8px;min-height:160px}}.studio-layout[data-astro-cid-ohjgjasr]{width:min(100% - 40px,1180px);grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr)}.studio-layout[data-astro-cid-ohjgjasr]>[data-astro-cid-ohjgjasr]{min-width:0;max-width:100%}.studio-main[data-astro-cid-ohjgjasr],.studio-step[data-astro-cid-ohjgjasr],.step-body[data-astro-cid-ohjgjasr],.studio-preview[data-astro-cid-ohjgjasr],.studio-preview[data-astro-cid-ohjgjasr]>[data-astro-cid-ohjgjasr]{min-width:0;max-width:100%}.studio-step[data-astro-cid-ohjgjasr]{grid-template-columns:32px minmax(0,1fr)}.studio-step[data-astro-cid-ohjgjasr] .form-grid[data-astro-cid-ohjgjasr]{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.studio-step[data-astro-cid-ohjgjasr] .field[data-astro-cid-ohjgjasr],.studio-step[data-astro-cid-ohjgjasr] input[data-astro-cid-ohjgjasr],.studio-step[data-astro-cid-ohjgjasr] select[data-astro-cid-ohjgjasr],.studio-step[data-astro-cid-ohjgjasr] textarea[data-astro-cid-ohjgjasr]{box-sizing:border-box;max-width:100%}.studio-preview[data-astro-cid-ohjgjasr] canvas[data-astro-cid-ohjgjasr],.studio-preview[data-astro-cid-ohjgjasr] img[data-astro-cid-ohjgjasr]{display:block;max-width:100%;height:auto}.studio-preview[data-astro-cid-ohjgjasr] canvas[data-astro-cid-ohjgjasr]{width:100%;object-fit:contain}@media(max-width:850px){.studio-layout[data-astro-cid-ohjgjasr]{grid-template-columns:minmax(0,1fr);width:min(100% - 32px,720px)}.studio-layout[data-astro-cid-ohjgjasr] aside[data-astro-cid-ohjgjasr]{order:2}}@media(max-width:560px){.studio-step[data-astro-cid-ohjgjasr]{grid-template-columns:26px minmax(0,1fr);gap:9px}.studio-step[data-astro-cid-ohjgjasr] .form-grid[data-astro-cid-ohjgjasr]{grid-template-columns:minmax(0,1fr)}.studio-preview-head[data-astro-cid-ohjgjasr]{flex-wrap:wrap}.studio-actions[data-astro-cid-ohjgjasr]{align-items:stretch}.studio-actions[data-astro-cid-ohjgjasr] button[data-astro-cid-ohjgjasr]{max-width:100%}}
