.mock-zone[data-astro-cid-t3okyfxa]{position:relative;max-width:780px;margin:0 auto;padding:84px 32px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-card);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.mz-frame[data-astro-cid-t3okyfxa]{position:absolute;top:16px;left:16px;width:calc(100% - 32px);height:calc(100% - 32px);overflow:visible;color:#15151a33;pointer-events:none;transition:color .18s ease}.mz-frame[data-astro-cid-t3okyfxa] rect[data-astro-cid-t3okyfxa]{fill:none;stroke:currentColor;stroke-width:2.5;stroke-dasharray:13 11;stroke-linecap:round}.mock-zone[data-astro-cid-t3okyfxa]:hover .mz-frame[data-astro-cid-t3okyfxa]{color:#15151a4d}.mock-zone[data-astro-cid-t3okyfxa].is-dragover .mz-frame[data-astro-cid-t3okyfxa]{color:var(--accent)}.mock-zone[data-astro-cid-t3okyfxa]:hover,.mock-zone[data-astro-cid-t3okyfxa].is-dragover{border-color:#2f6bff80;box-shadow:var(--shadow-card),0 0 0 4px var(--accent-soft)}.mock-zone[data-astro-cid-t3okyfxa].is-dragover{background:#f5f8ff}.mock-zone[data-astro-cid-t3okyfxa]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.mock-tool[data-astro-cid-t3okyfxa]{position:relative}.mz-previews[data-astro-cid-t3okyfxa]{position:absolute;top:0;bottom:0;left:50%;width:min(1300px,94vw);transform:translate(-50%);pointer-events:none}.mock-zone[data-astro-cid-t3okyfxa][hidden]~.mz-previews[data-astro-cid-t3okyfxa]{display:none}.mz-preview[data-astro-cid-t3okyfxa]{position:absolute;top:50%;width:144px;padding:12px;border-radius:18px;box-shadow:0 28px 48px -22px #14193c80}.mz-preview-a[data-astro-cid-t3okyfxa]{left:0;transform:translateY(-58%) rotate(-8deg);background:linear-gradient(150deg,#8f7bf2,#6366f1)}.mz-preview-b[data-astro-cid-t3okyfxa]{right:0;transform:translateY(-42%) rotate(8deg);background:linear-gradient(150deg,#ffb457,#fb7185)}.mz-shot[data-astro-cid-t3okyfxa]{border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 5px 12px -5px #00000047}.mz-bar[data-astro-cid-t3okyfxa]{display:flex;align-items:center;gap:4px;padding:7px 9px;background:#f2f3f6}.mz-bar[data-astro-cid-t3okyfxa] i[data-astro-cid-t3okyfxa]{width:6px;height:6px;border-radius:50%;background:#d6d9e0}.mz-bar[data-astro-cid-t3okyfxa] i[data-astro-cid-t3okyfxa]:nth-child(1){background:#ff5f57}.mz-bar[data-astro-cid-t3okyfxa] i[data-astro-cid-t3okyfxa]:nth-child(2){background:#febc2e}.mz-bar[data-astro-cid-t3okyfxa] i[data-astro-cid-t3okyfxa]:nth-child(3){background:#28c840}.mz-body[data-astro-cid-t3okyfxa]{display:block;padding:11px}.mz-blk[data-astro-cid-t3okyfxa]{display:block;height:32px;border-radius:6px;background:linear-gradient(120deg,#dfe4f5,#eef1fb);margin-bottom:9px}.mz-blk[data-astro-cid-t3okyfxa].alt{background:linear-gradient(120deg,#ffe6d3,#fff1e6)}.mz-ln[data-astro-cid-t3okyfxa]{display:block;height:6px;border-radius:4px;background:#e7e9ef;margin-bottom:6px}.mz-ln[data-astro-cid-t3okyfxa].s{width:60%;margin-bottom:0}@media(max-width:1280px){.mz-previews[data-astro-cid-t3okyfxa]{display:none}}.mz-icon[data-astro-cid-t3okyfxa]{position:relative;display:inline-grid;place-items:center;width:64px;height:64px;border-radius:16px;background:var(--accent-soft);color:var(--accent);margin-bottom:18px}.mz-icon[data-astro-cid-t3okyfxa] svg[data-astro-cid-t3okyfxa]{width:34px;height:34px}.mz-title[data-astro-cid-t3okyfxa]{position:relative;font-size:1.25rem;font-weight:700;color:var(--ink);margin-bottom:6px}.mz-sub[data-astro-cid-t3okyfxa]{position:relative;font-size:.95rem;max-width:460px;margin:0 auto}.mock-workspace[data-astro-cid-t3okyfxa]{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.mock-workspace[data-astro-cid-t3okyfxa][hidden]{display:none}.mock-stage[data-astro-cid-t3okyfxa]{padding:18px;position:sticky;top:88px}.mock-stage-bar[data-astro-cid-t3okyfxa]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.mock-file-meta[data-astro-cid-t3okyfxa]{font-size:.85rem;color:var(--ink-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-replace[data-astro-cid-t3okyfxa]{flex-shrink:0;background:none;border:none;color:var(--accent);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;padding:2px 4px;border-radius:6px}.mock-replace[data-astro-cid-t3okyfxa]:hover{text-decoration:underline}.mock-replace[data-astro-cid-t3okyfxa]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mock-canvas-wrap[data-astro-cid-t3okyfxa]{display:flex;justify-content:center;background:var(--surface-sunken);border-radius:12px;padding:14px;transition:box-shadow .15s ease}.mock-canvas-wrap[data-astro-cid-t3okyfxa].is-dragover{box-shadow:0 0 0 3px var(--accent-soft)}.mock-canvas-wrap[data-astro-cid-t3okyfxa] canvas[data-astro-cid-t3okyfxa]{display:block;max-width:100%;border-radius:8px;box-shadow:0 0 0 1px var(--border)}.mock-canvas-wrap[data-astro-cid-t3okyfxa].is-alpha canvas[data-astro-cid-t3okyfxa]{background:repeating-conic-gradient(rgba(21,21,26,.08) 0% 25%,transparent 0% 50%) 0 0 / 18px 18px}.mock-cap-note[data-astro-cid-t3okyfxa]{margin-top:10px;font-size:.85rem;color:var(--ink-secondary)}.mock-controls[data-astro-cid-t3okyfxa]{display:flex;flex-direction:column;gap:22px;padding:24px}.mock-group[data-astro-cid-t3okyfxa]{border:0;margin:0;padding:0;min-width:0}.mock-group[data-astro-cid-t3okyfxa] legend[data-astro-cid-t3okyfxa],.mock-label[data-astro-cid-t3okyfxa]{display:block;padding:0;font-size:.85rem;font-weight:600;color:var(--ink);margin-bottom:9px;letter-spacing:.01em}.mock-chips[data-astro-cid-t3okyfxa]{display:flex;flex-wrap:wrap;gap:7px}.mock-chip-wrap[data-astro-cid-t3okyfxa]{position:relative;display:inline-flex}.mock-radio[data-astro-cid-t3okyfxa]{position:absolute;opacity:0;pointer-events:none}.mock-chip[data-astro-cid-t3okyfxa]{display:inline-flex;align-items:center;padding:7px 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.88rem;font-weight:500;color:var(--ink-secondary);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.mock-chip[data-astro-cid-t3okyfxa]:hover{border-color:#2f6bff73;color:var(--ink)}.mock-radio[data-astro-cid-t3okyfxa]:checked+.mock-chip[data-astro-cid-t3okyfxa]{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.mock-radio[data-astro-cid-t3okyfxa]:focus-visible+.mock-chip[data-astro-cid-t3okyfxa]{outline:3px solid var(--accent);outline-offset:2px}.mock-swatches[data-astro-cid-t3okyfxa]{display:flex;flex-wrap:wrap;gap:9px}.mock-swatch[data-astro-cid-t3okyfxa]{display:block;width:40px;height:40px;border-radius:12px;cursor:pointer;box-shadow:inset 0 0 0 1px #15151a1f;transition:transform .15s ease}.mock-swatch[data-astro-cid-t3okyfxa]:hover{transform:scale(1.06)}.mock-radio[data-astro-cid-t3okyfxa]:checked+.mock-swatch[data-astro-cid-t3okyfxa]{box-shadow:inset 0 0 0 1px #15151a14,0 0 0 2px var(--surface),0 0 0 4.5px var(--accent)}.mock-radio[data-astro-cid-t3okyfxa]:focus-visible+.mock-swatch[data-astro-cid-t3okyfxa]{outline:3px solid var(--accent);outline-offset:3px}.mock-swatch-alpha[data-astro-cid-t3okyfxa]{background:repeating-conic-gradient(#15151a24 0% 25%,#fff 0% 50%) 0 0 / 12px 12px}.mock-text[data-astro-cid-t3okyfxa]{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font:inherit;font-size:.95rem;color:var(--ink)}.mock-text[data-astro-cid-t3okyfxa]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.mock-slider-head[data-astro-cid-t3okyfxa]{display:flex;justify-content:space-between;align-items:baseline}.mock-slider-head[data-astro-cid-t3okyfxa] output[data-astro-cid-t3okyfxa]{font-size:.85rem;color:var(--ink-secondary);font-variant-numeric:tabular-nums}.mock-range[data-astro-cid-t3okyfxa]{width:100%;accent-color:var(--accent)}.mock-size[data-astro-cid-t3okyfxa]{margin-top:10px;font-size:.85rem;color:var(--ink-secondary);font-variant-numeric:tabular-nums}.mock-actions[data-astro-cid-t3okyfxa]{display:flex;flex-wrap:wrap;gap:10px}.mock-btn[data-astro-cid-t3okyfxa]{flex:1;padding:11px 20px;font-size:.96rem}.mock-status[data-astro-cid-t3okyfxa]{min-height:1.4em;margin-top:-6px;font-size:.9rem;color:var(--ink-secondary)}.mock-status[data-astro-cid-t3okyfxa].is-error{color:var(--danger)}@media(max-width:900px){.mock-workspace[data-astro-cid-t3okyfxa]{grid-template-columns:1fr}.mock-stage[data-astro-cid-t3okyfxa]{position:static}}@media(max-width:640px){.mock-zone[data-astro-cid-t3okyfxa]{padding:56px 20px}}@media(prefers-reduced-motion:reduce){.mock-zone[data-astro-cid-t3okyfxa],.mock-chip[data-astro-cid-t3okyfxa],.mock-swatch[data-astro-cid-t3okyfxa]{transition:none}.mock-swatch[data-astro-cid-t3okyfxa]:hover{transform:none}}