:root{color:#231f28;background:#fff8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}.app-shell{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);min-height:100vh}.control-panel{display:flex;flex-direction:column;gap:18px;overflow:auto;max-height:100vh;padding:28px;background:#fff;border-right:1px solid #f0dce5}.brand span{display:block;color:#9b4964;font-size:12px;font-weight:800;text-transform:uppercase}.brand h1{margin:6px 0 0;font-size:28px;line-height:1.15}label,.field-group{display:flex;flex-direction:column;gap:8px;color:#5e3444;font-size:14px;font-weight:700}input,textarea,select{width:100%;border:1px solid #ead3dd;border-radius:8px;padding:11px 12px;color:#2c2028;background:#fffafd;outline:none}input:focus,textarea:focus,select:focus{border-color:#ff5f97;box-shadow:0 0 0 3px #ff5f9729}textarea{min-height:112px;resize:vertical;line-height:1.6}small{color:#9b7584;text-align:right}.theme-grid,.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-grid button,.style-grid button{display:flex;min-height:86px;flex-direction:column;justify-content:center;gap:6px;border:1px solid #efd8e1;border-radius:8px;padding:12px;color:#382632;background:#fff8fb;text-align:left}.theme-grid button.selected,.style-grid button.selected{border-color:#ff4f8b;background:#fff0f6}.theme-grid span,.style-grid span{color:#8f6878;font-size:12px;font-weight:500;line-height:1.35}.style-grid{grid-template-columns:1fr}.style-grid button{min-height:70px}.color-row,.toggle-row,.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toggle-row label{flex-direction:row;align-items:center;border:1px solid #efd8e1;border-radius:8px;padding:10px 12px;background:#fff8fb}.toggle-row input{width:auto}.actions{grid-template-columns:1fr 1fr 1fr}.actions button{min-height:42px;border-radius:8px;padding:10px 12px;color:#5a3040;background:#f6e7ee;font-weight:800}.actions .primary{color:#fff;background:#ee3f7f}.share-meter{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e8c8d5;border-radius:8px;padding:10px 12px;color:#6c4a58;background:#fff;font-size:12px}.share-meter strong{font-size:12px}.share-meter-ok strong{color:#197a52}.share-meter-warn{border-color:#f1c36d;background:#fffaf0}.share-meter-warn strong{color:#9a6114}.share-meter-danger{border-color:#ee9ba9;background:#fff3f5}.share-meter-danger strong{color:#b4233d}.copy-hint{margin:-2px 0 0;border-radius:8px;padding:9px 10px;font-size:12px;font-weight:700;line-height:1.4}.copy-hint-ok{color:#197a52;background:#eefbf5}.copy-hint-manual{color:#9a6114;background:#fff7e6}.share-output{overflow-wrap:anywhere;border:1px dashed #e8c8d5;border-radius:8px;padding:10px;color:#7b5867;background:#fff8fb;font-size:12px;line-height:1.45}.preview-panel{display:grid;min-height:100vh;place-items:center;padding:28px;background:linear-gradient(135deg,#ffedf6e0,#f1fbffeb),#fff8fb}.preview-frame,.view-frame{position:relative;overflow:hidden;width:min(100%,920px);aspect-ratio:16 / 10;border-radius:8px;box-shadow:0 22px 80px #4a23352e}.preview-iframe{display:block;width:100%;height:100%;border:0;background:#101017}.view-frame{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;box-shadow:none}.share-view{position:relative;min-height:100vh;background:#101017}.music-chip{position:absolute;right:18px;top:18px;z-index:4;display:grid;width:40px;height:40px;place-items:center;border-radius:999px;color:#fff;background:#00000059;font-size:22px}.stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:420px;overflow:hidden;padding:clamp(28px,7vw,80px);color:#fff;isolation:isolate}.theme-heart-rain{background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--primary),transparent 10%),transparent 24%),radial-gradient(circle at 85% 18%,color-mix(in srgb,var(--secondary),transparent 18%),transparent 18%),radial-gradient(circle at 72% 82%,rgba(255,255,255,.22),transparent 20%),linear-gradient(135deg,#180514,#541738 44%,#f36c9b)}.theme-star-night{background:radial-gradient(circle at 20% 22%,rgba(255,255,255,.3),transparent 11%),radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--primary),transparent 30%),transparent 18%),linear-gradient(150deg,#03060f,#102945 50%,#4b4fa8)}.theme-letter{color:#3e241d;background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.9),transparent 24%),linear-gradient(110deg,rgba(139,94,52,.08) 0 18%,transparent 18% 100%),linear-gradient(135deg,#fff8ea,#ead1ab)}.theme-neon{background:radial-gradient(circle at 18% 80%,color-mix(in srgb,var(--primary),transparent 26%),transparent 20%),radial-gradient(circle at 78% 24%,color-mix(in srgb,var(--secondary),transparent 24%),transparent 18%),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px) 0 0 / 44px 44px,linear-gradient(180deg,#06020d,#1a0820 54%,#061c2c)}.theme-fireworks{background:radial-gradient(circle at 30% 22%,color-mix(in srgb,var(--secondary),transparent 45%),transparent 16%),radial-gradient(circle at 78% 35%,color-mix(in srgb,var(--primary),transparent 48%),transparent 18%),linear-gradient(150deg,#090513,#281444 55%,#681b46)}.theme-album{background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.36),transparent 18%),linear-gradient(135deg,rgba(255,255,255,.22),transparent 42%),linear-gradient(145deg,#0b2443,#3465b8 48%,#f6b62d)}.stage:before,.stage:after{position:absolute;content:"";pointer-events:none}.stage:before{top:5%;right:5%;bottom:5%;left:5%;z-index:0;border:1px solid rgba(255,255,255,.18);border-radius:22px}.stage:after{top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(120deg,transparent 0 38%,rgba(255,255,255,.14) 45%,transparent 52%),radial-gradient(circle at 50% 120%,rgba(0,0,0,.32),transparent 45%);mix-blend-mode:screen;animation:sheen 8s ease-in-out infinite}.stage-noise{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.16;background-image:linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:overlay}.stage-label{position:absolute;left:clamp(18px,5vw,56px);top:clamp(18px,5vw,52px);z-index:2;color:#ffffff8a;font-size:clamp(11px,1.35vw,16px);font-weight:900;letter-spacing:.18em;text-transform:uppercase}.theme-letter .stage-label{color:#53312073}.message{position:relative;z-index:3;width:min(92%,760px);padding:clamp(24px,5vw,56px);border:1px solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(135deg,#ffffff2e,#ffffff0f),#ffffff0f;box-shadow:0 24px 80px #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;text-shadow:0 3px 18px rgba(0,0,0,.22)}.theme-letter .message{border-color:#8b5e3438;background:#fffbefc7;box-shadow:0 28px 70px #583a2033;text-shadow:none}.kicker{margin:0 0 12px;color:#ffffffad;font-size:clamp(11px,1.4vw,14px);font-weight:900;letter-spacing:.18em;text-transform:uppercase}.theme-letter .kicker{color:#53312075}.dear,.from{margin:0;color:var(--secondary);font-size:clamp(16px,2.2vw,24px);font-weight:900}.from{margin-top:28px}.message-lines{margin:clamp(18px,4vw,34px) auto 0}.message-lines p{margin:0 auto 12px;color:inherit;font-size:clamp(28px,5.5vw,68px);font-weight:900;line-height:1.08;overflow-wrap:anywhere}.theme-letter .message-lines p{color:#573526}.particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.particles span{position:absolute;left:var(--x);bottom:-12%;color:var(--secondary);font-size:var(--size);opacity:.5;animation:floatUp var(--dur) linear infinite;animation-delay:var(--delay);filter:blur(.2px)}.particles-heart span{color:var(--primary)}.particles-star span,.particles-spark span{color:var(--secondary)}.animation-hearts .message-lines p,.animation-pulse .message-lines p{animation:pulseText var(--speed) ease-in-out infinite}.animation-typewriter .message-lines p{display:inline-block;width:max-content;max-width:100%;overflow:hidden;white-space:nowrap;vertical-align:bottom;border-right:.08em solid currentColor;animation:typeIn 2.6s steps(22,end) both,caretBlink .9s steps(1,end) infinite}.animation-typewriter .message-lines p:not(:first-child){animation-delay:calc(var(--line) * .3s)}.animation-fireworks .message-lines p{color:var(--secondary);text-shadow:0 0 20px color-mix(in srgb,var(--secondary),transparent 20%)}.animation-twinkle .message-lines p{animation:twinkle 2.6s ease-in-out infinite}.animation-reveal .message-lines p{animation:revealLine .7s ease both;animation-delay:calc(var(--line) * .16s)}.moon{position:absolute;right:13%;top:12%;width:clamp(54px,8vw,100px);aspect-ratio:1;border-radius:50%;background:#f8f1bd;box-shadow:0 0 45px #f8f1bdb3}.shooting-star{position:absolute;left:12%;top:24%;width:160px;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);transform:rotate(-22deg);animation:shooting 3.8s ease-in-out infinite}.paper-lines{position:absolute;top:10%;right:10%;bottom:10%;left:10%;z-index:1;border:1px solid rgba(139,94,52,.2);border-radius:24px;background:linear-gradient(rgba(139,94,52,.16) 1px,transparent 1px) 0 0 / 100% 44px}.burst{position:absolute;width:160px;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 10deg,var(--secondary) 0 8deg,transparent 8deg 18deg);mask:radial-gradient(circle,transparent 0 44%,#000 45% 48%,transparent 49%);opacity:.62;animation:burst 2.4s ease-out infinite}.burst-one{left:10%;top:12%}.burst-two{right:12%;bottom:13%;animation-delay:.8s}.photo-grid{position:absolute;top:8%;right:8%;bottom:8%;left:8%;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;opacity:.34;transform:rotate(-4deg)}.photo-grid i{border:8px solid rgba(255,255,255,.72);border-radius:6px;background:linear-gradient(135deg,#ffffffb3,#ffbe0b73);box-shadow:0 14px 34px #0000002e}.halo{position:absolute;z-index:1;width:min(58vw,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 34%),conic-gradient(from 90deg,var(--primary),transparent,var(--secondary),transparent,var(--primary));filter:blur(18px);opacity:.72;animation:slowRotate 16s linear infinite}.glass-ring{position:absolute;z-index:1;width:min(65vw,620px);aspect-ratio:1;border:1px solid rgba(255,255,255,.22);border-radius:50%;transform:rotate(-18deg) scaleY(.58)}.orbit{position:absolute;z-index:1;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:slowRotate 20s linear infinite}.orbit-one{width:min(72vw,680px);aspect-ratio:1;transform:rotate(12deg) scaleY(.38)}.orbit-two{width:min(52vw,480px);aspect-ratio:1;animation-direction:reverse;transform:rotate(-28deg) scaleY(.46)}.wax-seal{position:absolute;right:14%;bottom:16%;z-index:2;width:clamp(58px,9vw,96px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.28),transparent 18%),linear-gradient(135deg,#b42546,#731b31);box-shadow:0 18px 28px #521e1838}.scan-line{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,transparent,rgba(255,255,255,.18),transparent);animation:scan 4.2s ease-in-out infinite}.neon-frame{position:absolute;top:9%;right:9%;bottom:9%;left:9%;z-index:1;border:2px solid color-mix(in srgb,var(--primary),transparent 20%);border-radius:24px;box-shadow:0 0 24px color-mix(in srgb,var(--primary),transparent 34%),inset 0 0 22px color-mix(in srgb,var(--secondary),transparent 55%)}.light-beam{position:absolute;left:50%;top:-20%;z-index:1;width:32%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-50%) rotate(18deg);filter:blur(12px);animation:beamMove 7s ease-in-out infinite}@keyframes floatUp{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-125vh) rotate(220deg)}}@keyframes pulseText{50%{transform:scale(1.035)}}@keyframes typeIn{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes caretBlink{50%{border-right-color:transparent}}@keyframes twinkle{50%{opacity:.64;filter:brightness(1.35)}}@keyframes revealLine{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shooting{50%{transform:translate(130px,50px) rotate(-22deg);opacity:.3}}@keyframes burst{50%{transform:scale(1.18);opacity:.92}}@keyframes sheen{50%{transform:translate(8%);opacity:.72}}@keyframes slowRotate{to{rotate:1turn}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes beamMove{50%{transform:translate(-35%) rotate(26deg);opacity:.45}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.control-panel{max-height:none;border-right:0;border-bottom:1px solid #f0dce5}.preview-panel{min-height:auto;padding:18px}.preview-frame{aspect-ratio:10 / 14}}@media(max-width:560px){.control-panel{padding:20px}.theme-grid,.actions{grid-template-columns:1fr}.color-row,.toggle-row{grid-template-columns:1fr 1fr}.stage{min-height:560px;padding:22px}.animation-typewriter .message-lines p{display:block;white-space:normal;border-right:0;animation:revealLine .5s ease both}}.scene-newyear,.scene-birthday,.scene-love,.scene-mothers-day,.scene-fathers-day,.scene-graduation,.scene-anniversary,.scene-christmas,.scene-blessing{--stage-ink: #ffffff;--soft-panel: rgba(255, 255, 255, .12);--panel-border: rgba(255, 255, 255, .2);background:radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--primary),transparent 18%),transparent 24%),radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--secondary),transparent 12%),transparent 19%),radial-gradient(circle at 60% 115%,rgba(255,255,255,.16),transparent 32%),linear-gradient(135deg,#111827,color-mix(in srgb,var(--primary),#111827 70%));color:var(--stage-ink)}.scene-newyear{background:radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--secondary),transparent 18%),transparent 18%),radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--primary),transparent 28%),transparent 20%),linear-gradient(135deg,#29040a,#8f1027 52%,#e85036)}.scene-birthday{background:radial-gradient(circle at 24% 20%,rgba(255,255,255,.32),transparent 17%),radial-gradient(circle at 74% 18%,color-mix(in srgb,var(--secondary),transparent 18%),transparent 20%),linear-gradient(135deg,#271343,#a855f7 48%,#f59e0b)}.scene-love{background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--primary),transparent 8%),transparent 24%),radial-gradient(circle at 85% 18%,color-mix(in srgb,var(--secondary),transparent 18%),transparent 18%),linear-gradient(135deg,#180514,#541738 44%,#f36c9b)}.scene-mothers-day{--stage-ink: #4a2630;--soft-panel: rgba(255, 255, 255, .62);--panel-border: rgba(255, 255, 255, .72);background:radial-gradient(circle at 14% 22%,rgba(255,255,255,.74),transparent 26%),radial-gradient(circle at 78% 16%,color-mix(in srgb,var(--primary),transparent 55%),transparent 20%),linear-gradient(135deg,#fff7ed,#fbcfe8 52%,#fde68a)}.scene-fathers-day{background:radial-gradient(circle at 20% 18%,color-mix(in srgb,var(--secondary),transparent 62%),transparent 18%),linear-gradient(135deg,#020617,#0f2a4a 50%,#6b4e2e)}.scene-graduation{background:radial-gradient(circle at 25% 18%,color-mix(in srgb,var(--secondary),transparent 35%),transparent 18%),linear-gradient(145deg,#07111f,#164e63 50%,#4f46e5)}.scene-anniversary{background:radial-gradient(circle at 24% 22%,color-mix(in srgb,var(--primary),transparent 32%),transparent 17%),radial-gradient(circle at 78% 24%,color-mix(in srgb,var(--secondary),transparent 32%),transparent 19%),linear-gradient(145deg,#12051f,#44206f 54%,#be185d)}.scene-christmas{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.28),transparent 18%),radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--secondary),transparent 22%),transparent 18%),linear-gradient(135deg,#052e2b,#14532d 54%,#991b1b)}.scene-blessing{background:radial-gradient(circle at 20% 18%,color-mix(in srgb,var(--secondary),transparent 28%),transparent 19%),radial-gradient(circle at 80% 18%,color-mix(in srgb,var(--primary),transparent 34%),transparent 18%),linear-gradient(135deg,#0f172a,#334155 50%,#6d28d9)}.style-black-gold,.style-party-night,.style-cinema,.style-ticket,.style-city-night,.style-snow-night{--soft-panel: rgba(10, 10, 18, .42);--panel-border: rgba(255, 255, 255, .18)}.style-soft-letter,.style-handwritten,.style-minimal-card,.style-minimal-season,.style-premium-card,.style-floral-white,.style-yearbook{--stage-ink: #35251f;--soft-panel: rgba(255, 255, 255, .72);--panel-border: rgba(255, 255, 255, .82)}.style-firework-city .decor-a,.style-spark-night .decor-a,.style-galaxy .decor-a{background:repeating-conic-gradient(from 8deg,var(--secondary) 0 7deg,transparent 7deg 18deg);mask:radial-gradient(circle,transparent 0 42%,#000 43% 48%,transparent 49%)}.style-paper-cut .stage:before,.style-lucky-envelope .stage:before,.style-gift-box .stage:before{border-radius:10px;border-width:2px;border-color:color-mix(in srgb,var(--secondary),transparent 45%)}.style-leather{background:linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25% 50%,rgba(0,0,0,.08) 50% 75%,transparent 75%) 0 0 / 28px 28px,linear-gradient(135deg,#2b1609,#5f3718 54%,#a16207)}.style-aurora{background:linear-gradient(115deg,transparent 10%,rgba(45,212,191,.34),transparent 42%),linear-gradient(245deg,transparent 12%,rgba(192,132,252,.3),transparent 48%),linear-gradient(135deg,#020617,#0f172a)}.style-winter-window .stage:before,.style-cake-cover .stage:before,.style-magazine .stage:before{top:4%;right:4%;bottom:4%;left:4%;border-radius:28px}.message{background:var(--soft-panel);border-color:var(--panel-border);color:var(--stage-ink)}.message .dear,.message .from{color:var(--secondary)}.kicker,.theme-signature{color:color-mix(in srgb,var(--stage-ink),transparent 35%)}.theme-signature{margin:18px 0 0;font-size:clamp(10px,1vw,12px);font-weight:900;letter-spacing:.14em;text-transform:uppercase}.message-long{width:min(94%,820px);text-align:left}.message-long .message-lines p{font-size:clamp(18px,2.2vw,30px);font-weight:750;line-height:1.65}.message-long .dear,.message-long .from,.message-long .kicker,.message-long .theme-signature{text-align:center}.decor,.theme-prop{position:absolute;z-index:1;pointer-events:none}.decor-a{left:10%;top:12%;width:min(28vw,260px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.32),transparent 35%),conic-gradient(from 90deg,var(--primary),transparent,var(--secondary),transparent,var(--primary));filter:blur(12px);opacity:.72;animation:slowRotate 18s linear infinite}.decor-b{right:8%;bottom:12%;width:min(34vw,340px);height:min(20vw,190px);border:1px solid color-mix(in srgb,var(--secondary),transparent 62%);border-radius:999px;transform:rotate(-16deg)}.decor-c{left:8%;bottom:10%;width:min(22vw,220px);height:2px;background:linear-gradient(90deg,transparent,var(--secondary),transparent);animation:shooting 5.5s ease-in-out infinite}.theme-prop{opacity:.38}.prop-one{right:12%;top:12%;width:min(12vw,120px);aspect-ratio:1;border:1px solid currentColor;border-radius:18px;transform:rotate(12deg)}.prop-two{left:13%;top:64%;width:min(9vw,90px);aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--secondary),transparent 62%)}.theme-modern-newyear .prop-one,.theme-spring-festival .prop-one,.theme-christmas .prop-one,.theme-anniversary .prop-one{border-radius:12px;box-shadow:inset 0 0 0 10px color-mix(in srgb,var(--secondary),transparent 82%)}.theme-birthday-glow .prop-one,.theme-birthday-wish .prop-one{border-radius:50% 50% 48% 52%;transform:rotate(-8deg)}.theme-mothers-day .prop-one{border-radius:60% 40% 55% 45%;background:color-mix(in srgb,var(--primary),transparent 68%)}.theme-fathers-day .prop-one{border-radius:4px;transform:rotate(0) skew(-8deg)}.theme-graduation .prop-one{border-radius:4px;transform:rotate(45deg)}.animation-typewriter .message-lines p{display:block;width:auto;max-width:none;overflow:visible;white-space:normal;border-right:0;animation:none}.typewriter-text{white-space:normal}.tw-char{opacity:0;animation:typeReveal .26s ease forwards;animation-delay:calc(var(--char) * 22ms)}.message-long.animation-typewriter .tw-char{opacity:1;animation:none}.message-long.animation-typewriter .message-lines p{animation:revealLine .5s ease both;animation-delay:calc(var(--line) * .12s)}@keyframes typeReveal{to{opacity:1}}@media(max-width:900px){.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage{min-height:680px;padding:24px}.message{width:min(94%,560px);padding:28px 22px;border-radius:20px}.message-lines p{font-size:clamp(24px,9vw,42px);line-height:1.16}.message-long .message-lines p{font-size:clamp(17px,4.5vw,24px);line-height:1.62}.stage-label{max-width:78vw}.decor-a{width:58vw;opacity:.5}.decor-b{width:70vw;height:42vw}.prop-one,.prop-two{opacity:.22}.particles span{opacity:.34}}@media(max-width:560px){.style-grid{grid-template-columns:1fr}.preview-frame{aspect-ratio:9 / 16}.stage{min-height:620px;padding:18px}.message{width:100%;max-height:86%;overflow:auto}.message-lines p{font-size:clamp(24px,8vw,34px)}.message-long .message-lines p{font-size:17px}.tw-char{opacity:1;animation:none}}.stage{--motif-strong: color-mix(in srgb, var(--primary), #000 6%);--motif-soft: color-mix(in srgb, var(--secondary), transparent 28%)}.stage.layout-poster{justify-content:center}.stage.layout-gift{justify-content:flex-end;padding-right:clamp(32px,9vw,110px)}.stage.layout-letter,.stage.layout-album,.stage.layout-ticket{justify-content:flex-start;padding-left:clamp(32px,8vw,100px)}.stage.layout-window,.stage.layout-minimal{justify-content:center}.message.layout-gift{width:min(58%,620px);text-align:left}.message.layout-letter{width:min(58%,650px);border-radius:12px;text-align:left}.message.layout-ticket{width:min(62%,700px);border-radius:6px;text-align:left}.message.layout-album{width:min(58%,620px);border-radius:10px;transform:rotate(-1deg)}.message.layout-window{width:min(64%,700px);margin-top:clamp(40px,8vw,88px)}.message.layout-minimal{width:min(72%,740px);border-radius:28px}.message-long{transform:none}.message-long.message{width:min(94%,820px);text-align:left}.motif-layer,.motif-layer *{box-sizing:border-box}.motif-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.red-envelope-motif .envelope-card{position:absolute;left:clamp(28px,9vw,130px);top:50%;width:min(34vw,340px);aspect-ratio:.72;border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.18),transparent 30%),linear-gradient(180deg,#ff485f,#9d0208);box-shadow:0 28px 80px #50001459,inset 0 0 0 2px #ffffff29;transform:translateY(-46%) rotate(-7deg);animation:envelopeBreath 5s ease-in-out infinite}.red-envelope-motif .envelope-card:before,.red-envelope-motif .envelope-card:after{position:absolute;content:""}.red-envelope-motif .envelope-card:before{top:14%;right:14%;bottom:14%;left:14%;border:2px solid rgba(255,213,99,.58);border-radius:14px}.red-envelope-motif .envelope-card:after{left:50%;top:34%;width:34%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff5b4eb,#edaa30d1);box-shadow:0 0 38px #ffd663a6;transform:translate(-50%)}.red-envelope-motif .envelope-card span{position:absolute;left:50%;bottom:19%;width:58%;height:2px;background:#ffdc7894;transform:translate(-50%)}.red-envelope-motif .envelope-card span+span{bottom:15%;width:42%}.foil{position:absolute;top:-12%;width:14px;height:28px;border-radius:3px;background:linear-gradient(135deg,#fff3bf,var(--secondary));opacity:.82;transform:rotate(18deg);animation:foilFall 6s linear infinite}.foil-one{left:18%}.foil-two{left:54%;animation-delay:-2.2s}.foil-three{left:78%;animation-delay:-4.1s}.cake-motif .cake-plate{position:absolute;left:clamp(24px,8vw,120px);bottom:15%;width:min(34vw,360px);height:30px;border-radius:999px;background:#ffffff73;filter:blur(.2px)}.cake-body{position:absolute;left:clamp(36px,9vw,150px);bottom:18%;width:min(28vw,290px);height:min(20vw,180px);border-radius:28px 28px 18px 18px;background:linear-gradient(90deg,transparent 18%,rgba(255,255,255,.55) 18% 22%,transparent 22% 48%,rgba(255,255,255,.5) 48% 52%,transparent 52% 78%,rgba(255,255,255,.45) 78% 82%,transparent 82%),linear-gradient(180deg,color-mix(in srgb,var(--secondary),#fff 18%),color-mix(in srgb,var(--primary),#fff 18%));box-shadow:0 30px 70px #3c192838;animation:cakeFloat 4.8s ease-in-out infinite}.cake-body i{position:absolute;top:18%;width:18px;height:18px;border-radius:50%;background:#ffffffc7}.cake-body i:nth-child(1){left:22%}.cake-body i:nth-child(2){left:48%}.cake-body i:nth-child(3){left:74%}.candle{position:absolute;left:clamp(160px,22vw,290px);bottom:calc(18% + min(20vw,180px));width:18px;height:74px;border-radius:8px;background:repeating-linear-gradient(45deg,#fff 0 8px,var(--primary) 8px 16px)}.candle span{position:absolute;left:50%;top:-30px;width:24px;height:34px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 70%,#fff7ad 0 22%,#f97316 58%,transparent 62%);filter:drop-shadow(0 0 18px rgba(255,198,77,.82));transform:translate(-50%);animation:candleFlicker .78s ease-in-out infinite}.balloon{position:absolute;width:74px;aspect-ratio:.78;border-radius:50% 50% 48% 48%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.65),transparent 18%),var(--primary);opacity:.7;animation:balloonFloat 5.6s ease-in-out infinite}.balloon:after{position:absolute;left:50%;top:100%;width:1px;height:80px;background:#ffffff73;content:""}.balloon-one{right:14%;top:18%}.balloon-two{right:25%;top:30%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.65),transparent 18%),var(--secondary);animation-delay:-2s}.ribbon-line{position:absolute;left:8%;top:18%;width:84%;height:90px;border-top:3px solid color-mix(in srgb,var(--secondary),transparent 25%);border-radius:50%;transform:rotate(-5deg);animation:ribbonWave 3.8s ease-in-out infinite}.bouquet-wrap{position:absolute;left:clamp(26px,8vw,120px);bottom:10%;width:min(32vw,320px);height:min(34vw,350px);clip-path:polygon(22% 24%,78% 24%,60% 100%,40% 100%);background:linear-gradient(110deg,#ffffff9e,#ffffff24),color-mix(in srgb,var(--secondary),transparent 12%);opacity:.78;transform:rotate(-7deg)}.flower{position:absolute;width:110px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 12%,transparent 13%),conic-gradient(from 18deg,var(--primary),#fff,var(--secondary),#fff,var(--primary));filter:drop-shadow(0 16px 24px rgba(130,40,80,.22));animation:flowerSway 4.8s ease-in-out infinite}.flower-one{left:10%;top:22%}.flower-two{left:20%;top:38%;width:82px;animation-delay:-1.8s}.flower-three{left:4%;top:48%;width:70px;animation-delay:-3s}.petal{position:absolute;top:-8%;width:20px;height:32px;border-radius:80% 0;background:color-mix(in srgb,var(--primary),#fff 38%);opacity:.68;animation:petalFall 7s linear infinite}.petal-one{left:24%}.petal-two{left:64%;animation-delay:-2.4s}.petal-three{left:82%;animation-delay:-4.6s}.sunset{position:absolute;right:15%;top:16%;width:min(18vw,190px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--secondary),transparent 68%);filter:blur(1px);opacity:.74;animation:glowPulse 5.5s ease-in-out infinite}.mountain-range{position:absolute;left:0;right:0;bottom:0;height:42%;clip-path:polygon(0 100%,0 58%,14% 38%,28% 68%,44% 28%,60% 62%,76% 32%,100% 66%,100% 100%);background:#0206177a;animation:mountainRise 1.4s ease both}.mountain-back{bottom:10%;opacity:.35;transform:scaleY(.72)}.mountain-mid{opacity:.55;animation-delay:.16s}.mountain-front{height:34%;background:#020617c7;animation-delay:.3s}.film-caption-line{position:absolute;left:8%;bottom:10%;width:36%;height:42px;border-top:2px solid rgba(255,255,255,.42);border-bottom:2px solid rgba(255,255,255,.18);opacity:.7}.flight-path{position:absolute;left:10%;top:28%;width:78%;height:42%;border-top:2px dashed color-mix(in srgb,var(--secondary),transparent 30%);border-radius:50%;transform:rotate(-10deg)}.paper-plane{position:absolute;left:12%;top:34%;width:76px;height:48px;clip-path:polygon(0 50%,100% 0,70% 50%,100% 100%);background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--secondary),#fff 55%));filter:drop-shadow(0 18px 24px rgba(0,0,0,.2));animation:planeFly 7s ease-in-out infinite}.paper-plane span{position:absolute;top:12px;right:20px;bottom:12px;left:20px;border-top:1px solid rgba(0,0,0,.16);transform:rotate(-18deg)}.horizon-line{position:absolute;left:8%;right:8%;bottom:18%;height:2px;background:linear-gradient(90deg,transparent,var(--secondary),transparent)}.campus-card{position:absolute;bottom:12%;width:120px;height:82px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#ffffff1f}.campus-one{right:18%;transform:rotate(7deg)}.campus-two{right:30%;transform:rotate(-8deg)}.window-frame{position:absolute;left:clamp(28px,8vw,120px);top:14%;width:min(36vw,360px);height:min(46vw,430px);border:12px solid rgba(255,255,255,.34);border-radius:24px;background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.28) 48% 52%,transparent 52%),linear-gradient(180deg,transparent 48%,rgba(255,255,255,.26) 48% 52%,transparent 52%),#ffffff14;box-shadow:inset 0 0 40px #ffffff1f}.window-frame span{position:absolute;left:12%;right:12%;bottom:12%;height:20px;border-radius:50%;background:#ffffff47;filter:blur(10px)}.window-frame span+span{bottom:auto;top:15%;background:color-mix(in srgb,var(--secondary),transparent 35%)}.gift-ribbon{position:absolute;left:clamp(70px,13vw,190px);bottom:13%;width:min(20vw,200px);aspect-ratio:1.24;border-radius:16px;background:linear-gradient(90deg,transparent 43%,var(--secondary) 43% 57%,transparent 57%),linear-gradient(180deg,transparent 43%,var(--secondary) 43% 57%,transparent 57%),color-mix(in srgb,var(--primary),#123 20%);box-shadow:0 22px 60px #00000047;animation:giftPulse 4.5s ease-in-out infinite}.snowflake{position:absolute;top:-8%;width:18px;aspect-ratio:1;border-radius:50%;background:#ffffffd1;box-shadow:0 0 16px #fff9;animation:snowFall 8s linear infinite}.snow-one{left:20%}.snow-two{left:54%;animation-delay:-2.8s}.snow-three{left:82%;animation-delay:-5.1s}.timeline-track{position:absolute;left:8%;right:8%;top:22%;height:2px;background:linear-gradient(90deg,transparent,var(--secondary),transparent);animation:timelineGlow 4s ease-in-out infinite}.timeline-track span{position:absolute;top:50%;width:16px;aspect-ratio:1;border-radius:50%;background:var(--secondary);box-shadow:0 0 22px var(--secondary);transform:translateY(-50%)}.timeline-track span:nth-child(1){left:18%}.timeline-track span:nth-child(2){left:50%}.timeline-track span:nth-child(3){left:78%}.ticket-stub{position:absolute;right:10%;bottom:16%;width:min(28vw,300px);height:min(15vw,150px);border-radius:14px;background:radial-gradient(circle at 0 50%,transparent 0 18px,rgba(255,255,255,.22) 19px),radial-gradient(circle at 100% 50%,transparent 0 18px,rgba(255,255,255,.22) 19px),#ffffff26;border:1px solid rgba(255,255,255,.24);transform:rotate(5deg)}.ticket-stub i{position:absolute;top:18%;bottom:18%;width:2px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.5) 0 6px,transparent 6px 12px)}.ticket-stub i:first-child{left:28%}.ticket-stub i:last-child{right:16%}.memory-frame{position:absolute;left:12%;bottom:18%;width:130px;height:92px;border:8px solid rgba(255,255,255,.62);border-radius:4px;background:linear-gradient(135deg,#ffffff7a,#ffffff14);box-shadow:0 18px 40px #0000002e;transform:rotate(-7deg)}.memory-two{left:22%;bottom:11%;transform:rotate(8deg)}.aurora-band{position:absolute;left:-10%;width:120%;height:34%;border-radius:50%;filter:blur(18px);opacity:.54;mix-blend-mode:screen;animation:auroraFlow 9s ease-in-out infinite}.aurora-one{top:12%;background:linear-gradient(100deg,transparent,#22d3ee,#a78bfa,transparent)}.aurora-two{top:32%;background:linear-gradient(80deg,transparent,#34d399,#f0abfc,transparent);animation-delay:-3.4s}.star-map{position:absolute;right:14%;top:14%;width:min(28vw,280px);aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:50%;animation:slowRotate 28s linear infinite}.star-map span{position:absolute;width:9px;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 22px #fff}.star-map span:nth-child(1){left:24%;top:34%}.star-map span:nth-child(2){right:24%;top:22%}.star-map span:nth-child(3){left:52%;bottom:20%}.motion-foil .stage:after{animation:sheen 4.8s ease-in-out infinite}.motion-firework .particles span{animation-name:floatUp,twinkle}.motion-glow .message{box-shadow:0 24px 80px #0000003d,0 0 44px color-mix(in srgb,var(--secondary),transparent 72%)}.motion-film .stage-noise{opacity:.28;background-size:3px 5px}.motion-flight .decor-c{animation-duration:3.8s}.motion-snow .particles span{color:#fff}@keyframes envelopeBreath{50%{transform:translateY(-50%) rotate(-4deg) scale(1.025)}}@keyframes foilFall{to{transform:translateY(120vh) rotate(260deg)}}@keyframes cakeFloat{50%{transform:translateY(-10px)}}@keyframes candleFlicker{50%{transform:translate(-50%) scaleX(.82) scaleY(1.12);opacity:.86}}@keyframes balloonFloat{50%{transform:translateY(-18px) rotate(2deg)}}@keyframes ribbonWave{50%{transform:rotate(2deg) translateY(8px)}}@keyframes flowerSway{50%{transform:rotate(7deg) translateY(-6px)}}@keyframes petalFall{to{transform:translateY(120vh) translate(50px) rotate(210deg)}}@keyframes mountainRise{0%{transform:translateY(24px);opacity:0}}@keyframes planeFly{50%{transform:translate(46vw,-12vh) rotate(12deg)}}@keyframes giftPulse{50%{transform:translateY(-8px) scale(1.02)}}@keyframes snowFall{to{transform:translateY(116vh) translate(30px)}}@keyframes timelineGlow{50%{filter:brightness(1.6);opacity:.72}}@keyframes auroraFlow{50%{transform:translate(8%) translateY(10px) skew(-8deg);opacity:.78}}@keyframes glowPulse{50%{transform:scale(1.08);opacity:.55}}@media(max-width:900px){.stage.layout-gift,.stage.layout-letter,.stage.layout-album,.stage.layout-ticket,.stage.layout-window,.stage.layout-minimal{justify-content:center;padding:24px}.message.layout-gift,.message.layout-letter,.message.layout-ticket,.message.layout-album,.message.layout-window,.message.layout-minimal{width:min(94%,560px);text-align:center;transform:none}.red-envelope-motif .envelope-card,.cake-motif .cake-body,.bouquet-wrap,.window-frame{opacity:.42;left:50%;transform:translate(-50%) translateY(-48%) rotate(-4deg)}.cake-motif .cake-body{bottom:8%;transform:translate(-50%)}.cake-motif .cake-plate,.candle,.gift-ribbon,.ticket-stub,.memory-frame,.campus-card{opacity:.34}.flower,.balloon{opacity:.38}}@media(max-width:560px){.motif-layer{opacity:.78}.red-envelope-motif .envelope-card,.window-frame{width:68vw}.cake-body{width:62vw;height:34vw}.bouquet-wrap{width:60vw;height:70vw}.flower-one{left:12%;top:18%}.flower-two,.flower-three,.balloon-two,.campus-card,.memory-two,.ticket-stub{display:none}.timeline-track{top:13%}.paper-plane{width:58px}.message{position:relative;z-index:4}}.preview-frame{overflow-y:auto;overscroll-behavior:contain}.view-frame{height:auto;min-height:100vh;overflow:visible}.gift-page{min-height:100%;color:var(--stage-ink, #fff);background:inherit}.view-frame .gift-page,.gift-cover{min-height:100vh}.preview-frame .gift-cover{min-height:100%}.template{position:relative;z-index:3;width:min(88%,780px)}.template .message{position:relative;z-index:2;width:100%}.message-content.message-long .message-lines p{font-size:clamp(18px,2.2vw,30px);font-weight:750;line-height:1.65}.template-poster{display:grid;grid-template-columns:minmax(80px,.28fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:stretch}.poster-index{writing-mode:vertical-rl;justify-self:end;padding:18px 10px;border-right:2px solid color-mix(in srgb,var(--secondary),transparent 24%);color:var(--secondary);font-size:clamp(22px,4vw,54px);font-weight:950;letter-spacing:.1em;text-transform:uppercase}.poster-rule{position:absolute;left:8%;right:0;bottom:-18px;height:2px;background:linear-gradient(90deg,var(--secondary),transparent)}.message-poster{border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left}.template-gift{width:min(72%,720px);padding:clamp(42px,6vw,72px) clamp(28px,5vw,58px);border-radius:26px;background:linear-gradient(90deg,transparent 47%,color-mix(in srgb,var(--secondary),transparent 10%) 47% 53%,transparent 53%),linear-gradient(180deg,transparent 45%,color-mix(in srgb,var(--secondary),transparent 4%) 45% 55%,transparent 55%),color-mix(in srgb,var(--primary),#111 16%);box-shadow:0 40px 110px #00000057;transform:rotate(-1deg)}.gift-lid{position:absolute;left:-3%;right:-3%;top:-38px;height:70px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary),#fff 10%),color-mix(in srgb,var(--primary),#000 18%));box-shadow:0 24px 45px #0000003d;transform-origin:left bottom;animation:giftLidOpen 5s ease-in-out infinite}.gift-ribbon-cross{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent 47%,rgba(255,255,255,.34) 47% 53%,transparent 53%),linear-gradient(180deg,transparent 45%,rgba(255,255,255,.3) 45% 55%,transparent 55%);pointer-events:none}.message-gift{border:0;background:#ffffff1a;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left}.template-letter{width:min(66%,700px);padding:clamp(24px,4vw,46px);border-radius:10px;background:linear-gradient(rgba(120,74,42,.13) 1px,transparent 1px) 0 0 / 100% 42px,linear-gradient(135deg,#ffffffeb,#fff4dcd1);box-shadow:0 32px 90px #321e1438;color:#3b281c;transform:rotate(-1.2deg)}.letter-fold{position:absolute;right:0;top:0;width:34%;height:34%;clip-path:polygon(0 0,100% 0,100% 100%);background:#ffffff7a}.letter-seal{position:absolute;right:8%;bottom:8%;width:72px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.38),transparent 18%),var(--primary);box-shadow:0 14px 34px #64232d33}.message-letter{border:0;background:transparent;box-shadow:none;color:inherit;text-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left}.template-ticket{width:min(76%,830px);padding:clamp(28px,4vw,50px) clamp(36px,6vw,76px);border-radius:16px;background:radial-gradient(circle at 0 50%,transparent 0 28px,rgba(255,255,255,.18) 29px),radial-gradient(circle at 100% 50%,transparent 0 28px,rgba(255,255,255,.18) 29px),linear-gradient(135deg,#fff3,#ffffff12);border:1px solid rgba(255,255,255,.22);box-shadow:0 30px 90px #00000047}.ticket-perf{position:absolute;top:10%;bottom:10%;left:24%;width:2px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.5) 0 8px,transparent 8px 16px)}.ticket-hole{position:absolute;top:50%;width:56px;aspect-ratio:1;border-radius:50%;background:#0003;transform:translateY(-50%)}.ticket-hole-left{left:-28px}.ticket-hole-right{right:-28px}.message-ticket{margin-left:20%;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left}.template-album{width:min(78%,850px);min-height:460px;padding:clamp(28px,5vw,58px);border-radius:14px;background:linear-gradient(90deg,rgba(0,0,0,.16) 0 48px,transparent 48px),#ffffff24;box-shadow:0 32px 100px #0000003d}.album-binding{position:absolute;left:34px;top:10%;bottom:10%;width:6px;border-radius:999px;background:color-mix(in srgb,var(--secondary),transparent 20%)}.album-photo{position:absolute;width:min(20vw,220px);height:min(15vw,160px);border:10px solid rgba(255,255,255,.76);border-radius:4px;background:linear-gradient(135deg,#ffffff80,color-mix(in srgb,var(--primary),transparent 60%));box-shadow:0 18px 45px #0000002e}.album-photo-one{right:8%;top:10%;transform:rotate(6deg)}.album-photo-two{right:18%;bottom:10%;transform:rotate(-8deg)}.message-album{width:58%;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left}.template-window{width:min(74%,820px);min-height:520px;display:grid;place-items:end center;padding:clamp(28px,5vw,58px);border:10px solid rgba(255,255,255,.28);border-radius:30px;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.22) 49% 51%,transparent 51%),linear-gradient(180deg,transparent 44%,rgba(255,255,255,.2) 44% 46%,transparent 46%),#ffffff14;box-shadow:inset 0 0 55px #ffffff1f,0 34px 100px #00000047}.window-glow{position:absolute;left:14%;right:14%;bottom:18%;height:38%;border-radius:50%;background:color-mix(in srgb,var(--secondary),transparent 45%);filter:blur(34px)}.window-sill{position:absolute;left:10%;right:10%;bottom:12%;height:18px;border-radius:999px;background:#ffffff59}.message-window{width:min(92%,620px);border:0;background:#0000002e;box-shadow:none}.template-minimal{width:min(74%,760px);padding:clamp(44px,7vw,90px);border:1px solid color-mix(in srgb,var(--secondary),transparent 30%);border-radius:34px;background:#ffffff14}.minimal-mark{position:absolute;right:clamp(20px,4vw,48px);top:clamp(20px,4vw,48px);width:82px;aspect-ratio:1;border:1px solid var(--secondary);border-radius:50%;opacity:.58}.message-minimal{border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.gift-section{position:relative;display:grid;min-height:82vh;align-content:center;padding:clamp(48px,9vw,110px);overflow:hidden}.story-section{background:radial-gradient(circle at 18% 24%,color-mix(in srgb,var(--primary),transparent 76%),transparent 24%),#ffffff0b}.gift-section h2{max-width:820px;margin:0;color:var(--stage-ink, #fff);font-size:clamp(34px,7vw,88px);line-height:1.02}.gift-section p{max-width:720px;margin:24px 0 0;color:color-mix(in srgb,var(--stage-ink, #fff),transparent 24%);font-size:clamp(17px,2vw,24px);line-height:1.7}.section-eyebrow{margin-bottom:18px;color:var(--secondary);font-size:13px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.section-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.section-tags span{border:1px solid color-mix(in srgb,var(--secondary),transparent 42%);border-radius:999px;padding:8px 12px;color:var(--secondary);font-size:12px;font-weight:800}.detail-section{grid-template-columns:minmax(260px,.9fr) minmax(0,1fr);gap:clamp(28px,6vw,80px);background:#0000001a}.detail-visual{position:relative;min-height:440px;overflow:hidden;border:1px solid color-mix(in srgb,var(--secondary),transparent 64%);border-radius:26px;background:#ffffff12}.detail-visual .motif-layer{opacity:.95}.detail-copy{align-self:center}.closing-section{min-height:72vh;place-items:center;text-align:center;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--secondary),transparent 68%),transparent 34%),#ffffff09}.closing-section h2{max-width:900px}.closing-name,.closing-from{margin:0;color:var(--secondary);font-weight:900}.closing-from{margin-top:28px}@keyframes giftLidOpen{50%{transform:rotate(-4deg) translateY(-8px)}}@media(max-width:900px){.template,.template-gift,.template-letter,.template-ticket,.template-album,.template-window,.template-minimal{width:min(94%,620px);transform:none}.template-poster{grid-template-columns:1fr}.poster-index{writing-mode:horizontal-tb;justify-self:start;border-right:0;border-bottom:2px solid color-mix(in srgb,var(--secondary),transparent 24%)}.message-ticket,.message-album{width:100%;margin-left:0}.album-photo,.ticket-perf,.ticket-hole{opacity:.28}.detail-section{grid-template-columns:1fr}}@media(max-width:560px){.gift-section{min-height:76vh;padding:42px 22px}.gift-section h2{font-size:clamp(30px,12vw,48px)}.template-gift,.template-letter,.template-ticket,.template-album,.template-window,.template-minimal{padding:28px 18px}.template-window,.template-album{min-height:500px}.album-photo-one,.album-photo-two,.minimal-mark{display:none}}