.create-editor-showcase{--editor-ink:#2f2349;--editor-accent:#95546f;--editor-wash:#f5eaf0;color:var(--editor-ink);margin-top:2rem;text-align:left}.create-editor-showcase [hidden]{display:none!important}.create-editor-eyebrow{font-size:.78rem;color:#6d5d6e;letter-spacing:.04em;margin:0 0 1.6rem}
.create-editor-layout{display:grid;grid-template-columns:minmax(230px,320px) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);max-width:960px;margin:0 auto}.create-editor-figure{margin:0;min-width:0;scroll-margin-top:100px}.create-editor-phone{width:100%;max-width:300px;margin:0 auto;padding:7px;border-radius:34px;background:#312a39;box-shadow:0 22px 50px #33224220;border:1px solid #44384b;overflow:hidden}.create-editor-screenshot{width:100%;aspect-ratio:360/844;overflow:hidden;background:#fff}.create-editor-phone .create-editor-screenshot{border-radius:27px}.create-editor-showcase .create-editor-screenshot img{display:block;width:calc(100% * 390 / 360);height:auto;max-width:none;min-width:0;border-radius:0}.create-editor-figure figcaption{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-top:.9rem;font-size:.75rem;line-height:1.6;color:#6d5d6e}.create-editor-figure figcaption button{min-height:44px;padding:.5rem .8rem;border:1px solid #d8c9d4;border-radius:7px;background:#fff;color:var(--editor-ink);font:inherit;font-size:.78rem;cursor:pointer}
.create-editor-content{min-width:0}.create-editor-steps{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.create-editor-steps button{width:100%;display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.15rem;min-height:72px;text-align:left;background:#fff;border:1px solid #e2d7df;border-radius:12px;color:var(--editor-ink);font:inherit;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}.create-editor-steps button:disabled{opacity:1;cursor:default}.create-editor-steps button[aria-pressed=true]{background:var(--editor-wash);border-color:#b9809a;box-shadow:0 5px 16px #95546f0b}.create-editor-step-number{display:grid;place-items:center;min-width:32px;height:32px;background:#f4edf2;color:var(--editor-accent);border-radius:50%;font-size:.73rem;font-weight:700}.create-editor-steps button[aria-pressed=true] .create-editor-step-number{background:var(--editor-accent);color:#fff}.create-editor-steps strong{display:block;font-size:1rem;line-height:1.65;margin:.05rem 0 .3rem}.create-editor-step-description{display:block;font-size:.83rem;line-height:1.85;color:#6c5a6d}
.create-editor-navigation{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:1.1rem}.create-editor-navigation button{min-height:44px;padding:.65rem .9rem;background:#fff;border:1px solid #d8c9d4;border-radius:8px;color:var(--editor-ink);font:inherit;font-weight:700;font-size:.83rem;cursor:pointer}.create-editor-navigation button[data-create-editor-next]{background:var(--editor-accent);border-color:var(--editor-accent);color:#fff}.create-editor-navigation button:disabled{opacity:.45;cursor:default}.create-editor-navigation>span{font-size:.75rem;color:#6d5d6e}.create-editor-status{font-size:.78rem;color:#80556b;line-height:1.7;margin:.7rem 0;min-height:1.7em}.create-editor-note{font-size:.72rem!important;line-height:1.85!important;color:#6d5d6e;margin:1rem 0 0!important}.create-editor-showcase button:focus-visible{outline:3px solid #ac6684;outline-offset:4px}
.create-editor-dialog{width:min(560px,96vw);max-width:96vw;max-height:94dvh;overflow:hidden;padding:0;border:1px solid #d8cbd5;border-radius:12px;background:#fff;color:var(--editor-ink);box-shadow:0 20px 90px #0006}.create-editor-dialog::backdrop{background:#201829c9;backdrop-filter:blur(5px)}.create-editor-dialog-bar{padding:.6rem .8rem;background:#f8f2f6}.create-editor-dialog-bar p{margin:0 0 .5rem;font-size:.82rem;line-height:1.6;font-weight:700}.create-editor-dialog-bar>div{display:flex;justify-content:flex-end;gap:.5rem}.create-editor-dialog-bar button{min-height:44px;padding:.5rem .7rem;font:inherit;font-size:.75rem;background:#fff;color:var(--editor-ink);border:1px solid #d8cbd5;border-radius:7px;cursor:pointer}.create-editor-image-viewport{max-height:min(73dvh,calc(94dvh - 155px));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.create-editor-image-viewport:focus-visible{outline:3px solid #ac6684;outline-offset:-3px}.create-editor-image-viewport .create-editor-screenshot{min-width:0}.create-editor-image-viewport.is-zoomed .create-editor-screenshot{width:max(100%,650px);min-width:650px}.create-editor-dialog-note{font-size:.72rem;line-height:1.7;color:#6d5d6e;padding:.6rem .8rem;margin:0}
@media(max-width:700px){.create-editor-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem}.create-editor-phone{max-width:260px}.create-editor-steps button{padding:.85rem;gap:.75rem}.create-editor-steps strong{font-size:.92rem}.create-editor-step-description{font-size:.8rem}.create-editor-navigation{position:relative}.create-editor-eyebrow{line-height:1.7;margin-bottom:1.1rem}}
@media(prefers-reduced-motion:reduce){.create-editor-showcase *{transition:none!important;animation:none!important}}

/* The saved public screen has only the outer browser gutter. */
.create-editor-screenshot:has(img[src*="create-edit-save.jpg"]){aspect-ratio:375/844}.create-editor-showcase .create-editor-screenshot:has(img[src*="create-edit-save.jpg"]) img{width:calc(100% * 390 / 375)}