body{background:radial-gradient(58% 46% at 50% -6%,#fbeede 0%,#0000 62%),#fdfcfb}.hero{padding:64px 0 46px}.hero .eyebrow{color:var(--gold-deep);letter-spacing:3px;font-weight:600}.hero p{color:#6f635a}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.hero-trust{color:var(--wd-muted);margin-top:22px}.hero-trust svg{color:var(--gold-deep);vertical-align:-1px;margin-right:2px}.hero-inner{justify-items:center;gap:26px;display:grid}.hero-art{justify-content:center;width:100%;display:flex}.hero-card{aspect-ratio:768/922;background:#fbf7f1;border:1px solid #0000000f;border-radius:18px;width:min(320px,74vw);position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 60px -26px #46321e80,0 6px 18px -8px #00000038}.hero-shot{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.hero-shot.is-active{opacity:1}@media (prefers-reduced-motion:reduce){.hero-shot{transition:none}}@media (width>=941px){.hero-inner{grid-template-columns:1.02fr .98fr;place-items:center stretch;gap:44px;max-width:1120px;margin:0 auto}.hero-copy{text-align:left}.hero-copy p{margin-left:0;margin-right:0}.hero-copy .hero-cta,.hero-copy .hero-trust{justify-content:flex-start}.hero-art{justify-content:flex-end}.hero-card{width:min(360px,100%);transform:rotate(-2.5deg)}}.hero .btn{align-items:center;gap:8px;display:inline-flex}.hero .btn svg{flex:none}.hero .btn-primary{background:var(--red);color:#fff;box-shadow:0 12px 28px -12px #b5232a80}.hero .btn-primary:hover{background:#9c171d}.hero .btn-ghost{color:var(--ink);background:#fff;border-color:#ecdcca}.hero .btn-ghost:hover{border-color:var(--gold);color:var(--ink)}.showcase{text-align:center;margin:8px 0 6px}.showcase-head h2{font-family:var(--font-display);margin:0;font-size:clamp(20px,3vw,28px);font-weight:700}.showcase-head p{color:var(--wd-muted);margin:6px 0 0;font-size:14.5px}.showcase-row{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:14px;padding:18px 4px 12px;display:flex;overflow-x:auto}.showcase-card{scroll-snap-align:start;width:clamp(132px,40vw,168px);color:var(--ink);flex:none;text-decoration:none}.showcase-shot{aspect-ratio:768/922;object-fit:cover;border:1px solid #0000000f;border-radius:12px;width:100%;height:auto;transition:transform .18s,box-shadow .18s;display:block;box-shadow:0 12px 26px -16px #46321e73}.showcase-name{margin-top:8px;font-size:13.5px;font-weight:600;display:block}.showcase-card:hover .showcase-shot,.showcase-card:focus-visible .showcase-shot{transform:translateY(-3px);box-shadow:0 18px 34px -16px #46321e80}@media (prefers-reduced-motion:reduce){.showcase-shot{transition:none}}.showcase-all{color:var(--gold-deep);margin-top:4px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.showcase-all:hover{text-decoration:underline}.form-progress{align-items:center;gap:10px;margin:0 0 18px;display:flex}.form-progress-track{background:#eee1d2;border-radius:999px;flex:1;height:6px;overflow:hidden}.form-progress-fill{background:linear-gradient(90deg, var(--gold), var(--red));border-radius:999px;width:0%;height:100%;transition:width .35s;display:block}.form-progress-text{color:var(--wd-muted);white-space:nowrap;flex:none;font-size:13px}.form-progress-text b{color:var(--red)}@media (prefers-reduced-motion:reduce){.form-progress-fill{transition:none}}.draft-toast{opacity:0;transition:opacity .2s,transform .2s;transform:translate(-50%)translateY(8px)}.draft-toast--show{opacity:1;transform:translate(-50%)translateY(0)}@keyframes cardReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}#form.form-revealed{animation:.45s both cardReveal}@media (prefers-reduced-motion:reduce){#form.form-revealed{animation:none}}.mobile-bar,.preview-sheet-head,.preview-sheet-backdrop{display:none}@media (width<=940px){.mobile-bar{z-index:70;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));backdrop-filter:blur(8px);border-top:1px solid var(--line);background:#fffffff0;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bar .btn{padding:13px 12px}#mobilePreviewBtn{flex:0 0 40%}#mobileCreateBtn{flex:1}body.modal-open .mobile-bar{display:none}.editor{padding-bottom:92px}#createBtn,.preview-pane{display:none}body.preview-sheet-open{overflow:hidden}body.preview-sheet-open .preview-sheet-backdrop{z-index:80;background:#281c1280;display:block;position:fixed;inset:0}body.preview-sheet-open .preview-pane{z-index:81;background:var(--paper);padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;margin:0;animation:.25s both sheetUp;display:block;position:fixed;inset:auto 0 0;box-shadow:0 -12px 40px -12px #00000059}.preview-sheet-head{font-weight:700;font-family:var(--font-display);justify-content:space-between;align-items:center;padding:2px 2px 10px;font-size:18px;display:flex}.preview-sheet-close{border:1px solid var(--line);cursor:pointer;width:40px;height:40px;color:var(--ink);background:#fff;border-radius:10px;place-items:center;display:grid}body.preview-sheet-open .preview-frame{height:62dvh}.toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){body.preview-sheet-open .preview-pane{animation:none}}.overlay{overflow-y:auto}.modal{max-height:calc(100dvh - 44px);overflow-y:auto}.auth-tabs{background:#f6efe3;border-radius:999px;gap:6px;margin:0 0 14px;padding:4px;display:flex}.auth-tab{font:inherit;color:#6f635a;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;min-height:44px;padding:9px 10px;font-weight:600}.auth-tab.active{color:var(--red,#b5232a);background:#fff;box-shadow:0 1px 4px #00000014}.auth-tab:focus-visible{outline:2px solid var(--red,#b5232a);outline-offset:2px}.auth-label{text-align:left;margin:10px 0 4px;font-size:13px;font-weight:600;display:block}.auth-input{border:1px solid var(--line,#d9c7a8);width:100%;font:inherit;background:#fffdfa;border-radius:10px;padding:11px 12px}.auth-input:focus-visible{outline:2px solid var(--red,#b5232a);outline-offset:1px}.auth-pass-wrap{position:relative}.auth-pass-wrap .auth-input{padding-right:46px}.auth-pass-toggle{color:#6f635a;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.auth-pass-toggle:hover{color:var(--ink,#2c241d)}.auth-pass-toggle:focus-visible{outline:2px solid var(--red,#b5232a);outline-offset:-2px}#acctCta a{margin:-10px -2px;padding:12px 4px;display:inline-block}.modal-more{border-top:1px solid var(--line);margin-top:14px}.modal-more>summary{cursor:pointer;text-align:center;color:var(--gold-deep);padding:12px 0 2px;font-size:13.5px;font-weight:600;list-style:none}.modal-more>summary::-webkit-details-marker{display:none}.modal-more>summary:after{content:" ▾";font-size:11px}.modal-more[open]>summary:after{content:" ▴"}.modal-more-body{text-align:left;padding-top:8px}.manage-box{text-align:left;border:1px solid var(--line);background:#b5232a08;border-radius:14px;margin-top:14px;padding:12px 14px}.mp-list{flex-direction:column;gap:6px;display:flex}.mp-item{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:6px 11px;transition:border-color .15s,background .15s;display:flex}.mp-item:hover{border-color:var(--gold,#c2a14d);background:var(--muted,#f7f4ee)}.mp-radio{accent-color:var(--color-primary,#b5232a);flex:none;width:18px;height:18px}.mp-item:has(.mp-radio:checked){border-color:var(--color-primary,#b5232a);background:#b5232a0d}.mp-item:has(.mp-radio:focus-visible){outline:2px solid var(--color-primary,#b5232a);outline-offset:2px}.mp-body{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.mp-title{color:var(--ink,#3a2f28);font-size:14px;font-weight:600}.mp-sub{color:var(--brand-muted,#8a7f75);font-size:12px}.mp-play{border:1px solid var(--line);background:var(--muted,#f7f4ee);cursor:pointer;width:44px;height:44px;color:var(--color-primary,#b5232a);border-radius:50%;flex:none;place-items:center;transition:background .15s,transform .12s;display:grid}.mp-play:hover{transform:scale(1.06)}.mp-play:focus-visible{outline:2px solid var(--color-primary,#b5232a);outline-offset:2px}.mp-play.is-playing{background:var(--color-primary,#b5232a);color:#fff}.mp-play-ic{font-size:13px;line-height:1}.mp-ic-pause,.mp-play.is-playing .mp-ic-play{display:none}.mp-play.is-playing .mp-ic-pause{display:inline}@media (width<=940px){.mp-title{font-size:16px}.mp-sub{font-size:13px}}
