@layer starlight.components{.sl-steps{--bullet-size:calc(var(--sl-line-height) * 1rem);--bullet-margin:.375rem;counter-reset:steps-counter var(--sl-steps-start,0);padding-inline-start:0;list-style:none}.sl-steps>li{counter-increment:steps-counter;padding-inline-start:calc(var(--bullet-size) + 1rem);min-height:calc(var(--bullet-size) + var(--bullet-margin));padding-bottom:1px;position:relative}.sl-steps>li+li{margin-top:0}.sl-steps>li:before{content:counter(steps-counter);top:0;width:var(--bullet-size);height:var(--bullet-size);line-height:var(--bullet-size);font-size:var(--sl-text-xs);text-align:center;color:var(--sl-color-white);background-color:var(--sl-color-gray-6);box-shadow:inset 0 0 0 1px var(--sl-color-gray-5);border-radius:99rem;font-weight:600;position:absolute;inset-inline-start:0}.sl-steps>li:after{--guide-width:1px;content:"";top:calc(var(--bullet-size) + var(--bullet-margin));bottom:var(--bullet-margin);width:var(--guide-width);background-color:var(--sl-color-hairline-light);position:absolute;inset-inline-start:calc((var(--bullet-size) - var(--guide-width)) / 2)}}@layer starlight.content{.sl-steps>li>:first-child{--lh:calc(1em * var(--sl-line-height));--shift-y:calc(.5 * (var(--bullet-size) - var(--lh)));transform:translateY(var(--shift-y));margin-bottom:var(--shift-y)}.sl-steps>li>:first-child:where(h1,h2,h3,h4,h5,h6){--lh:calc(1em * var(--sl-line-height-headings))}@supports (--prop:1lh){.sl-steps>li>:first-child{--lh:1lh}}}.app-preview.svelte-11us4ec{border:1px solid var(--sl-color-gray-5);color:#21182d;color-scheme:light;background:#fff;border-radius:1rem;margin:1.75rem 0;overflow:hidden;box-shadow:0 18px 44px #2c14531a}.preview-bar.svelte-11us4ec{background:#fbf9fd;border-bottom:1px solid #e8e2ee;align-items:center;gap:.5rem;min-height:2.7rem;padding:.65rem .9rem;font-size:.75rem;display:flex}.status-dot.svelte-11us4ec{background:#22c55e;border-radius:999px;width:.55rem;height:.55rem;box-shadow:0 0 0 3px #22c55e1f}.preview-product.svelte-11us4ec{letter-spacing:.01em;font-weight:700}.preview-locale.svelte-11us4ec{color:#6f6479;border:1px solid #ddd5e5;border-radius:999px;margin-left:auto;padding:.15rem .55rem;font-size:.68rem}.preview-canvas.svelte-11us4ec{background:radial-gradient(circle at 100% 0,#22c55e14,#0000 38%),#fff;max-width:42rem;margin:0 auto;padding:clamp(1.1rem,4vw,2.2rem)}.screen-header.svelte-11us4ec{margin-bottom:1rem}.screen-header.svelte-11us4ec p:where(.svelte-11us4ec){color:#7e22ce;letter-spacing:.02em;margin:0 0 .28rem;font-size:.72rem;font-weight:700}.screen-header.svelte-11us4ec h3:where(.svelte-11us4ec){color:#21182d;letter-spacing:-.025em;margin:0;font-size:clamp(1.3rem,4vw,1.8rem);line-height:1.25}.success-panel.svelte-11us4ec{background:#f0fdf4;border:1px solid #a7e3bc;border-radius:.75rem;align-items:center;gap:.85rem;margin-bottom:1rem;padding:1rem;display:flex}.success-icon.svelte-11us4ec{color:#15803d;background:#dcfce7;border-radius:999px;flex:none;place-items:center;width:2.4rem;height:2.4rem;display:grid}.success-icon.svelte-11us4ec svg:where(.svelte-11us4ec){fill:currentColor;width:1.45rem;height:1.45rem}.success-panel.svelte-11us4ec h4:where(.svelte-11us4ec){color:#14532d;margin:0;font-size:.94rem;line-height:1.35}.success-panel.svelte-11us4ec p:where(.svelte-11us4ec){color:#3f6f50;margin:.18rem 0 0;font-size:.75rem;line-height:1.45}.result-card.svelte-11us4ec{background:#fff;border:1px solid #ddd5e5;border-radius:.75rem;overflow:hidden;box-shadow:0 8px 24px #2c14530f}.result-header.svelte-11us4ec{align-items:center;gap:.65rem;padding:.85rem;display:flex}.platform-mark.svelte-11us4ec{color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899 55%,#f59e0b);border-radius:.65rem;flex:none;place-items:center;width:2.2rem;height:2.2rem;font-size:.66rem;font-weight:800;display:grid}.platform-copy.svelte-11us4ec{min-width:0;line-height:1.25;display:grid}.platform-copy.svelte-11us4ec strong:where(.svelte-11us4ec){font-size:.82rem}.platform-copy.svelte-11us4ec span:where(.svelte-11us4ec){color:#7a7082;font-size:.68rem}.published-badge.svelte-11us4ec{color:#166534;background:#dcfce7;border-radius:999px;align-items:center;gap:.28rem;margin-left:auto;padding:.28rem .55rem;font-size:.68rem;font-weight:700;line-height:1.25;display:inline-flex}.published-badge.svelte-11us4ec svg:where(.svelte-11us4ec){fill:currentColor;width:.85rem;height:.85rem}.post-preview.svelte-11us4ec{background:#fbf9fd;border-top:1px solid #eee9f2;grid-template-columns:minmax(0,1fr) minmax(7.5rem,38%);min-height:9rem;display:grid}.post-copy.svelte-11us4ec{flex-direction:column;justify-content:center;gap:.35rem;padding:1.2rem;display:flex}.post-copy.svelte-11us4ec strong:where(.svelte-11us4ec){font-size:clamp(1rem,4vw,1.35rem)}.post-copy.svelte-11us4ec span:where(.svelte-11us4ec){color:#7a7082;font-size:.76rem}.post-media.svelte-11us4ec{color:#fff;background:radial-gradient(circle at 75% 25%,#ffffffbf,#0000 20%),linear-gradient(135deg,#5b21b6,#9333ea 55%,#c026d3);place-items:center;display:grid}.post-media.svelte-11us4ec svg:where(.svelte-11us4ec){fill:currentColor;width:min(6.5rem,72%)}.result-footer.svelte-11us4ec{background:#faf8fc;border-top:1px solid #eee9f2;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.published-via.svelte-11us4ec{color:#746a7c;font-size:.68rem;line-height:1.35}.view-post.svelte-11us4ec{color:#4b3f55;background:#fff;border:1px solid #d8d0df;border-radius:.45rem;flex:none;align-items:center;gap:.35rem;min-height:1.8rem;padding:.25rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.view-post.svelte-11us4ec svg:where(.svelte-11us4ec){fill:currentColor;width:.78rem;height:.78rem}figcaption.svelte-11us4ec{color:#6f6479;background:#fbf9fd;border-top:1px solid #e8e2ee;padding:.65rem .9rem;font-size:.7rem;line-height:1.4}@media (width<=34rem){.result-header.svelte-11us4ec,.result-footer.svelte-11us4ec{flex-wrap:wrap;align-items:flex-start}.published-badge.svelte-11us4ec{margin-left:0}.post-preview.svelte-11us4ec{grid-template-columns:1fr}.post-media.svelte-11us4ec{min-height:7rem}}