@layer components{.subhero__cta{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.so [hidden]{display:none!important}.so{--so-muted:color-mix(in oklab, var(--color-ink) 80%, var(--color-white))}.so-shell{align-items:start;gap:2rem;display:grid}@media (width>=1024px){.so-shell{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:0}.so-shell>.so-controls{padding-right:clamp(1.5rem,3vw,2.5rem)}.so-preview{top:calc(var(--spacing-header) + 1rem);border-left:1px solid var(--color-line);padding-left:clamp(1.5rem,3vw,2.5rem);position:sticky}}.so-controls{gap:1.5rem;display:grid}@media (width<=1023px){.so.has-photo .so-preview{order:-1}}.so-steps{gap:1.75rem;display:grid}.so-step{align-items:center;gap:.65rem;margin:0 0 .85rem;padding:0;font-size:1.12rem;font-weight:700;line-height:1.3;display:flex}h2.so-step{font-size:var(--text-h4);margin:0}.so-step__num{background:var(--color-navy-800);width:1.8rem;height:1.8rem;color:var(--color-white);border-radius:50%;flex:none;place-items:center;font-size:.85rem;display:inline-grid}.so-group{border:0;min-width:0;margin:0;padding:0}.so-drop{border:2px dashed color-mix(in oklab, var(--color-navy-700) 40%, var(--color-line));border-radius:var(--radius-card);background:var(--color-cloud);text-align:center;justify-items:center;gap:.75rem;padding:clamp(1.75rem,5vw,2.75rem) 1.25rem;display:grid}.so-drop.is-over{border-color:var(--color-navy-800);background:var(--color-mist)}.so-drop__title{margin:0;font-weight:700}.so-drop__hint{color:var(--so-muted);margin:0;font-size:.9rem}.so-current{border:1px solid var(--color-line);border-radius:var(--radius-compact);background:var(--color-cloud);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.6rem .9rem .6rem .6rem;display:grid}.so-current__thumb{object-fit:cover;background:var(--color-white);border-radius:10px;width:3.5rem;height:3.5rem}.so-current__name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.so-current__meta{color:var(--so-muted);margin:.1rem 0 0;font-size:.85rem}.so-error,.so-warn{border-radius:12px;margin:0;padding:.75rem 1rem;font-size:.92rem;line-height:1.5}.so-error{background:var(--color-warm-white);color:#8a1a11;border:1px solid #b42318}.so-warn{background:var(--color-cloud)}.so-switch{border-radius:var(--radius-pill);background:var(--color-cloud);grid-auto-columns:1fr;grid-auto-flow:column;gap:.25rem;padding:.3rem;display:inline-grid}.so-switch__opt{display:flex;position:relative}.so-switch__opt input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.so-switch__opt>span{border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:44px;padding:0 1.3rem;font-weight:700;transition:background-color .2s,color .2s,box-shadow .2s;display:flex}.so-switch__opt>input:checked+span{background:var(--color-white);color:var(--color-navy-800);box-shadow:0 1px 2px #10182814,0 4px 12px -4px #071a2c40}.so-switch__opt input:focus-visible+span,.so-format input:focus-visible~.so-format__text{outline:3px solid color-mix(in oklab, var(--color-navy-700) 55%, var(--color-white));outline-offset:2px}.so-formats{grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:.6rem;display:grid}.so-format{border:1.5px solid var(--color-line);border-radius:var(--radius-compact);background:var(--color-white);cursor:pointer;align-items:center;gap:.8rem;min-height:3.75rem;padding:.6rem .85rem;transition:border-color .2s,background-color .2s;display:flex;position:relative}.so-format:has(input:checked){border-color:var(--color-navy-800);background:var(--color-mist)}.so-format input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.so-format__shape{flex:none;place-items:center;width:30px;height:30px;display:grid}.so-format__shape:before{width:var(--w);height:var(--h);border:2px solid var(--color-navy-800);content:"";border-radius:4px}.so-format__text{border-radius:6px;gap:.1rem;min-width:0;display:grid}.so-format__name{font-weight:600;line-height:1.3}.so-format__size{color:var(--so-muted);font-size:.82rem}.so-note,.so-hint{color:var(--so-muted);margin:.75rem 0 0;font-size:.9rem;line-height:1.5}.so-hint{margin:0 0 .75rem}.so-frame{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;display:grid}.so-zoom{font-weight:600}.so input[type=range]{width:100%;min-height:44px;accent-color:var(--color-navy-800)}.so-check{cursor:pointer;align-items:center;gap:.6rem;min-height:44px;margin-top:.4rem;display:flex}.so-check input{width:1.15rem;height:1.15rem;accent-color:var(--color-navy-800)}.so-download{border-top:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:1.5rem;display:flex}.so-download [aria-disabled=true]{opacity:.55;pointer-events:none}.so-file{color:var(--so-muted);flex-basis:100%;margin:0;font-size:.9rem}.so-warn{flex-basis:100%}.so-preview{justify-items:center;gap:1rem;min-width:0;display:grid}.so-preview__title{color:var(--color-ink);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.so-preview__what{border-radius:var(--radius-pill);background:var(--color-cloud);color:var(--so-muted);padding:.2rem .7rem;font-size:.85rem;font-weight:600}.so-preview__note{max-width:38ch;color:var(--so-muted);text-align:center;margin:0;font-size:.8rem;line-height:1.5}.so-phone{background:var(--color-white);color:#111827;border:1px solid #d8dee6;border-radius:26px;width:min(100%,22rem);font-size:.85rem;overflow:hidden;box-shadow:0 2px 6px #1018280f,0 28px 60px -28px #071a2c73}.so-phone--fb-cover{border-radius:18px;width:min(100%,30rem)}.so-media{cursor:grab;touch-action:none;background:#e9eef4;position:relative;overflow:hidden}.so-media.is-dragging{cursor:grabbing}.so-media:focus-visible{outline-offset:-3px;outline:3px solid #2f6fed}.so-canvas{width:100%;height:100%;display:block}.so-media__empty{color:#5b6675;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.mk-avatar{background:#fff;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;display:grid;overflow:hidden}.mk-avatar--instagram{box-shadow:inset 0 0 0 1px #dbdbdb}.mk-avatar svg{display:block}.mk-head{align-items:center;gap:.6rem;padding:.65rem .8rem;display:flex}.mk-head>svg{color:#374151;margin-left:auto}.mk-name{font-weight:700}.mk-who{line-height:1.25;display:grid}.mk-meta{color:#4b5563;align-items:center;gap:.25rem;font-size:.76rem;display:inline-flex}.mk-actions{color:#111827;align-items:center;gap:.85rem;padding:.6rem .8rem .2rem;display:flex}.mk-spacer{flex:1}.mk-likes,.mk-caption{margin:0;padding:.15rem .8rem}.mk-likes{font-weight:700}.mk-caption{color:#374151;padding-bottom:.9rem}.mk-caption strong{color:#111827;margin-right:.3rem}.mk-lines{gap:.35rem;padding:0 .8rem .7rem;display:grid}.mk-lines span{background:#e5e9ef;border-radius:4px;height:.55rem}.mk-lines span:last-child{width:62%}.mk-fbbar{border-top:1px solid #e5e9ef;grid-template-columns:repeat(3,1fr);margin:0 .6rem;padding:.4rem 0 .6rem;display:grid}.mk-fbbtn{color:#4b5563;justify-content:center;align-items:center;gap:.35rem;padding:.4rem 0;font-weight:600;display:flex}.so-phone--ig-story,.so-phone--fb-story{background:#000;width:min(100%,17rem)}.so-media--story{border-radius:0}.mk-story-top{color:#fff;pointer-events:none;gap:.5rem;padding:.6rem .7rem;display:grid;position:absolute;inset:0 0 auto}.mk-progress{background:linear-gradient(90deg,#fff 45%,#fff6 45%);border-radius:2px;height:3px}.mk-story-who{text-shadow:0 1px 3px #0009;align-items:center;gap:.45rem;font-size:.78rem;display:flex}.mk-story-who .mk-avatar{border:2px solid #fff;width:1.6rem;height:1.6rem}.mk-time{opacity:.85}.mk-story-bottom{color:#fff;pointer-events:none;align-items:center;gap:.6rem;padding:.7rem;display:flex;position:absolute;inset:auto 0 0}.mk-reply{border-radius:var(--radius-pill);border:1px solid #ffffffbf;flex:1;padding:.45rem .8rem;font-size:.78rem}.mk-safe{pointer-events:none;background:repeating-linear-gradient(-45deg,#071a2c6b 0 6px,#071a2c47 6px 12px);position:absolute;left:0;right:0}.mk-safe--top{border-bottom:1px dashed #ffffffe6;top:0}.mk-safe--bottom{border-top:1px dashed #ffffffe6;bottom:0}.mk-page-id{z-index:1;align-items:flex-end;gap:.75rem;margin-top:-1.9rem;padding:0 .9rem;display:flex;position:relative}.mk-page-pic{background:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:4.25rem;height:4.25rem;display:grid;overflow:hidden}.mk-page-pic svg{width:100%;height:100%}.mk-page-text{padding-bottom:.25rem;line-height:1.3;display:grid}.mk-page-name{font-size:1rem;font-weight:800}.mk-page-meta{color:#4b5563;font-size:.78rem}.mk-page-buttons{gap:.5rem;padding:.85rem .9rem 1rem;display:flex}.mk-page-btn{text-align:center;background:#e5e9ef;border-radius:8px;flex:1;padding:.45rem;font-weight:700}.mk-page-btn--main{background:var(--color-navy-800);color:#fff}.mk-profile{padding:1.5rem 1.5rem .75rem}.so-media--circle{border-radius:50%}.mk-head--small{padding-bottom:1rem}.mk-mini{border-radius:50%;flex:none;width:2.5rem;height:2.5rem}}