:root{--bg-deep:#1a0f12;--bg-card:#241418;--bg-elevated:#2e1a20;--cream:#faf4ef;--cream-muted:#d4c4bc;--rose:#e8a598;--coral:#e0635a;--gold:#c9a227;--accent:#ff6b6b;--one:#ff8fab;--border:hsla(0,0%,100%,.08);--shadow:0 24px 80px rgba(0,0,0,.45);--font-display:"Cormorant Garamond","Noto Serif SC","Fraunces",serif;--font-body:"DM Sans","Noto Sans SC",sans-serif;--font-accent:"Italiana","Cormorant Garamond",serif;--radius:16px;--radius-sm:10px;--letter-width:420px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;padding-bottom:56px;font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--cream);background:var(--bg-deep);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:var(--rose);text-decoration:none;transition:color .2s}a:hover{color:var(--cream)}img{max-width:100%;display:block}.brand{font-family:var(--font-display);font-weight:500;font-size:1.5rem;letter-spacing:-.02em;color:var(--cream);display:inline-flex;align-items:baseline;gap:0;transition:opacity .2s ease}.brand:hover{opacity:.92}.brand .one{color:var(--one);font-weight:600;font-style:italic}.brand .tld{font-family:var(--font-accent);font-size:.82em;letter-spacing:.1em;opacity:.82;font-weight:400;font-style:italic}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem;background:linear-gradient(to bottom,var(--bg-deep) 60%,transparent)}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links a{color:var(--cream-muted);font-size:.9rem}.nav-links a:hover{color:var(--cream)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:999px;font-family:var(--font-body);font-size:.95rem;font-weight:500;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--coral) 0,#d44a6a 100%);color:#fff;box-shadow:0 8px 32px rgba(224,99,90,.35)}.btn-primary:hover{box-shadow:0 12px 40px rgba(224,99,90,.5)}.btn-ghost{background:transparent;color:var(--cream);border:1px solid var(--border)}.btn-ghost:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15)}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:8rem 2.5rem 4rem;max-width:1280px;margin:0 auto}.hero,.hero--intro{align-items:center;position:relative}.hero--intro{min-height:calc(100vh - 56px);display:flex;justify-content:center;padding:5.5rem 1.75rem 3rem;box-sizing:border-box;overflow:hidden}.hero--romantic{background:radial-gradient(ellipse 90% 70% at 15% 20%,rgba(255,143,171,.14),transparent 55%),radial-gradient(ellipse 70% 55% at 85% 75%,rgba(224,99,90,.1),transparent 50%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(201,162,39,.06),transparent 45%),var(--bg-deep)}.hero-ambience{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;filter:blur(72px);opacity:.85;animation:heroOrbFloat 14s ease-in-out infinite}.hero-orb--rose{width:min(420px,55vw);height:min(420px,55vw);top:-8%;left:-6%;background:rgba(255,143,171,.35)}.hero-orb--coral{width:min(320px,45vw);height:min(320px,45vw);bottom:5%;right:-4%;background:rgba(224,99,90,.28);animation-delay:-4s}.hero-orb--gold{width:min(200px,30vw);height:min(200px,30vw);top:42%;left:48%;background:rgba(201,162,39,.15);animation-delay:-7s}@keyframes heroOrbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(12px,-18px) scale(1.05)}}.hero-sparkles{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,hsla(0,0%,100%,.35),transparent),radial-gradient(1px 1px at 60% 70%,rgba(255,143,171,.4),transparent),radial-gradient(1.5px 1.5px at 80% 20%,hsla(0,0%,100%,.25),transparent),radial-gradient(1px 1px at 40% 85%,hsla(10,63%,75%,.35),transparent);opacity:.5}.hero-intro-grid{width:100%;max-width:1080px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}.hero-intro-head{text-align:left}.hero-brand-lockup{margin:0 0 1.75rem;padding:0;position:relative}.hero-brand-ornament{display:block;font-size:.75rem;letter-spacing:.35em;color:hsla(10,63%,75%,.75);margin-bottom:.85rem;text-indent:.35em}.hero-brand-name{margin:0;padding:0;font-family:var(--font-display);font-weight:400;font-size:clamp(4.25rem,12.5vw,8rem);line-height:.92;letter-spacing:-.02em;color:var(--cream)}.hero-brand-only{font-weight:400;letter-spacing:.04em}.hero-brand-digit{font-style:italic;font-weight:500;margin-left:.02em;background:linear-gradient(160deg,var(--one) 0,var(--rose) 42%,#ffd8e8 78%,var(--cream) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(255,143,171,.35))}.hero-brand-domain{margin:.35rem 0 0;padding:0;font-family:var(--font-accent);font-weight:400;font-size:clamp(2.05rem,5.5vw,3.75rem);line-height:1.12;letter-spacing:.16em;font-style:italic;color:hsla(27,52%,96%,.88);text-transform:lowercase;text-shadow:0 0 40px rgba(255,143,171,.15)}.hero-brand-rule{display:block;width:min(12rem,55%);height:1px;margin-top:1.35rem;background:linear-gradient(90deg,rgba(255,143,171,.65),hsla(10,63%,75%,.2),transparent)}.hero-title{font-family:var(--font-display);font-weight:500;font-size:clamp(1.65rem,3.2vw,2.35rem);line-height:1.22;letter-spacing:.03em;margin:0 0 1.15rem;color:var(--cream)}.hero-title-line{display:block}.hero-title-em{display:block;margin-top:.2rem;font-style:italic;font-weight:500;background:linear-gradient(125deg,var(--rose) 0,var(--one) 45%,#ffd4e0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead--intro{margin:0 0 1.5rem;max-width:26em;font-size:1.02rem;line-height:1.75;color:var(--cream-muted);font-weight:400}.hero-whisper{margin:0;padding-left:1rem;border-left:2px solid hsla(10,63%,75%,.45);font-family:var(--font-display);font-size:1.15rem;font-style:italic;line-height:1.5;color:hsla(10,63%,75%,.95)}.hero-intro-panel{padding:1.75rem 1.65rem 1.5rem;background:linear-gradient(155deg,rgba(46,26,32,.92),rgba(36,20,24,.88));border:1px solid hsla(10,63%,75%,.18);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow),0 0 0 1px hsla(0,0%,100%,.03) inset,0 0 60px rgba(255,143,171,.06);backdrop-filter:blur(12px);position:relative}.hero-intro-panel:before{content:"";position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent,rgba(255,143,171,.45),transparent)}.hero-panel-title{margin:0 0 1.15rem;font-family:var(--font-display);font-size:1.2rem;font-weight:500;letter-spacing:.06em;color:var(--cream);text-align:center}.hero-timeline{list-style:none;margin:0 0 1.35rem;padding:0;display:flex;flex-direction:column;gap:1rem}.hero-timeline li{display:flex;gap:1rem;align-items:flex-start;padding:.65rem .75rem;border-radius:var(--radius-sm);transition:background .25s}.hero-timeline li:hover{background:hsla(0,0%,100%,.03)}.hero-timeline-num{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,rgba(255,143,171,.2),rgba(224,99,90,.08));border:1px solid hsla(10,63%,75%,.4);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--one)}.hero-timeline strong{display:block;font-family:var(--font-display);font-size:1.05rem;font-weight:500;color:var(--cream);margin-bottom:.25rem;letter-spacing:.02em}.hero-timeline span{font-size:.82rem;color:var(--cream-muted);line-height:1.5}.hero-url--intro{margin:0 0 1.35rem;padding:1rem 1.15rem;background:rgba(10,6,8,.55);border:1px solid hsla(10,63%,75%,.15);border-radius:var(--radius-sm);text-align:center}.hero-url-label{display:block;font-size:.7rem;color:var(--cream-muted);margin-bottom:.45rem;letter-spacing:.12em;text-transform:uppercase}.hero-url--intro code{font-family:DM Sans,ui-monospace,monospace;font-size:.88rem;font-weight:500;color:var(--one);word-break:break-all;letter-spacing:.02em}.btn-start-make{width:100%;margin-bottom:.55rem;flex-direction:column;gap:.2rem;padding:1rem 1.5rem}.btn-start-make-text{font-family:var(--font-display);font-size:1.15rem;font-weight:500;letter-spacing:.08em}.btn-start-make-sub{font-size:.72rem;font-weight:400;opacity:.88;letter-spacing:.04em}.btn-primary--glow{animation:btnGlowPulse 3s ease-in-out infinite}@keyframes btnGlowPulse{0%,to{box-shadow:0 8px 32px rgba(224,99,90,.35)}50%{box-shadow:0 12px 48px rgba(224,99,90,.5),0 0 24px rgba(255,143,171,.2)}}.hero-cta-hint{margin:0;text-align:center;font-size:.78rem;color:var(--cream-muted);letter-spacing:.02em}.hero-reveal{opacity:0;transform:translateY(18px);animation:heroReveal .9s cubic-bezier(.22,1,.36,1) forwards}.hero-reveal--1{animation-delay:.1s}.hero-reveal--2{animation-delay:.28s}@keyframes heroReveal{to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.hero-intro-grid{grid-template-columns:1fr;max-width:520px;gap:2.25rem}.hero-intro-head{text-align:center}.hero-brand-lockup{text-align:center;margin-left:auto;margin-right:auto}.hero-brand-ornament{text-indent:0}.hero-brand-rule,.hero-lead--intro{margin-left:auto;margin-right:auto}.hero-whisper{text-align:center;border-left:none;padding-left:0;font-size:1.05rem}}@media (prefers-reduced-motion:reduce){.btn-primary--glow,.hero-orb,.hero-reveal{animation:none}.hero-reveal{opacity:1;transform:none}}.home-flow-progress{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .75rem;max-width:1280px;margin:0 auto;padding:5.5rem 2.5rem 0}.home-flow-step{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--cream-muted);font-size:.85rem;cursor:pointer;font-family:inherit;transition:border-color .2s,color .2s,background .2s}.home-flow-step:disabled{opacity:.45;cursor:not-allowed}.home-flow-step.is-active{border-color:var(--rose);color:var(--cream);background:var(--bg-elevated)}.home-flow-step.is-done:not(.is-active){color:var(--rose)}.home-flow-step--next{cursor:default;opacity:.55}.home-flow-num{width:22px;height:22px;border-radius:50%;background:var(--bg-elevated);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-family:var(--font-display)}.home-flow-sep{width:20px;height:1px;background:var(--border)}.home-pick-template-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.pick-page{padding-top:.5rem}.home-main--scene .home-pick,.home-main--template .home-pick{padding-top:1.5rem}.api-banner{max-width:1280px;margin:4.5rem auto 0;padding:.85rem 2.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;font-size:.9rem}.api-banner--error{background:rgba(224,99,90,.12);border-bottom:1px solid rgba(224,99,90,.35);color:var(--cream-muted)}.api-banner p{margin:0}.api-banner-hint{font-size:.8rem;opacity:.85}.slug-check-hint{margin:.35rem 0 0;font-size:.85rem}.slug-check-hint--ok{color:var(--rose)}.slug-check-hint--warn{color:#c9a227}.slug-check-hint--bad{color:#e0635a}@media (max-width:720px){.hero--intro{padding-top:4.75rem;align-items:flex-start}.home-flow-progress{padding-top:5rem}}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,hsla(10,63%,75%,.15) 0,transparent 70%);top:10%;right:-10%;pointer-events:none}.hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:500;line-height:1.15;margin:0 0 1.25rem;letter-spacing:-.03em}.hero h1 em{font-style:italic;color:var(--rose)}.hero-lead{font-size:1.1rem;color:var(--cream-muted);max-width:28em;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-url{margin-top:2.5rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:ui-monospace,monospace;font-size:.85rem;color:var(--rose)}.hero-url span{color:var(--cream-muted)}.preview-stage{position:relative;display:flex;justify-content:center}.phone-frame{width:280px;background:#0d0809;border-radius:36px;padding:12px;box-shadow:var(--shadow),inset 0 0 0 1px hsla(0,0%,100%,.1);transform:rotate(-2deg);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-12px)}}.phone-screen{border-radius:28px;overflow:hidden;aspect-ratio:9/16;background:linear-gradient(180deg,#3d2228,#1a0f12);position:relative}.phone-screen .letter-mini,.phone-screen iframe{width:100%;height:100%;border:none}.letter-mini{padding:1.5rem 1.25rem;display:flex;flex-direction:column;justify-content:center;text-align:center}.letter-mini .to{font-family:var(--font-display);font-size:1.5rem;font-style:italic;color:var(--rose);margin-bottom:.5rem}.letter-mini .line{font-size:.75rem;color:var(--cream-muted);opacity:0;animation:fadeLine .8s ease forwards}.letter-mini .line:nth-child(2){animation-delay:.4s}.letter-mini .line:nth-child(3){animation-delay:.8s}.letter-mini .line:nth-child(4){animation-delay:1.2s}@keyframes fadeLine{to{opacity:1}}.section{padding:5rem 2.5rem;max-width:1200px;margin:0 auto}.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin-bottom:.75rem}.section h2{font-family:var(--font-display);font-size:2rem;font-weight:500;margin:0 0 2.5rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}.category-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.category-tab{gap:.45rem;padding:.45rem 1rem;border-radius:999px;border:1px solid var(--border);background:transparent;font-family:var(--font-body);font-size:.88rem;cursor:pointer;transition:all .2s}.category-tab,.category-tab__count{display:inline-flex;align-items:center;color:var(--cream-muted)}.category-tab__count{justify-content:center;min-width:1.25rem;padding:.05rem .4rem;border-radius:999px;font-size:.72rem;font-weight:600;line-height:1.3;background:hsla(0,0%,100%,.06)}.category-tab:hover{color:var(--cream);border-color:hsla(0,0%,100%,.15)}.category-tab.active{background:hsla(10,63%,75%,.12);border-color:var(--rose);color:var(--cream)}.category-tab.active .category-tab__count{color:var(--rose);background:hsla(10,63%,75%,.18)}.keyword-badge{display:inline-block;font-family:ui-monospace,monospace;font-size:.65rem;color:var(--gold);background:rgba(201,162,39,.12);padding:.2rem .45rem;border-radius:4px;margin-top:.35rem}.template-card .meta{padding:.75rem 1rem 1rem}.template-card .meta h3{margin:0;font-size:.95rem;font-weight:500}.template-card .slug-hint{font-family:ui-monospace,monospace;font-size:.68rem;color:var(--cream-muted);margin-top:.35rem;word-break:break-all}.template-card.is-hidden{display:none}.template-card.selected{border-color:var(--rose);box-shadow:0 0 0 1px var(--rose)}.template-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}.template-card:hover{transform:translateY(-6px);border-color:hsla(10,63%,75%,.3);box-shadow:0 20px 50px rgba(0,0,0,.3)}.template-thumb{aspect-ratio:3/4;position:relative;overflow:hidden}.template-thumb .bg{position:absolute;inset:0}.template-card[data-theme=confess] .bg{background:linear-gradient(160deg,#4a2c35,#1a0f12)}.template-card[data-theme=propose] .bg{background:linear-gradient(160deg,#2c2848,#1a1528)}.template-card[data-theme=anniversary] .bg{background:linear-gradient(160deg,#3d3520,#1a1810)}.template-card[data-theme=birthday] .bg{background:linear-gradient(160deg,#4a2835,#281820)}.template-card[data-theme=timeline] .bg{background:linear-gradient(160deg,#283548,#101820)}.template-thumb span{position:absolute;bottom:1rem;left:1rem;right:1rem;font-family:var(--font-display);font-size:.95rem;font-style:italic}.template-card[data-theme=love520] .bg,.template-card[data-theme=valentine] .bg{background:linear-gradient(160deg,#4a2035,#281018)}.template-card[data-theme=newyear] .bg,.template-card[data-theme=spring] .bg{background:linear-gradient(160deg,#4a3020,#281810)}.template-card[data-theme=dragonboat] .bg{background:linear-gradient(160deg,#1e3d32,#0f2018)}.template-card[data-theme=midautumn] .bg,.template-card[data-theme=qixi] .bg{background:linear-gradient(160deg,#2a2848,#141020)}.template-card[data-theme=christmas] .bg{background:linear-gradient(160deg,#1a3038,#0a1820)}.template-card[data-theme=lantern] .bg{background:linear-gradient(160deg,#4a2818,#201008)}.steps-row{display:flex;justify-content:center;gap:3rem;margin-top:3rem}.step-item{text-align:center;max-width:140px}.step-num{width:40px;height:40px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-family:var(--font-display);color:var(--rose)}.step-item p{margin:0;font-size:.85rem;color:var(--cream-muted)}.steps-row--create{gap:2rem;flex-wrap:wrap}.step-item--emph .step-num{width:48px;height:48px;font-size:1.1rem}.step-item--emph p{color:var(--cream);font-size:.95rem}.step-desc{display:block;margin-top:.35rem;font-size:.75rem;color:var(--cream-muted)}.category-card--pick{width:100%;text-align:left;cursor:pointer;border:2px solid transparent;transition:border-color .2s,box-shadow .2s;font:inherit;color:inherit;padding:0}.category-card--pick.is-selected{border-color:var(--rose);box-shadow:0 0 0 1px rgba(255,143,171,.35)}.effect-card.is-selected{outline:2px solid var(--rose);outline-offset:2px}.home-start-bar{margin-top:2rem;padding:1.25rem 1.5rem;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.home-selected-summary{margin:0;font-size:.95rem;color:var(--cream-muted)}.btn-lg{padding:.85rem 1.6rem;font-size:1rem}.btn.disabled,.btn.disabled:hover{opacity:.45;pointer-events:none;cursor:not-allowed}.home-pick-template.hidden{display:none}.home-pick-template:not(.hidden){display:block}.wizard-step-titles{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem}.wizard-step-title{font-size:.8rem;color:var(--cream-muted);padding:.35rem .5rem;border-radius:6px;transition:color .2s,background .2s}.wizard-step-title.active{color:var(--rose);background:rgba(255,107,138,.1);font-weight:500}.wizard-step-title.done{color:var(--cream);opacity:.65}.template-confirm-card{padding:1.25rem 1.35rem;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid var(--border)}.template-confirm-scene{margin:0 0 .35rem;font-size:.8rem;color:var(--rose);letter-spacing:.08em}.template-confirm-name{margin:0;font-family:var(--font-display);font-size:1.35rem;font-style:italic;color:var(--cream)}.template-confirm-tagline{margin:.5rem 0 0;font-size:.85rem;color:var(--cream-muted)}.form-group--emph label{color:var(--rose);font-weight:500}.site-footer{padding:3rem 2.5rem;border-top:1px solid var(--border);text-align:center;color:var(--cream-muted);font-size:.85rem}.site-footer .brand{margin-bottom:.5rem}.create-flow{padding-top:72px;min-height:100vh;display:flex;flex-direction:column}.create-flow__progress-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:1rem 1.25rem .85rem;border-bottom:1px solid var(--border);background:rgba(10,6,8,.92);position:sticky;top:72px;z-index:20;backdrop-filter:blur(8px)}.create-progress{display:inline-flex;align-items:stretch;gap:0;max-width:min(960px,100%);margin:0 auto;padding:.45rem .7rem .45rem .55rem;background:rgba(32,18,22,.88);border:1px solid hsla(10,63%,75%,.16);border-radius:999px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 8px 24px rgba(0,0,0,.18)}.create-progress__aside{display:flex;align-items:center;flex-shrink:0}.create-progress__back{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:999px;border:1px solid transparent;background:hsla(0,0%,100%,.03);color:var(--cream-muted);font-family:var(--font-body);font-size:.76rem;font-weight:500;letter-spacing:.03em;text-decoration:none;white-space:nowrap;transition:color .2s ease,border-color .2s ease,background .2s ease}.create-progress__back:hover{color:var(--cream);border-color:hsla(10,63%,75%,.22);background:hsla(10,63%,75%,.1)}.create-progress__back-icon{font-size:.95rem;line-height:1;opacity:.9}.create-progress__divider{flex-shrink:0;width:1px;margin:.45rem .7rem .45rem .45rem;background:linear-gradient(180deg,transparent,hsla(10,63%,75%,.28) 35%,hsla(10,63%,75%,.28) 65%,transparent)}.create-progress__steps{padding:0 .15rem 0 .1rem}.create-progress__item-wrap,.create-progress__steps{display:flex;align-items:center;flex:1;min-width:0}.create-progress__item-wrap:first-child{flex:0 0 auto}.create-progress__line{flex:1;height:2px;min-width:1.5rem;margin:0 .35rem;background:var(--border);transition:background .25s}.create-progress__line.is-filled{background:linear-gradient(90deg,var(--rose),var(--coral))}.create-progress__item{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.35rem .5rem;border:none;background:transparent;color:var(--cream-muted);font-family:var(--font-body);font-size:.78rem;cursor:default;transition:color .2s;white-space:nowrap}.create-progress__item:disabled{cursor:default;opacity:.55}.create-progress__item:not(:disabled){cursor:pointer}.create-progress__item.is-active,.create-progress__item:not(:disabled):hover{color:var(--cream)}.create-progress__item.is-active .create-progress__num{background:linear-gradient(135deg,var(--coral),#c94a6a);border-color:transparent;color:#fff}.create-progress__item.is-done{color:var(--rose)}.create-progress__item.is-done .create-progress__num{background:hsla(10,63%,75%,.2);border-color:var(--rose);color:var(--rose)}.create-progress__num{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);font-size:.75rem;font-weight:600}.create-progress__label{font-size:.72rem}@media (max-width:640px){.create-progress{padding:.35rem .45rem .35rem .4rem}.create-progress__back-text{display:none}.create-progress__back{padding:.42rem .55rem}.create-progress__divider{margin:.4rem .45rem .4rem .35rem}.create-progress__label{display:none}.create-progress__item:after{content:attr(data-short);display:block;font-size:.62rem;margin-top:.1rem;color:inherit;opacity:.9}.create-progress__line{min-width:.65rem;margin:0 .15rem}}.create-selected-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:min(960px,100%);margin-top:.75rem;padding:.55rem .85rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem;color:var(--cream-muted)}.create-selected-bar strong{color:var(--cream)}.create-phase--pick h1{margin-top:0}.create-phase-hint{font-size:.82rem;color:var(--cream-muted);margin-top:1rem}.create-keyword-hint{font-size:.85rem;color:var(--cream-muted);margin-bottom:1.25rem}.publish-result-label{margin:0 0 .5rem;font-size:.8rem;color:var(--cream-muted)}.effect-grid--compact{grid-template-columns:1fr;max-height:none}.create-layout{display:grid;grid-template-columns:1fr 440px;flex:1;min-height:0}.create-sidebar{padding:1.5rem 2.5rem 3rem;border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.slug-live{margin-top:auto;padding:1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:1rem}.slug-live label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cream-muted);margin-bottom:.5rem}.slug-live .url{font-family:ui-monospace,monospace;font-size:.8rem;color:var(--rose);word-break:break-all}.template-pick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-height:280px;overflow-y:auto;margin-top:1rem;padding-right:.25rem}.template-pick{text-align:left;padding:.75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--cream);cursor:pointer;font-family:var(--font-body);transition:border-color .2s,background .2s}.template-pick:hover{border-color:hsla(10,63%,75%,.35)}.template-pick.active{border-color:var(--rose);background:hsla(10,63%,75%,.08)}.template-pick .tp-name{display:block;font-size:.9rem;font-weight:500}.template-pick .tp-cat{display:block;font-size:.75rem;color:var(--cream-muted);margin-top:.2rem}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1rem}.category-chip{padding:.65rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--cream);cursor:pointer;text-align:left;font-family:var(--font-body);transition:all .2s}.category-chip:hover{border-color:hsla(10,63%,75%,.35)}.category-chip.active{border-color:var(--rose);background:hsla(10,63%,75%,.1)}.category-chip strong{display:block;font-size:.9rem;font-weight:500}.category-chip code{font-size:.65rem;color:var(--gold);margin-top:.25rem;display:block}.create-preview-panel{position:sticky;top:72px;height:calc(100vh - 72px);padding:1.5rem 1.25rem 2rem;background:var(--bg-card);justify-content:flex-start;overflow:hidden}.create-preview-blocked,.create-preview-panel{display:flex;flex-direction:column;align-items:center}.create-preview-blocked{position:absolute;inset:1.5rem 1.25rem 2rem;z-index:5;justify-content:center;gap:.35rem;padding:1.5rem;text-align:center;color:var(--cream-muted);background:rgba(18,16,20,.82);border-radius:12px;pointer-events:none}.create-preview-blocked-hint{margin:0;font-size:.85rem;opacity:.75}.create-preview-panel .preview-viewport{flex:1;min-height:0;justify-content:flex-start;overflow:hidden}.preview-viewport{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;min-height:0}.preview-label,.preview-mode-toggle{flex-shrink:0;position:relative;z-index:3}.preview-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--cream-muted);margin:0 0 .85rem;text-align:center}.preview-mode-toggle{display:inline-flex;gap:0;margin-bottom:1.15rem;padding:2px;background:rgba(20,12,14,.6);border:1px solid hsla(10,63%,75%,.12);border-radius:999px;backdrop-filter:blur(8px)}.preview-mode-toggle button{padding:.42rem .95rem;font-size:.76rem;font-weight:500;letter-spacing:.04em;border:none;border-radius:999px;background:transparent;color:var(--cream-muted);cursor:pointer;transition:background .2s ease,color .2s ease;white-space:nowrap}.preview-mode-toggle button:hover{color:var(--cream)}.preview-mode-toggle button.is-active{background:linear-gradient(135deg,hsla(10,63%,75%,.28),rgba(255,143,171,.14));color:var(--cream);box-shadow:inset 0 0 0 1px hsla(10,63%,75%,.2),0 2px 8px rgba(0,0,0,.2)}.device-frame{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;width:100%;overflow:hidden;filter:drop-shadow(0 28px 48px rgba(0,0,0,.42)) drop-shadow(0 0 72px rgba(232,165,152,.07))}.device-frame-shell{position:relative;box-sizing:border-box}.device-frame-viewport-slot{position:relative;flex:none;width:100%;height:auto;overflow:hidden;line-height:0}.device-frame-viewport-slot--mobile{aspect-ratio:390/844}.device-frame-viewport-slot--desktop{aspect-ratio:16/10}.device-frame-screen{position:absolute;inset:0;overflow:hidden;line-height:0;isolation:isolate}.device-frame-glare{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(145deg,hsla(0,0%,100%,.09),hsla(0,0%,100%,.02) 28%,transparent 52%);mix-blend-mode:soft-light}.device-frame-screen iframe{display:block;position:absolute;inset:0;z-index:1;width:100%;height:100%;border:none;background:transparent}.device-frame--mobile{flex:none;align-self:center}.device-frame-shell--mobile{display:flex;flex-direction:column;align-items:stretch;flex:none;height:auto}.device-frame--mobile .device-frame-shell{width:min(288px,90vw,calc((100vh - 240px) * 390 / 844));padding:8px 8px 10px;border-radius:52px;background:linear-gradient(168deg,hsla(0,0%,100%,.16),transparent 38%),linear-gradient(152deg,#3a2f34,#241a1e 32%,#141012 68%,#2a2226);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12),inset 0 -2px 4px rgba(0,0,0,.35),0 1px 0 hsla(0,0%,100%,.06)}.device-frame-island{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;width:72px;height:20px;margin:5px auto 7px;padding-right:14px;border-radius:999px;background:#080608;box-shadow:0 1px 3px rgba(0,0,0,.65),inset 0 0 0 1px hsla(0,0%,100%,.05)}.device-frame-island-lens{display:block;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 32% 32%,#2a3d52 0,#12141a 55%,#060608 100%);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08);opacity:.9}.device-frame-home{position:relative;z-index:1}.device-frame-screen--mobile{border-radius:40px}.device-frame-home{display:block;width:88px;height:3px;margin:7px auto 1px;border-radius:999px;background:hsla(0,0%,100%,.22);opacity:.85}.device-frame--desktop{flex:none;align-self:center;width:100%;max-width:min(620px,100%)}.device-frame-shell--desktop{display:flex;flex-direction:column;align-items:stretch;flex:none;height:auto;width:100%}.device-frame--desktop .device-frame-shell{width:min(100%,calc((100vh - 260px) * 16 / 10),620px);padding:9px;border-radius:20px;background:linear-gradient(180deg,hsla(0,0%,100%,.1),transparent 26%),linear-gradient(168deg,#32282c,#1e1618 45%,#120e10);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.11),inset 0 -1px 0 rgba(0,0,0,.3),0 1px 0 hsla(0,0%,100%,.04)}.device-frame-screen--desktop{border-radius:10px}.device-frame-chin{display:block;width:5px;height:5px;margin:7px auto 0;border-radius:50%;background:radial-gradient(circle,hsla(0,0%,100%,.14),transparent 70%);opacity:.55}.device-frame--desktop .device-frame-stand{display:flex;flex-direction:column;align-items:center;margin-top:12px;gap:0}.device-frame-stand-arm{display:block;width:56px;height:32px;background:linear-gradient(180deg,#2a2226,#1a1416 55%,#141012);clip-path:polygon(38% 0,62% 0,54% 100%,46% 100%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06)}.device-frame-stand-foot{display:block;width:min(200px,42vw);height:5px;margin-top:-1px;border-radius:999px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1) 22%,hsla(0,0%,100%,.14) 50%,hsla(0,0%,100%,.1) 78%,transparent);box-shadow:0 10px 28px rgba(0,0,0,.38),0 2px 8px hsla(10,63%,75%,.06)}.wizard-steps{display:flex;gap:.5rem;margin-bottom:2rem}.wizard-step-dot{flex:1;height:3px;background:var(--bg-elevated);border-radius:2px;transition:background .3s}.wizard-step-dot.active{background:linear-gradient(90deg,var(--coral),var(--rose))}.wizard-step-dot.done{background:var(--rose);opacity:.5}.create-sidebar h1{font-family:var(--font-display);font-size:1.75rem;font-weight:500;margin:0 0 .5rem}.create-sidebar .subtitle{color:var(--cream-muted);margin-bottom:2rem}.segment-options{margin:0 0 1.5rem;padding:1rem 1.1rem;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;background:rgba(0,0,0,.2)}.segment-options legend{font-size:.8rem;color:var(--cream-muted);padding:0 .25rem}.segment-options-note{margin:0 0 .75rem;font-size:.82rem;color:var(--cream-muted)}.segment-check{display:flex;align-items:center;gap:.5rem;margin:.5rem 0;font-size:.95rem;cursor:pointer}.segment-check input{accent-color:var(--rose)}.segment-loader-preview{margin:.15rem 0 .75rem 1.6rem;font-size:.8rem;color:var(--rose);font-family:ui-monospace,DM Sans,monospace}.segment-options-desc{margin:.15rem 0 0 1.6rem;font-size:.78rem;color:var(--cream-muted)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8rem;color:var(--cream-muted);margin-bottom:.4rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--cream);font-family:var(--font-body);font-size:.95rem}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--rose)}.scene-pills{display:flex;flex-wrap:wrap;gap:.5rem}.scene-pill{padding:.5rem 1rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--cream-muted);cursor:pointer;font-size:.9rem;transition:all .2s}.scene-pill.active{background:hsla(10,63%,75%,.15);border-color:var(--rose);color:var(--cream)}.wizard-panel{display:none}.wizard-panel.active{display:block;animation:panelIn .4s ease}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wizard-nav{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.slug-field{display:flex;align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.slug-field input{flex:1;border:none;background:transparent;padding:.75rem 1rem;color:var(--cream);font-family:ui-monospace,monospace}.slug-suffix{padding:.75rem 1rem;color:var(--cream-muted);font-size:.9rem;background:rgba(0,0,0,.2)}.publish-result{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-top:1rem}.publish-result .url-primary{font-family:ui-monospace,monospace;color:var(--rose);font-size:.95rem;word-break:break-all}.publish-result .url-fallback{font-size:.8rem;color:var(--cream-muted);margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border)}.letter-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at 50% 0,#3d2228 0,var(--bg-deep) 55%)}.letter-shell{width:100%;max-width:var(--letter-width);text-align:center}.letter-skip{position:fixed;top:1rem;right:1rem;z-index:10;font-size:.8rem;color:var(--cream-muted);background:rgba(0,0,0,.3);padding:.4rem .8rem;border-radius:999px;border:none;cursor:pointer;font-family:var(--font-body)}.letter-skip:hover{color:var(--cream)}.letter-intro{margin-bottom:2rem}.letter-intro .to-name{font-family:var(--font-display);font-size:2.5rem;font-weight:500;font-style:italic;color:var(--rose);min-height:1.2em}.letter-intro .cursor{display:inline-block;width:2px;height:.9em;background:var(--rose);animation:blink 1s step-end infinite;vertical-align:text-bottom;margin-left:2px}@keyframes blink{50%{opacity:0}}.letter-photo{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius);margin:1.5rem 0;opacity:0;transform:scale(.96);transition:opacity .8s,transform .8s}.letter-photo.visible{opacity:1;transform:scale(1)}.letter-body{text-align:left;font-family:var(--font-display);font-size:1.05rem;line-height:1.85;color:var(--cream-muted)}.letter-body p{margin:0 0 1rem;opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s}.letter-body p.visible{opacity:1;transform:translateY(0)}.letter-sign{margin-top:2rem;font-style:italic;color:var(--rose);opacity:0;transition:opacity .6s .3s}.letter-sign.visible{opacity:1}.letter-music{margin-top:2rem}.letter-music button{background:hsla(0,0%,100%,.08);border:1px solid var(--border);color:var(--cream-muted);padding:.6rem 1.2rem;border-radius:999px;cursor:pointer;font-size:.85rem;font-family:var(--font-body)}.letter-music button:hover{color:var(--cream);border-color:var(--rose)}.letter-watermark{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);font-size:.7rem;color:hsla(0,0%,100%,.25)}.letter-watermark a{color:hsla(0,0%,100%,.35)}#previewFrame{width:100%;height:640px;border:none;background:var(--bg-deep)}.demo-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;background:rgba(26,15,18,.95);border-top:1px solid var(--border);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.85rem;color:var(--cream-muted)}.demo-bar a{padding:.35rem .85rem;border-radius:999px;background:var(--bg-elevated)}.demo-bar a.active{background:var(--coral);color:#fff}.hidden{display:none!important}.section-hint{color:var(--cream-muted);margin:-1.5rem 0 2rem;font-size:.95rem}.category-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.pick-all-groups{display:grid;gap:1.5rem}.pick-all-nav{display:flex;flex-wrap:wrap;gap:.5rem;position:sticky;top:5.25rem;z-index:20;background:color-mix(in srgb,var(--bg-deep) 78%,transparent);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.06);border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:.6rem}.pick-all-nav__item{border:1px solid var(--border);background:var(--bg-card);color:var(--cream-muted);border-radius:999px;padding:.35rem .8rem;font-size:.78rem;cursor:pointer}.pick-all-nav__item:hover{color:var(--cream);border-color:hsla(10,63%,75%,.4)}.pick-all-group-block{display:grid;gap:.85rem;scroll-margin-top:5rem}.pick-all-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.pick-all-group-head h3{margin:0;font-size:1rem}.pick-all-group-head span{font-size:.78rem;color:var(--cream-muted)}.category-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s,border-color .25s,box-shadow .25s}.category-card:hover{transform:translateY(-4px);border-color:hsla(10,63%,75%,.35);box-shadow:0 16px 48px rgba(0,0,0,.35)}.category-card-visual{position:relative;aspect-ratio:16/9;overflow:hidden}.category-card-visual .bg{position:absolute;inset:0}.category-card[data-theme=birthday] .bg{background:linear-gradient(135deg,#4a2835,#1a1018)}.category-card[data-theme=love520] .bg,.category-card[data-theme=valentine] .bg{background:linear-gradient(135deg,#4a2035,#281018)}.category-card[data-theme=confess] .bg{background:linear-gradient(135deg,#4a2c35,#1a0f12)}.category-card[data-theme=propose] .bg{background:linear-gradient(135deg,#2c2848,#1a1528)}.category-card[data-theme=anniversary] .bg{background:linear-gradient(135deg,#3d3520,#1a1810)}.category-card[data-theme=newyear] .bg,.category-card[data-theme=spring] .bg{background:linear-gradient(135deg,#4a3020,#281810)}.category-card[data-theme=dragonboat] .bg{background:linear-gradient(135deg,#1e3d32,#0f2018)}.category-card[data-theme=midautumn] .bg,.category-card[data-theme=qixi] .bg{background:linear-gradient(135deg,#2a2848,#141020)}.category-card[data-theme=timeline] .bg{background:linear-gradient(135deg,#283548,#101820)}.category-card[data-theme=cutepet] .bg{background:linear-gradient(135deg,#ffe8f0,#e8f4ff 50%,#f0e8ff)}.category-card[data-theme=cutepet] .category-card-label{color:#6a4a58}.category-card[data-theme=cutepet] .category-card-desc,.category-card[data-theme=cutepet] .category-card-meta{color:#7a6570}.category-card-label{position:absolute;bottom:1rem;left:1rem;font-family:var(--font-display);font-size:1.5rem;font-style:italic}.category-card-body{padding:1rem 1.15rem 1.25rem}.category-card-desc{margin:0 0 .5rem;font-size:.88rem;color:var(--cream-muted)}.category-card-meta{margin:.5rem 0 0;font-size:.72rem;font-family:ui-monospace,monospace;color:var(--cream-muted);opacity:.85}.category-card-cta{display:inline-block;margin-top:.75rem;font-size:.85rem;color:var(--rose)}.category-page{max-width:1200px;margin:0 auto;padding:6rem 2.5rem 5rem}.category-page-header{margin-bottom:2.5rem}.category-page-header h1{font-family:var(--font-display);font-size:2.5rem;font-weight:500;margin:.25rem 0 .75rem}.category-page-desc{color:var(--cream-muted);margin:0 0 .5rem}.category-page-slug{font-family:ui-monospace,monospace;font-size:.8rem;color:var(--gold);margin:0}.category-page-subtitle{font-family:var(--font-display);font-size:1.25rem;font-weight:500;margin:0 0 1.5rem}.effect-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.effect-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.effect-preview{position:relative;aspect-ratio:4/3;background:#120a0c;overflow:hidden}.effect-preview.is-live{background:#0a0608}.effect-preview-iframe{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:none;pointer-events:none;background:#0a0608}.effect-preview-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center}.effect-preview-title{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--rose)}.effect-preview-tagline{font-size:.75rem;color:var(--cream-muted);margin-top:.35rem}.effect-preview-hint{display:block;margin-top:.5rem;font-size:.62rem;color:hsla(0,0%,100%,.28);letter-spacing:.04em}.effect-preview-placeholder{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;background:radial-gradient(ellipse at 50% 30%,rgba(255,143,171,.08),transparent 55%)}.effect-preview.is-live .effect-preview-placeholder{display:none}.effect-preview-placeholder__icon{font-size:1.75rem;opacity:.55;margin-bottom:.35rem}.effect-card--missing .effect-preview{border:1px dashed rgba(255,143,171,.35)}.effect-card-missing-hint{margin:.35rem 0 0;font-size:.72rem;color:var(--rose);opacity:.85}.effect-preview-play{position:absolute;bottom:.75rem;right:.75rem;z-index:3;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:rgba(0,0,0,.55);color:var(--cream);font-size:.75rem;cursor:pointer;opacity:0;transition:opacity .2s;backdrop-filter:blur(4px)}.effect-card.is-selected .effect-preview-play,.effect-card:hover .effect-preview-play,.effect-preview.is-live .effect-preview-play{opacity:1}.effect-card-body{padding:1rem 1.15rem 1.15rem;flex:1;display:flex;flex-direction:column}.effect-card-body h3{margin:0 0 .35rem;font-size:1rem}.effect-card-body p{margin:0;font-size:.85rem;color:var(--cream-muted);flex:1}.effect-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.btn-sm{padding:.45rem .85rem;font-size:.8rem}.preview-modal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:2rem}.preview-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75)}.preview-modal-panel{position:relative;width:min(420px,100%);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.preview-modal-panel--device{width:min(720px,calc(100vw - 2rem));max-height:calc(100vh - 3rem);overflow:hidden;padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column}.preview-viewport--modal{width:100%;flex:1;min-height:0;overflow:hidden;justify-content:flex-start}.preview-viewport--modal .device-frame--desktop .device-frame-shell{width:min(600px,100%)}.preview-viewport--modal .device-frame--mobile .device-frame-shell{width:min(280px,88vw)}.preview-modal-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;color:var(--cream-muted);font-size:1.5rem;cursor:pointer;line-height:1}.preview-modal-title{margin:0 0 .75rem;font-size:.9rem;color:var(--cream-muted)}.preview-modal-frame{border-radius:var(--radius-sm);overflow:hidden;background:#0d0809}.preview-modal-frame iframe{width:100%;height:560px;border:none}.preview-modal-panel--device .preview-modal-frame{display:none}.toast{position:fixed;bottom:4rem;left:50%;transform:translateX(-50%);z-index:400;background:var(--bg-elevated);border:1px solid var(--border);padding:.65rem 1.25rem;border-radius:999px;font-size:.88rem;box-shadow:var(--shadow)}.selected-template-bar{background:hsla(10,63%,75%,.08);border:1px solid hsla(10,63%,75%,.25);border-radius:var(--radius-sm);padding:.85rem 1rem;margin-bottom:1.25rem}.selected-label{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cream-muted)}.selected-name{margin:.25rem 0 0;font-family:var(--font-display);font-size:1.15rem;color:var(--rose)}.selected-meta{margin:.35rem 0 0;font-size:.78rem;color:var(--cream-muted)}.pick-search{margin:1rem 0 1.25rem}.pick-search__input{width:100%;max-width:28rem;padding:.65rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--cream)}.create-scene-picker{margin:0 0 1.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem}.create-scene-picker legend{font-size:.85rem;color:var(--cream-muted);padding:0 .35rem}.create-scene-options{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.create-scene-option{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer}.create-scene-option:has(input:checked){border-color:hsla(10,63%,75%,.45);background:hsla(10,63%,75%,.08)}.create-scene-option__label{flex:1;font-weight:500}.create-scene-option__kw{font-size:.75rem;color:var(--cream-muted);font-family:ui-monospace,monospace}.create-scene-picker__hint{margin:.5rem 0 0;font-size:.85rem;color:var(--cream-muted)}.create-scene-picker__hint--warn{color:var(--rose)}body.is-embed-preview,html.is-embed-preview,html.is-embed-preview body{width:100%;height:100%;margin:0;min-height:0!important;overflow:hidden!important;overscroll-behavior:none;scrollbar-width:none}html.is-embed-preview body::-webkit-scrollbar{display:none;width:0;height:0}html.is-embed-preview .player-page{position:fixed;inset:0;width:auto;height:auto;min-height:0!important;overflow:hidden}html.is-embed-preview .player-stage{position:absolute;inset:0}html.is-embed-preview .player-frame{position:absolute;inset:0;width:100%;height:100%;background:transparent}html.is-embed-preview .loader-content,html.is-embed-preview .loader-segment-page{min-height:0!important;height:100%}html.is-embed-preview .loader-segment-page{position:fixed;inset:0;width:auto;height:auto;overflow:hidden}html.is-embed-preview .loader-content{padding:1.25rem 1rem}html.is-embed-preview .effect-core{position:absolute;inset:0;min-height:0;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}html.is-embed-preview .effect-hint{position:absolute;bottom:.5rem;left:0;right:0;margin:0;font-size:.7rem;opacity:.45}html.is-embed-preview .segment-letter-page{position:fixed;inset:0;min-height:0!important;height:auto;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:1rem .85rem;box-sizing:border-box}html.is-embed-preview .segment-letter-shell{width:100%;max-width:360px;max-height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center}html.is-embed-preview .segment-letter-to{font-size:clamp(1.15rem,5vw,1.45rem);margin-bottom:.75rem}html.is-embed-preview .segment-letter-body{font-size:clamp(.78rem,3.2vw,.92rem);line-height:1.55;overflow:hidden}html.is-embed-preview .segment-letter-brand,html.is-embed-preview .segment-letter-sign,html.is-embed-preview .segment-letter-tap{margin-top:.85rem}