@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650&family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700&display=swap";:root{color:#2f211e;background:#fbf5ef;font-family:Nunito Sans,Avenir Next,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:geometricPrecision;--ink: #2f211e;--muted: #806c64;--paper: rgba(255, 250, 246, .84);--paper-strong: #fffaf6;--blush: #d86f82;--blush-soft: #f7dce0;--rose-deep: #a64558;--sage: #74896a;--clay: #c98e61;--line: rgba(89, 63, 55, .12);--shadow: 0 24px 70px rgba(118, 86, 68, .17);--radius: 28px}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 76% 18%,rgba(248,220,224,.64),transparent 27%),radial-gradient(circle at 19% 86%,rgba(219,196,173,.28),transparent 31%),linear-gradient(115deg,#fffaf6,#fbf0ec 52%,#fffaf7)}button,input{font:inherit}button{color:inherit}.app-shell{position:relative;min-height:100vh;height:100vh;overflow:hidden}.app-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(74,52,46,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(74,52,46,.025) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}.topbar,.builder-layout,.builder-footer{position:relative;z-index:1}.topbar{position:absolute;top:0;right:0;left:0;z-index:8;display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:24px;align-items:center;min-height:112px;padding:24px 36px 18px;border-bottom:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.brand-mark{display:grid;justify-self:start;gap:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.brand-mark span{font-family:Fraunces,Georgia,serif;font-size:clamp(1.6rem,2vw,2.05rem);line-height:1;letter-spacing:0}.brand-mark svg{position:absolute;margin:-7px 0 0 130px;color:var(--blush)}.brand-mark small{margin-top:6px;color:var(--muted);font-size:.84rem}.starter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;overflow:auto;padding:2px 2px 18px;scrollbar-width:none}.starter-card{display:grid;min-height:126px;padding:16px 15px;border:1px solid rgba(80,54,48,.09);border-radius:22px;background:linear-gradient(145deg,#fffdfaf0,#fff4f7b8),#fffaf6d1;box-shadow:0 14px 32px #65463a14;color:#4a342e;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.starter-card:hover{transform:translateY(-2px);border-color:#d3667e57}.starter-card.is-compatible{background:#fff9f6e6}.starter-card.is-active{border-color:#cd526e94;background:linear-gradient(145deg,#fce0e8f2,#fff9f6e6);box-shadow:inset 0 0 0 1px #ffffff9e,0 18px 38px #ab546729}.starter-card span{overflow:hidden;max-width:100%;font-size:.9rem;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.starter-card small{color:#765d57;font-size:.72rem;font-weight:850;line-height:1.25}.starter-card em{align-self:end;color:#a06b77;font-size:.68rem;font-style:normal;font-weight:850;text-transform:capitalize}.section-tabs,.topbar-actions,.history-controls{display:flex;gap:12px;align-items:center}.section-tabs{justify-content:center}.section-tab,.ghost-button,.icon-button,.filter-row button,.history-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid rgba(72,47,42,.08);background:#ffffff94;box-shadow:0 10px 28px #533c350f;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.section-tab{gap:12px;min-width:140px;padding:0 28px;border-radius:999px;font-weight:700}.section-tab.is-active,.filter-row button.is-active,.music-list button.is-active,.toggle-row.is-active{border-color:transparent;background:linear-gradient(180deg,#f8dde1,#f4cfd5);color:#4d222c}.section-tab:hover,.ghost-button:hover,.icon-button:hover,.filter-row button:hover,.history-controls button:hover:not(:disabled),.catalog-card:hover,.base-option:hover,.base-intro-card:hover{transform:translateY(-2px)}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.ghost-button{gap:10px;padding:0 22px;border-radius:999px;font-weight:700}.json-export-button{min-width:152px}.json-export-button svg{color:#9a4255}.share-gift-button,.topbar-actions .ghost-button:not(.json-export-button){flex:1 0 clamp(154px,15vw,214px);min-width:clamp(154px,15vw,214px);max-width:240px;min-height:52px;padding-inline:20px;line-height:1.08;white-space:normal}.share-gift-button{border:0;background:linear-gradient(135deg,#d76a7f,#c85d71);color:#fff;box-shadow:0 18px 38px #ab485a3d}.share-gift-button:hover{transform:translateY(-2px);box-shadow:0 22px 48px #ab485a4d}.share-gift-button svg,.topbar-actions .ghost-button:not(.json-export-button) svg{flex:0 0 auto;color:currentColor}.icon-button{width:52px;height:52px;border-radius:50%}.icon-button.subtle{width:36px;height:36px;min-height:36px;box-shadow:none}.builder-layout{position:absolute;top:0;right:0;bottom:0;left:0;display:block;height:100vh;min-height:0;padding:0}.builder-layout.is-base-step{padding:0}.builder-layout.is-base-step .right-rail{display:none}.app-shell.is-base-step .primary-button{background:linear-gradient(135deg,#3d332e,#27201d);box-shadow:0 18px 38px #2c211d3d}.catalog-panel,.rail-card{border:1px solid rgba(75,50,42,.09);background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.catalog-panel{position:absolute;top:150px;bottom:104px;left:130px;z-index:4;display:flex;flex-direction:column;width:clamp(310px,21vw,430px);min-height:0;max-height:100%;padding:22px;border-radius:16px;overflow:hidden}.left-builder-rail{position:absolute;top:150px;bottom:104px;left:24px;z-index:5;display:grid;align-content:center;gap:14px;min-width:0}.rail-stack{display:grid;gap:8px;padding:8px;border:1px solid rgba(75,50,42,.09);border-radius:28px;background:#fffaf6c2;box-shadow:0 18px 46px #65463a1f;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.base-rail-stack{border-radius:24px}.rail-base-button,.rail-tool-button{display:grid;place-items:center;gap:6px;width:74px;min-height:72px;padding:8px 6px;border:0;border-radius:20px;background:transparent;color:#4b332d;font-size:.72rem;font-weight:850;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}.rail-base-button:hover,.rail-tool-button:hover{transform:translateY(-2px)}.rail-base-button.is-active,.rail-tool-button.is-active{background:linear-gradient(180deg,#f8dde1,#f3cbd2);color:#6d2d3c}.rail-base-button .base-miniature{width:48px;height:38px;border-radius:12px;background:#ffffff8f;box-shadow:inset 0 -10px 18px #855d4d0d}.rail-tool-button svg{color:currentColor}.panel-header{display:flex;flex:0 0 auto;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.panel-header h2,.rail-card h2{margin:0;font-size:1.1rem}.panel-header p,.rail-card p{margin:4px 0 0;color:var(--muted)}.filter-row{display:flex;flex:0 0 auto;gap:8px;position:relative;z-index:2;margin-bottom:18px;padding-bottom:0;overflow-x:auto;scrollbar-width:none}.filter-row button{flex:0 0 auto;min-height:32px;padding:0 12px;border-radius:999px;font-size:.78rem;font-weight:700}.catalog-grid{display:grid;flex:1 1 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;padding:4px 2px 8px;overflow-y:auto;scrollbar-color:rgba(150,103,91,.28) transparent}.catalog-card,.base-intro-card{display:grid;align-content:start;min-height:146px;padding:9px;border:1px solid rgba(89,58,51,.08);border-radius:16px;background:#fffaf6db;box-shadow:0 12px 26px #65463a12;text-align:left;overflow:hidden;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.catalog-card:focus-visible,.section-tab:focus-visible,.ghost-button:focus-visible,.icon-button:focus-visible,.primary-button:focus-visible,.base-option:focus-visible,.history-controls button:focus-visible,.filter-row button:focus-visible{outline:3px solid rgba(216,111,130,.34);outline-offset:3px}.catalog-card span:not(.flower-thumb,.plushie-thumb,.letter-thumb,.asset-thumb),.base-intro-card span:not(.base-miniature),.base-option span{margin-top:6px;font-weight:800;font-size:.76rem;line-height:1.14}.catalog-card small,.base-intro-card small,.base-option small{color:var(--muted);font-size:.6rem;line-height:1.22}.catalog-card:hover{border-color:#d0697c73;box-shadow:0 18px 32px #65463a1f}.flower-thumb,.plushie-thumb,.letter-thumb,.asset-thumb,.base-miniature{position:relative;display:block;width:100%;height:78px;border-radius:12px;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.75),transparent 28%),#fff4ed;overflow:hidden}.asset-thumb{background:#fffaf6;box-shadow:inset 0 -10px 18px #855d4d12}.asset-thumb img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.08)}.asset-thumb.letter-asset img{transform:scale(1.14)}.flower-thumb:before{position:absolute;left:50%;bottom:13px;width:4px;height:42px;content:"";background:#627c41;border-radius:4px;transform:rotate(8deg);transform-origin:bottom}.flower-thumb span{position:absolute;left:50%;top:27px;width:23px;height:32px;border-radius:50% 50% 46% 46%;background:var(--petal);box-shadow:inset -7px -8px 14px #541f2624;transform-origin:50% 78%}.flower-thumb span:nth-child(1){transform:translate(-50%) rotate(0)}.flower-thumb span:nth-child(2){transform:translate(-50%) rotate(72deg)}.flower-thumb span:nth-child(3){transform:translate(-50%) rotate(144deg)}.flower-thumb span:nth-child(4){transform:translate(-50%) rotate(216deg)}.flower-thumb i{position:absolute;left:calc(50% - 9px);top:37px;width:18px;height:18px;border-radius:50%;background:var(--accent)}.plushie-thumb:before,.plushie-thumb:after{position:absolute;top:18px;width:20px;height:20px;content:"";border-radius:50%;background:var(--fur)}.plushie-thumb:before{left:calc(50% - 26px)}.plushie-thumb:after{right:calc(50% - 26px)}.plushie-thumb i{position:absolute;left:calc(50% - 24px);top:23px;width:48px;height:48px;border-radius:50%;background:var(--fur);box-shadow:inset -9px -10px 15px #462c221c}.plushie-thumb b{position:absolute;left:calc(50% - 13px);top:48px;width:26px;height:17px;border-radius:50%;background:var(--belly)}.letter-thumb{display:grid;place-items:center;color:#a95666}.letter-thumb small{position:absolute;bottom:10px;color:#6b534c}.letter-thumb.private-letter,.letter-thumb.gratitude-card{background:linear-gradient(135deg,rgba(255,255,255,.62),transparent),#f7e7df}.base-miniature{height:62px}.base-miniature.basket:before{position:absolute;left:calc(50% - 31px);top:21px;width:62px;height:34px;content:"";border-radius:8px 8px 18px 18px;background:repeating-linear-gradient(90deg,rgba(117,73,43,.22) 0 4px,transparent 4px 9px),#c9905d}.base-miniature.basket:after{position:absolute;left:calc(50% - 35px);top:6px;width:70px;height:44px;content:"";border:5px solid #c9905d;border-bottom:0;border-radius:42px 42px 0 0}.base-miniature img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.1)}.base-miniature.vase:before{position:absolute;left:calc(50% - 20px);top:8px;width:40px;height:50px;content:"";border-radius:45% 45% 35% 35%;background:repeating-linear-gradient(90deg,rgba(198,176,160,.22) 0 3px,transparent 3px 8px),#f4eadf;box-shadow:inset -8px -9px 12px #8065581a}.base-miniature.has-image:before,.base-miniature.has-image:after{display:none}.base-intro-list{display:grid;gap:12px}.catalog-panel.base-panel{justify-content:start;padding:54px 0 0 32px;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.base-hero-copy{max-width:330px}.base-hero-copy h1{margin:0;color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:clamp(2.25rem,3vw,3.25rem);font-weight:520;line-height:1.22;letter-spacing:0}.base-hero-copy p{max-width:260px;margin:24px 0 0;color:#6f5148;font-size:1.08rem;line-height:1.55}.base-choice-card{width:min(100%,292px);margin-top:58px;padding:26px;border:1px solid rgba(80,54,48,.08);border-radius:14px;background:#fffcf9c7;box-shadow:0 24px 54px #714e401a;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.base-choice-card h2{margin:0 0 18px;font-family:Fraunces,Georgia,serif;font-size:1.18rem;font-weight:520}.base-intro-card{position:relative;grid-template-columns:92px 1fr;min-height:104px;align-items:center;column-gap:14px}.base-intro-card.is-selected{border-color:#523d37d1;background:#fffcf8f5;box-shadow:0 16px 34px #5c42371a}.base-intro-card .base-miniature{grid-row:span 2}.base-check{position:absolute;top:18px;right:18px;display:none;width:23px;height:23px;padding:4px;border-radius:999px;background:#6b5954;color:#fffaf6}.base-intro-card.is-selected .base-check{display:block}.base-help{display:flex;gap:10px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid rgba(93,68,60,.08);color:var(--muted);font-size:.82rem}.tip-card{display:flex;gap:14px;align-items:center;margin-top:auto;padding:16px;border:1px solid rgba(89,58,51,.08);border-radius:10px;background:#fff9f4ad;color:var(--muted)}.hero-stage{position:relative;display:grid;width:100%;height:100%;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;border:0;border-radius:0;background:radial-gradient(ellipse at 52% 74%,rgba(235,196,190,.28),transparent 36%),radial-gradient(circle at 55% 34%,rgba(255,255,255,.96),rgba(255,252,249,.34) 34%,transparent 58%),linear-gradient(135deg,#fffcf8eb,#faece6b3 54%,#fff9f4e0);box-shadow:none}.stage-copy{position:absolute;z-index:5;top:28px;left:clamp(340px,25vw,420px);max-width:238px;pointer-events:none}.eyebrow{display:inline-flex;gap:8px;align-items:center;margin:0 0 12px;color:var(--blush);font-weight:800;font-size:.82rem;text-transform:uppercase}.stage-copy h1,.preview-copy h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,2.25vw,2.62rem);line-height:1.12;letter-spacing:0}.preview-copy h2{font-size:2.5rem;line-height:1.05}.stage-copy h1 span,.base-hero-copy h1 span{color:#c56e83;font-weight:300}.stage-copy p:not(.eyebrow),.preview-copy p{max-width:280px;margin:12px 0 0;color:#573e37;font-size:.98rem}.stage-frame{position:relative;display:grid;min-height:100%;overflow:hidden;border-radius:0}.real-model-stage{position:relative;z-index:2;width:100%;height:100vh;min-height:100vh;cursor:grab;transform:none;transform-origin:center center}.real-model-stage:active{cursor:grabbing}.webgl-fallback{position:absolute;top:18%;right:12%;bottom:18%;left:12%;z-index:4;display:grid;place-content:center;gap:8px;border:1px dashed rgba(161,104,93,.28);border-radius:22px;background:#fffaf6d1;color:#6c534b;text-align:center;box-shadow:0 18px 50px #6345361a}.webgl-fallback strong{color:var(--ink)}.builder-layout.is-base-step .real-model-stage{min-height:100vh;transform:none}.stage-frame:after{display:none}.premium-gift-stage{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;min-height:590px;overflow:visible}.premium-pedestal{position:relative;display:grid;place-items:center;width:min(760px,82vw);height:250px;margin-top:250px;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.82) 0 30%,transparent 31%),linear-gradient(180deg,#fff4e7,#e9d4be);box-shadow:0 18px 45px #6345361f,inset 0 15px 26px #ffffff9e,inset 0 -12px 18px #90654e1f}.premium-gift-stage.section-basket .premium-pedestal{width:min(640px,58vw);height:202px;margin-top:280px;transform:translate(48px)}.premium-gift-stage:not(.section-basket) .premium-pedestal{margin-top:372px;transform:translate(112px)}.premium-pedestal:after{position:absolute;top:20px;right:40px;bottom:20px;left:40px;content:"";border-radius:50%;background:radial-gradient(ellipse,rgba(116,73,51,.1),transparent 62%);transform:translateY(-16px)}.gift-object{position:absolute;left:50%;bottom:84px;width:520px;height:520px;transform:translate(-50%)}.basket-scene{width:590px;height:560px;bottom:-36px;transform:translate(-50%) scale(.86);transform-origin:bottom center}.premium-gift-stage.section-basket .basket-scene{bottom:-14px;transform:translate(-50%) scale(.74)}.basket-handle{position:absolute;z-index:1;left:112px;top:8px;width:366px;height:330px;border:28px solid transparent;border-top-color:#be7d49;border-left-color:#be7d49;border-right-color:#be7d49;border-radius:50% 50% 0 0;filter:drop-shadow(0 5px 7px rgba(100,58,31,.18)) drop-shadow(inset 0 2px 0 rgba(255,232,190,.85))}.basket-handle:after{position:absolute;top:-22px;right:-22px;bottom:-22px;left:-22px;content:"";border:10px dashed rgba(255,219,174,.35);border-bottom:0;border-radius:50% 50% 0 0}.basket-fill{position:absolute;z-index:4;left:72px;top:110px;width:448px;height:210px;border-radius:44% 44% 24% 24%}.basket-rim{position:absolute;z-index:7;left:42px;top:260px;width:506px;height:86px;border-radius:50%;background:radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.46),transparent 42%),linear-gradient(180deg,#fff0dd,#dec5aa);box-shadow:inset 0 8px 16px #ffffff9e,inset 0 -13px 18px #6f4e3a1f,0 9px 13px #56362414}.basket-body{position:absolute;z-index:5;left:72px;top:296px;width:448px;height:205px;border-radius:0 0 92px 92px/0 0 74px 74px;background:linear-gradient(180deg,rgba(255,214,168,.45),transparent 28%),#c98b55;box-shadow:inset 0 14px 16px #ffe4be57,inset 0 -16px 26px #5d341d2b,0 22px 26px #53332124;overflow:hidden}.basket-body:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:repeating-linear-gradient(0deg,rgba(117,65,35,.32) 0 4px,transparent 4px 27px),repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,210,156,.45) 18px 24px,transparent 24px 48px),repeating-linear-gradient(115deg,#683d2324 0,#683d2324 8px,#ffdcab33 8px,#ffdcab33 16px);mix-blend-mode:multiply}.basket-weave{position:absolute;top:0;right:0;bottom:0;left:0}.basket-weave.horizontal{background:repeating-linear-gradient(0deg,transparent 0 21px,rgba(255,214,166,.54) 21px 31px)}.basket-weave.vertical{background:repeating-linear-gradient(90deg,rgba(108,61,34,.18) 0 7px,transparent 7px 30px);opacity:.8}.stage-bow{position:absolute;z-index:8;left:50%;top:332px;width:172px;height:154px;transform:translate(-50%)}.stage-bow span{position:absolute;display:block;background:linear-gradient(135deg,#fff2e4,#d9bea3);box-shadow:inset -7px -9px 18px #71503e1a,0 8px 18px #583a2c1c}.stage-bow .loop{top:6px;width:76px;height:58px;border-radius:60% 42% 56% 48%}.stage-bow .loop.left{left:0;transform:rotate(-9deg)}.stage-bow .loop.right{right:0;transform:rotate(9deg) scaleX(-1)}.stage-bow .knot{top:32px;left:67px;width:40px;height:34px;border-radius:11px}.stage-bow .tail{top:58px;width:44px;height:92px;border-radius:10px 10px 18px 18px}.stage-bow .tail.left{left:48px;transform:rotate(9deg)}.stage-bow .tail.right{right:48px;transform:rotate(-9deg)}.flower-cluster{position:absolute;z-index:3;left:50%;bottom:20px;width:1px;height:1px}.stage-bloom{position:absolute;left:var(--x);bottom:var(--y);width:90px;height:240px;transform:rotate(var(--tilt)) scale(var(--scale));transform-origin:bottom center}.stage-stem{position:absolute;left:43px;bottom:0;width:11px;height:170px;border-radius:999px;background:linear-gradient(90deg,#435b2e,#7c944d 54%,#2e421f);box-shadow:4px 2px 5px #22371821}.stage-leaf{position:absolute;bottom:78px;width:48px;height:22px;border-radius:90% 10%;background:linear-gradient(135deg,#5f793a,#2f4a25)}.stage-leaf.one{left:4px;transform:rotate(-21deg)}.stage-leaf.two{left:44px;bottom:96px;transform:rotate(210deg)}.stage-petal{position:absolute;left:37px;top:28px;width:30px;height:48px;border-radius:50% 50% 42% 42%;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.55),transparent 22%),linear-gradient(135deg,color-mix(in srgb,var(--petal),white 30%),var(--petal));box-shadow:inset -7px -11px 14px #5920272e,0 4px 8px #432a2414;transform-origin:50% 92%}.stage-petal.p1{transform:rotate(0) translateY(-16px)}.stage-petal.p2{transform:rotate(65deg) translateY(-16px)}.stage-petal.p3{transform:rotate(130deg) translateY(-16px)}.stage-petal.p4{transform:rotate(220deg) translateY(-16px)}.stage-petal.p5{transform:rotate(295deg) translateY(-16px)}.stage-center{position:absolute;left:38px;top:48px;width:28px;height:28px;border-radius:50%;background:var(--accent);box-shadow:inset -4px -5px 10px #2f191133}.stage-bloom.lavender{height:300px}.stage-bloom.lavender .stage-petal,.stage-bloom.baby-breath .stage-petal{width:18px;height:20px;border-radius:50%}.stage-bloom.lavender .stage-petal.p1{top:20px;transform:translate(-8px)}.stage-bloom.lavender .stage-petal.p2{top:50px;transform:translate(8px)}.stage-bloom.lavender .stage-petal.p3{top:80px;transform:translate(-10px)}.stage-bloom.lavender .stage-petal.p4{top:110px;transform:translate(10px)}.stage-bloom.lavender .stage-petal.p5{top:140px;transform:translate(-5px)}.stage-bloom.lavender .stage-center,.stage-bloom.baby-breath .stage-center{display:none}.stage-letter{position:absolute;z-index:5;left:214px;top:-10px;width:160px;height:238px;padding:31px 24px;border-radius:4px;background:repeating-linear-gradient(0deg,transparent 0 30px,rgba(166,126,99,.16) 30px 31px),linear-gradient(180deg,#fff0d8,#f2dec1);box-shadow:0 18px 28px #543b2d33,inset 0 0 0 1px #71533f14;color:#5d3e34;font-family:Georgia,serif;font-size:.78rem;line-height:1.45;transform:rotate(1deg)}.stage-letter p{margin:0 0 9px;font-style:italic}.letter-heart{position:absolute;top:16px;right:18px;color:var(--blush);font-size:1.2rem}.letter-heart.bottom{top:auto;right:20px;bottom:14px}.stage-teddy{position:absolute;z-index:6;left:348px;top:68px;width:176px;height:220px}.premium-gift-stage.section-plushies .stage-teddy{left:238px;top:48px;transform:scale(1.28);transform-origin:center bottom}.stage-teddy span,.stage-teddy i{position:absolute;display:block}.teddy-ear{z-index:1;top:24px;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#f8d9ad,#cf945f 72%);box-shadow:inset -10px -9px 14px #633d232e}.teddy-ear.left{left:19px}.teddy-ear.right{right:19px}.teddy-head{z-index:2;left:38px;top:38px;width:100px;height:94px;border-radius:48% 48% 44% 44%;background:radial-gradient(circle at 34% 26%,rgba(255,236,208,.85),transparent 24%),linear-gradient(135deg,#f5c78d,#cc8d55);box-shadow:inset -14px -12px 22px #58341e29,0 9px 17px #432d2224}.stage-teddy .eye{top:38px;width:10px;height:12px;border-radius:50%;background:#2d201b}.stage-teddy .eye.left{left:30px}.stage-teddy .eye.right{right:30px}.snout{left:34px;top:52px;width:32px;height:25px;border-radius:50%;background:#ffe3bd}.snout:after{position:absolute;left:9px;top:2px;width:14px;height:10px;content:"";border-radius:50%;background:#513221}.teddy-body{z-index:1;left:32px;top:116px;width:112px;height:90px;border-radius:48% 48% 38% 38%;background:linear-gradient(135deg,#f3c58e,#c88851);box-shadow:inset -14px -12px 20px #58341e24}.teddy-arm{z-index:3;top:128px;width:42px;height:66px;border-radius:50%;background:linear-gradient(135deg,#e8ae72,#bd7c48)}.teddy-arm.left{left:14px;transform:rotate(18deg)}.teddy-arm.right{right:14px;transform:rotate(-18deg)}.teddy-bow{z-index:4;top:123px;background:repeating-linear-gradient(45deg,#81532e 0,#81532e 5px,#c59a6f 5px,#c59a6f 10px)}.teddy-bow.left,.teddy-bow.right{width:38px;height:28px;border-radius:50% 12px}.teddy-bow.left{left:50px}.teddy-bow.right{right:50px;transform:scaleX(-1)}.teddy-bow.knot{left:82px;width:14px;height:14px;border-radius:50%;background:#7c4a2a}.stage-drop-target{position:absolute;z-index:6;left:50%;top:60px;display:grid;place-items:center;width:178px;height:150px;border:2px dashed rgba(174,92,108,.55);border-radius:36px;color:#4e332e;transform:translate(-50%)}.stage-drop-target span{font-weight:800}.stage-drop-target small{margin-top:-26px;font-size:2rem}.vase-scene{width:540px}.vase-flower-mouth{position:absolute;left:155px;top:8px;width:260px;height:250px}.vase-body{position:absolute;z-index:6;left:210px;top:228px;width:132px;height:236px;border-radius:44% 44% 35% 35%/32% 32% 48% 48%;background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(179,155,137,.2) 10px 15px),linear-gradient(135deg,#fff6e9,#d9c5b2);box-shadow:inset -18px -12px 28px #664b3a1f,0 20px 22px #52392d1f}.vase-body:before{position:absolute;left:31px;top:-28px;width:70px;height:38px;content:"";border-radius:50%;background:linear-gradient(180deg,#fff7ee,#d7c3b0)}.vase-scene .stage-teddy{left:356px;top:298px;transform:scale(.65);transform-origin:top left}.vase-scene .stage-letter{left:130px;top:152px;transform:rotate(-4deg) scale(.78)}.vase-scene .flower-cluster{left:278px;bottom:272px;z-index:4}.stage-canvas{position:relative;z-index:2;display:block;width:100%;height:100%;min-height:560px;cursor:grab}.stage-canvas:active{cursor:grabbing}.stage-hint,.drop-callout{position:absolute;z-index:4;display:inline-flex;align-items:center;border:1px solid rgba(80,54,48,.09);background:#fffaf6bd;box-shadow:0 18px 46px #66483d1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stage-hint{right:clamp(260px,18vw,360px);bottom:112px;gap:8px;padding:10px 14px;border-radius:999px;color:var(--muted)}.drop-callout{left:51%;top:42%;flex-direction:column;min-width:168px;padding:18px;border:1px dashed rgba(169,72,90,.48);border-radius:26px;color:#6c454f;transform:translate(-50%,-50%)}.drop-callout span{font-weight:800}.drop-callout small{margin-top:4px;color:var(--muted)}.item-callout{position:absolute;z-index:6;left:clamp(340px,27vw,450px);top:46%;display:grid;gap:10px;width:150px;min-height:150px;padding:20px;border:1px solid rgba(80,54,48,.08);border-radius:14px;background:#fffaf6d1;box-shadow:0 18px 48px #65463a21;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.item-callout:after{position:absolute;top:50%;right:-110px;width:96px;height:36px;content:"";border-top:2px dashed rgba(198,93,112,.48);border-radius:50%}.item-callout strong{display:flex;justify-content:space-between;gap:8px;font-size:1.05rem}.item-callout strong svg{color:var(--blush)}.item-callout p{margin:0;color:#5a443f}.item-callout button{justify-self:start;padding:0;border:0;background:transparent;color:#86665e;cursor:pointer}.arrangement-controls{position:absolute;z-index:7;top:136px;right:16px;bottom:auto;left:auto;display:grid;grid-template-columns:88px minmax(0,1fr);align-content:start;gap:10px;width:min(326px,calc(100vw - 36px));max-height:min(520px,calc(100vh - 188px));max-height:min(520px,calc(100dvh - 188px));padding:12px;border:1px solid rgba(80,54,48,.12);border-radius:22px;background:linear-gradient(180deg,#fffaf6f5,#fff4efe6),#fffaf6eb;box-shadow:0 24px 60px #65463a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.arrangement-controls>div:first-child{grid-column:1 / -1;display:grid;gap:4px;padding:11px 13px;border:1px solid rgba(80,54,48,.08);border-radius:17px;background:#ffffffad;box-shadow:inset 0 0 0 1px #ffffff8a;text-align:left}.arrangement-controls strong,.arrangement-controls small{display:block}.arrangement-controls strong{font-size:.92rem;line-height:1.1}.arrangement-controls small{color:var(--muted);font-size:.72rem;line-height:1.2}.control-tabs{grid-column:1;display:grid;grid-template-columns:1fr;align-content:start;gap:6px;padding:8px;border:1px solid rgba(80,54,48,.08);border-radius:17px;background:#ffffff8f;box-shadow:inset 0 0 0 1px #ffffff6b}.control-tabs button{min-height:38px;padding:0 8px;border:1px solid rgba(80,54,48,.09);border-radius:13px;background:#ffffffb8;color:#6f534b;font-size:.7rem;font-weight:900;text-transform:capitalize;cursor:pointer}.control-tabs button.is-active{border-color:#d35f773d;background:linear-gradient(180deg,#f8dde3,#f3cbd4);color:#743547;box-shadow:0 8px 18px #a445581f}.control-group{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding:8px;border:1px solid rgba(80,54,48,.08);border-radius:17px;background:#ffffff8f;box-shadow:inset 0 0 0 1px #ffffff6b}.control-group button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 10px;border:1px solid rgba(80,54,48,.09);border-radius:14px;background:#ffffffb8;color:#4f3832;font-size:.72rem;line-height:1.1;font-weight:800;cursor:pointer}.control-group button:only-child,.control-group button:nth-last-child(1):nth-child(odd){grid-column:1 / -1}.control-group button:hover{border-color:#d0697c5c;background:#ffffffd6}.arrangement-history{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border:1px solid rgba(80,54,48,.08);border-radius:17px;background:#fff9;box-shadow:inset 0 0 0 1px #ffffff6b}.arrangement-history button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 9px;border:1px solid rgba(80,54,48,.09);border-radius:14px;background:#ffffffbd;color:#4f3832;font-size:.72rem;font-weight:850;cursor:pointer}.arrangement-history button:disabled{color:#55413a57;cursor:not-allowed}.arrangement-history .letter-edit-action{grid-column:1 / -1;border-color:#d35f7738;background:#f7d5de;color:#743547}.arrangement-controls button.is-destructive,.arrangement-controls button.destructive,.arrangement-controls .destructive-button,.arrangement-controls .danger-button,.arrangement-controls .delete-button,.arrangement-controls [data-variant=destructive],.arrangement-history button:last-child{border-color:#9c182247;background:linear-gradient(180deg,#ffefedfa,#f8d2d1e6);color:#9c1822;box-shadow:inset 0 0 0 1px #ffffff6b}.arrangement-controls button.is-destructive:hover:not(:disabled),.arrangement-controls button.destructive:hover:not(:disabled),.arrangement-controls .destructive-button:hover:not(:disabled),.arrangement-controls .danger-button:hover:not(:disabled),.arrangement-controls .delete-button:hover:not(:disabled),.arrangement-controls [data-variant=destructive]:hover:not(:disabled),.arrangement-history button:last-child:hover:not(:disabled){border-color:#9c18227a;background:linear-gradient(180deg,#ffe7e4fa,#f4c2c2eb)}.danger-button{border-color:#9c18224d;background:linear-gradient(180deg,#ffefedfa,#f8d2d1e6);color:#9c1822}.arrangement-history button:last-child:disabled{color:#9c18226b}.progress-toast{position:absolute;z-index:6;right:clamp(252px,20vw,324px);bottom:78px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;min-width:380px;padding:12px 18px;border:1px solid rgba(80,54,48,.08);border-radius:15px;background:#fffaf6d1;box-shadow:0 16px 46px #65463a1c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.progress-toast>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--blush-soft);color:#914153}.progress-toast strong,.progress-toast small{display:block}.progress-toast small{color:var(--muted)}.selection-strip{position:absolute;z-index:5;left:50%;bottom:18px;display:flex;gap:10px;align-items:center;max-width:min(48vw,650px);padding:10px;border:1px solid rgba(80,54,48,.08);border-radius:999px;background:#fffaf6b8;box-shadow:0 16px 46px #65463a1c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.selection-strip.is-empty{padding:13px 20px;color:var(--muted)}.selection-strip.is-empty span{font-weight:800;color:var(--ink)}.selected-chip{display:grid;grid-template-columns:1fr auto;width:152px;min-height:64px;padding:10px 9px 10px 14px;border:1px solid rgba(83,54,49,.08);border-radius:22px;background:#ffffff9e}.selected-chip span{font-weight:800}.selected-chip small{max-width:112px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-chip button{grid-row:span 2;align-self:center;width:32px;height:32px;border:1px solid rgba(156,24,34,.18);border-radius:50%;background:#ffeeecbd;color:#9c1822;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.selected-chip button:hover{border-color:#9c182257;background:#fadcdae6;transform:translateY(-1px)}.right-rail{z-index:4;grid-column:3;grid-row:1;display:grid;align-content:center;gap:18px;min-height:0}.rail-card{padding:16px;border-radius:16px}.base-options,.music-list{display:grid;gap:12px;margin-top:16px}.base-option{display:grid;grid-template-columns:82px 1fr;min-height:112px;column-gap:14px;align-items:center;padding:12px;border:1px solid rgba(80,54,48,.08);border-radius:12px;background:#fffaf68a;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.base-option.is-active{border-color:#c24f659e;background:#fffaf6eb}.base-option .base-miniature{grid-row:span 2}.personal-panel label{display:grid;gap:7px;margin-top:14px}.personal-panel label span{color:var(--muted);font-size:.86rem;font-weight:800}.personal-panel input{width:100%;min-height:44px;padding:0 12px;border:1px solid rgba(80,54,48,.12);border-radius:10px;background:#ffffff9e;color:var(--ink)}.toggle-row,.music-list button,.waveform-button,.music-preview{display:flex;align-items:center;width:100%;border:1px solid rgba(80,54,48,.08);background:#ffffff8f;cursor:pointer}.toggle-row{gap:10px;margin-top:12px;padding:12px;border-radius:12px;text-align:left}.toggle-row span{flex:1;font-weight:800}.toggle-row small{color:var(--muted)}.music-list{grid-template-columns:1fr 1fr}.music-list button{gap:8px;min-height:42px;padding:0 10px;border-radius:10px;font-size:.85rem}.builder-footer{position:absolute;right:0;bottom:0;left:0;z-index:8;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px 24px;pointer-events:none}.history-controls{grid-column:2;padding:6px;border:1px solid rgba(80,54,48,.08);border-radius:999px;background:#fffaf6ad;box-shadow:0 14px 38px #65463a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.history-controls button{gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;box-shadow:none}.history-controls button:disabled{color:#55413a57;cursor:not-allowed}.primary-button{display:inline-flex;grid-column:3;justify-self:end;gap:12px;align-items:center;justify-content:center;min-width:184px;min-height:60px;padding:0 28px;border:0;border-radius:999px;background:linear-gradient(135deg,#d76a7f,#c85d71);color:#fff;box-shadow:0 18px 38px #ab485a47;font-weight:900;cursor:pointer;pointer-events:auto;transition:transform .18s ease,box-shadow .18s ease}.primary-button:hover{transform:translateY(-2px);box-shadow:0 22px 48px #ab485a57}.primary-button.full{grid-column:auto;justify-self:stretch;width:100%;min-width:0}.primary-button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.secondary-button{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:1px solid rgba(80,54,48,.1);border-radius:999px;background:#ffffffb8;color:#4f3832;font-weight:900;cursor:pointer}.secondary-button.full{width:100%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:28px;background:radial-gradient(circle at 50% 34%,rgba(255,250,246,.18),transparent 34%),#2d221f8f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;overscroll-behavior:contain;isolation:isolate}.modal-backdrop:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;content:"";pointer-events:none;box-shadow:inset 0 0 0 1px #fffaf624}.letter-modal,.preview-modal{position:relative;z-index:1;display:grid;gap:34px;width:min(1120px,calc(100vw - 56px));min-width:0;min-height:0;max-height:min(760px,calc(100vh - 56px));max-height:min(760px,calc(100dvh - 56px));padding:44px;border:1px solid rgba(255,255,255,.58);border-radius:22px;background:#fffaf6;box-shadow:0 34px 90px #1f141152;overflow:hidden;isolation:isolate}.letter-modal{grid-template-columns:minmax(320px,.95fr) minmax(430px,1fr)}.letter-modal.customize-modal{grid-template-columns:minmax(420px,.95fr) minmax(440px,.9fr);gap:36px;width:min(1060px,calc(100vw - 56px));height:min(720px,calc(100vh - 56px));height:min(720px,calc(100dvh - 56px));max-height:min(720px,calc(100vh - 56px));max-height:min(720px,calc(100dvh - 56px));padding:26px}.modal-close{position:absolute;top:20px;right:20px;z-index:10;border-color:#5036301f;background:#fffaf6f0;box-shadow:0 14px 34px #533c352e}.modal-close:hover{background:#fffaf6;box-shadow:0 18px 38px #533c3538}.clear-confirm-modal{position:relative;z-index:1;display:grid;gap:18px;width:min(430px,calc(100vw - 40px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:26px;border:1px solid rgba(255,255,255,.58);border-radius:22px;background:#fffaf6;box-shadow:0 30px 76px #1f141147;overflow:hidden}.clear-confirm-modal .danger-button{justify-self:stretch;min-height:48px;border-radius:999px;font-weight:900}.paper-preview{position:relative;display:grid;align-content:center;min-height:520px;padding:56px;border-radius:7px;background:linear-gradient(110deg,rgba(255,255,255,.56),transparent),#ffece2;box-shadow:0 20px 44px #6c45372e,inset 0 0 0 1px #82524214;color:#4d332d;font-family:Georgia,serif;font-size:1.18rem;line-height:1.9}.customize-preview-column{display:grid;grid-template-rows:auto 1fr auto;gap:18px;min-height:0;min-width:0}.customize-title{display:flex;gap:12px;align-items:center;min-height:42px}.customize-title>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f9e2e6}.customize-title h2{margin:0;font-size:1.25rem}.customize-title p{margin:2px 0 0;color:var(--muted)}.customize-title>svg{color:var(--blush)}.customize-preview-column .paper-preview{height:100%;min-height:0;padding:68px;background:radial-gradient(circle at 78% 74%,rgba(244,169,188,.24),transparent 18%),#fff2e9}.customize-preview-column .paper-preview p{margin:0 0 10px;font-style:italic}.preview-pill{justify-self:center;display:inline-flex;gap:10px;align-items:center;justify-content:center;min-width:136px;min-height:48px;margin-top:-72px;border:0;border-radius:999px;background:#fffc;box-shadow:0 16px 32px #65463a1a;cursor:pointer;z-index:1}.paper-heart{position:absolute;top:42px;right:56px;color:var(--blush);font-size:2rem}.paper-preview svg{position:absolute;right:52px;bottom:52px;color:#d4798b}.letter-modal-content{display:flex;flex-direction:column;justify-content:center;align-content:center;gap:24px;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.customize-modal .letter-modal-content{justify-content:start;align-self:stretch;max-height:100%;padding:56px 18px 16px 0}.customize-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(80,54,48,.1)}.customize-tabs button{display:grid;gap:6px;justify-items:center;min-height:72px;border:0;border-bottom:3px solid transparent;background:transparent;color:#3c2d29;cursor:pointer}.customize-tabs button.is-active{border-color:var(--blush);color:#a33f57}.customize-panel{display:grid;gap:20px}.message-field{position:relative;display:grid;gap:8px}.message-field span,.swatch-section h3,.style-row h3,.audio-block h3{margin:0;font-size:.95rem;font-weight:900}.message-field textarea{width:100%;min-height:168px;resize:vertical;padding:16px;border:1px solid rgba(80,54,48,.14);border-radius:10px;background:#ffffff9e;color:var(--ink);line-height:1.55}.message-field small{position:absolute;right:14px;bottom:10px;color:var(--muted)}.handwriting-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.handwriting-grid button{display:grid;gap:5px;justify-items:center;min-height:84px;padding:10px 8px;border:1px solid rgba(80,54,48,.1);border-radius:10px;background:#ffffff94;cursor:pointer}.handwriting-grid button.is-active{border-color:#c65d70bf;background:#fff4f5}.handwriting-grid strong{font-family:Georgia,serif;font-size:1.7rem;font-style:italic}.swatch-section p{margin:3px 0 14px;color:var(--muted)}.paper-swatch-grid{display:grid;grid-template-columns:repeat(5,74px);gap:14px}.paper-swatch-grid button,.round-swatch-row button{position:relative;border:1px solid rgba(80,54,48,.12);background:var(--swatch);cursor:pointer}.paper-swatch-grid button{width:74px;height:74px;border-radius:9px}.paper-swatch-grid button.is-active,.round-swatch-row button.is-active{border-color:#c65d70cc;box-shadow:0 0 0 2px #c65d7024}.paper-swatch-grid svg,.round-swatch-row svg{position:absolute;top:8px;right:8px;color:#fff}.round-swatch-row{display:flex;gap:22px;align-items:center;margin-top:14px}.round-swatch-row button{width:36px;height:36px;border-radius:50%}.round-swatch-row svg{top:10px;right:10px}.letter-modal-content h2,.preview-copy h2{margin:0;font-family:Fraunces,Georgia,serif}.letter-modal-content h2{font-size:2rem}.letter-modal-content p,.audio-block p{margin:4px 0 0;color:var(--muted)}.audio-block .voice-status-copy{color:#8c3d4f;font-weight:800}.audio-block h3{margin:0;font-size:1rem}.waveform-button{gap:12px;margin-top:10px;padding:10px 12px;border-radius:999px}.record-waveform{display:flex;align-items:center;min-height:74px;border-radius:9px}.record-dot{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--blush);color:#fff}.record-waveform.is-recording .record-dot{background:#a9435a}.record-waveform.is-recorded .record-dot{background:#fff3f5;color:#a9435a}.record-label{min-width:118px;color:#4b3833;font-weight:900;text-align:left;white-space:nowrap}.audio-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:14px}.audio-actions button,.choose-song-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;flex:1 1 142px;min-height:44px;padding:0 18px;border:1px solid rgba(80,54,48,.11);border-radius:8px;background:#ffffff94;color:var(--ink);cursor:pointer}.audio-actions .confirm-button{border-color:#c4667947;background:#f8dce3;color:#8c3d4f}.choose-song-button{width:100%;margin-top:14px;color:#a33f57}.waveform-button svg,.music-preview>svg{flex:0 0 auto;color:var(--blush)}.waveform{flex:1;min-width:72px;height:34px;background:repeating-linear-gradient(90deg,rgba(216,111,130,.3) 0 3px,transparent 3px 7px,rgba(216,111,130,.62) 7px 10px,transparent 10px 15px);-webkit-mask-image:radial-gradient(ellipse,black 58%,transparent 62%);mask-image:radial-gradient(ellipse,black 58%,transparent 62%)}.music-preview{gap:12px;justify-content:space-between;margin-top:10px;padding:10px;border-radius:14px}.music-preview span:nth-child(2){display:grid;flex:1;min-width:0;text-align:left}.album-art{width:44px;height:44px;border-radius:9px;background:radial-gradient(circle at 50% 38%,#fff4e8 0 10%,transparent 11%),linear-gradient(135deg,#2c2725,#bb8b67)}.preview-modal{grid-template-columns:minmax(390px,.95fr) minmax(360px,.86fr);grid-template-rows:minmax(0,1fr);align-items:stretch;width:min(1120px,calc(100vw - 56px));height:min(720px,calc(100vh - 40px));height:min(720px,calc(100dvh - 40px));min-height:min(560px,calc(100vh - 40px));min-height:min(560px,calc(100dvh - 40px));max-height:min(720px,calc(100vh - 40px));max-height:min(720px,calc(100dvh - 40px));padding:24px;overflow:hidden;overflow-anchor:none;overscroll-behavior:contain}.preview-stage{position:relative;display:grid;align-self:stretch;height:100%;min-height:320px;border-radius:20px;background:radial-gradient(circle at 50% 56%,rgba(216,111,130,.16),transparent 35%),#fff4ed;box-shadow:inset 0 0 0 1px #ffffff94,0 18px 48px #734d401f;overflow:hidden}.preview-stage .stage-canvas,.preview-stage .real-model-stage,.preview-real-stage{height:100%;min-height:320px}.preview-copy{display:grid;align-content:start;gap:10px;min-height:0;max-height:100%;height:100%;padding:16px 0 0;overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin}.preview-copy h2{font-size:clamp(1.65rem,2.4vw,2.1rem);line-height:1.05}.preview-copy>p{max-width:390px;margin:0;font-size:.92rem;line-height:1.45}.preview-letter-card,.preview-voice-card,.send-panel{display:grid;gap:9px;padding:14px;border:1px solid rgba(80,54,48,.08);border-radius:18px;background:#ffffff9e;box-shadow:inset 0 0 0 1px #ffffff80}.preview-letter-card,.preview-voice-card{min-height:84px;max-height:none;overflow:visible}.preview-voice-card{align-content:center;min-height:72px}.preview-voice-card>div:first-child{display:grid;gap:4px}.preview-voice-card span{color:#8c3d4f;font-weight:900}.preview-voice-card p{margin:0;color:#6f554f}.preview-voice-card audio{width:100%;min-height:38px}.preview-voice-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.preview-letter-card span{color:#8c3d4f;font-weight:900}.preview-letter-card p{display:-webkit-box;overflow:hidden;margin:0;color:#4b3833;white-space:pre-line;-webkit-box-orient:vertical;-webkit-line-clamp:3}.send-panel label{display:grid;gap:7px;color:#4b3833;font-weight:900}.send-panel input{min-height:40px;padding:0 14px;border:1px solid rgba(80,54,48,.1);border-radius:14px;background:#fffc;color:#2f211e;font:inherit}.send-panel small{color:#7a615b}.preview-list{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.preview-list span{padding:8px 12px;border-radius:999px;background:#f7e3e5;color:#6c3844;font-weight:800;font-size:.86rem}.share-storage-note{max-width:none;margin:0;padding:12px 14px;border:1px solid rgba(196,102,121,.18);border-radius:14px;background:#f9e2e685;color:#744952;font-size:.84rem;line-height:1.35}.share-error{color:#9c1822;font-weight:800}.share-link-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;padding:12px;border:1px solid rgba(196,102,121,.28);border-radius:18px;background:linear-gradient(180deg,#fff5f7fa,#ffffffeb);box-shadow:0 16px 42px #c4667929}.share-link-box>span{grid-column:1 / -1;color:#8c3d4f;font-size:.9rem;font-weight:900}.share-link-box input{min-width:0;width:100%;min-height:44px;border-color:#c4667933;background:#fff;color:#2f211e;font-size:.98rem;font-weight:800}.preview-modal .primary-button.full{min-height:52px}.preview-action-button,.share-link-box button{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-width:108px;min-height:44px;padding:0 14px;border:1px solid rgba(80,54,48,.1);border-radius:14px;background:#ffffffdb;color:#4f3832;font-weight:900;white-space:normal;cursor:pointer}.share-link-box small{grid-column:1 / -1;color:#8b5d66;font-weight:800}.clear-confirm-modal{position:relative;display:grid;gap:18px;width:min(430px,calc(100vw - 40px));padding:32px;border:1px solid rgba(255,255,255,.62);border-radius:26px;background:#fffaf6;box-shadow:0 34px 90px #1f141152}.clear-confirm-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#f8dce3;color:#9a4255}.clear-confirm-modal h2{margin:2px 0 8px;font-family:Fraunces,Georgia,serif;font-size:2rem;line-height:1.05}.clear-confirm-modal p{margin:0;color:#6f554f;line-height:1.45}.clear-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.reveal-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 82%,rgba(232,143,174,.24),transparent 30%),radial-gradient(circle at 36% 12%,rgba(255,255,255,.98),transparent 36%),linear-gradient(180deg,#fbfaf7,#f2eee9 54%,#faf4ef)}.reveal-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;content:"";pointer-events:none;background:radial-gradient(ellipse at 50% 76%,rgba(255,255,255,.92) 0 18%,transparent 48%),linear-gradient(180deg,#ffffff29,#ffffffb3);opacity:.66;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 30%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 30%,black 100%)}.reveal-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.floating-petal{position:absolute;top:var(--y);left:var(--x);width:var(--size);height:calc(var(--size) * .58);border-radius:76% 34% 72% 30%;background:radial-gradient(circle at 30% 35%,rgba(255,255,255,.45),transparent 28%),linear-gradient(135deg,var(--tone),color-mix(in srgb,var(--tone) 72%,#742638));box-shadow:0 8px 18px #91364e1f;opacity:.82;transform:translateZ(0) rotate(var(--rotate));animation:revealPetalDrift var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}.floating-petal:after{position:absolute;top:45%;left:18%;width:64%;height:1px;content:"";background:#ffffff6b;transform:rotate(-16deg)}.floating-butterfly{position:absolute;top:var(--y);left:var(--x);width:var(--size);height:var(--size);opacity:.72;transform:translateZ(0) rotate(var(--rotate));animation:revealButterflyFloat var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}.floating-butterfly:before,.floating-butterfly:after{position:absolute;top:18%;width:52%;height:64%;content:"";border-radius:74% 38% 68% 44%;background:radial-gradient(circle at 34% 34%,rgba(255,255,255,.72),transparent 24%),linear-gradient(135deg,color-mix(in srgb,var(--tone) 82%,white),var(--tone));box-shadow:0 8px 16px #7c4e521c;animation:revealButterflyWing .72s ease-in-out infinite}.floating-butterfly:before{left:0;transform-origin:right center}.floating-butterfly:after{right:0;transform-origin:left center;animation-delay:.12s}.floating-butterfly span{position:absolute;top:25%;left:47%;z-index:1;width:7%;height:58%;border-radius:999px;background:#4e38326b}@keyframes revealPetalDrift{0%{transform:translateZ(0) rotate(var(--rotate))}50%{transform:translate3d(calc(var(--drift-x) * .5),calc(var(--drift-y) * .5),0) rotate(calc(var(--rotate) + 88deg))}to{transform:translate3d(var(--drift-x),var(--drift-y),0) rotate(calc(var(--rotate) + 176deg))}}@keyframes revealButterflyFloat{0%{transform:translateZ(0) rotate(var(--rotate))}50%{transform:translate3d(calc(var(--drift-x) * .48),calc(var(--drift-y) * .48),0) rotate(calc(var(--rotate) - 12deg))}to{transform:translate3d(var(--drift-x),var(--drift-y),0) rotate(calc(var(--rotate) + 8deg))}}@keyframes revealButterflyWing{0%,to{transform:scaleX(.86) rotate(5deg)}50%{transform:scaleX(1.08) rotate(-7deg)}}@media(prefers-reduced-motion:reduce){.floating-petal,.floating-butterfly,.floating-butterfly:before,.floating-butterfly:after{animation:none}}.reveal-brand{position:absolute;top:30px;left:38px;z-index:8}.reveal-build-link{position:absolute;top:30px;right:38px;z-index:10;display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid rgba(80,54,48,.1);border-radius:999px;background:#fffaf6e6;color:#4f3832;font-weight:900;box-shadow:0 16px 38px #533c3526;cursor:pointer}.reveal-rotate-hint{position:absolute;top:118px;left:38px;z-index:10;display:inline-flex;gap:8px;align-items:center;min-height:36px;padding:0 12px;border:1px solid rgba(80,54,48,.1);border-radius:999px;background:#fffaf6d6;color:#6d514b;font-size:.85rem;font-weight:900;box-shadow:0 12px 28px #533c351f;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.reveal-rotate-hint svg{color:#9a4255}.music-box-control{position:absolute;bottom:26px;left:50%;z-index:10;display:grid;gap:6px;justify-items:center;transform:translate(-50%)}.music-box-control button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid rgba(80,54,48,.1);border-radius:999px;background:#fffaf6eb;color:#4f3832;font-weight:900;box-shadow:0 16px 38px #533c3526;cursor:pointer}.music-box-control button.is-playing{border-color:transparent;background:linear-gradient(135deg,#d76a7f,#c85d71);color:#fff}.music-box-control small{padding:4px 8px;border-radius:999px;background:#fffaf6e0;color:#8c3d4f;font-size:.78rem;font-weight:800}.reveal-stage-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.reveal-real-stage{width:100%;height:100vh;min-height:100vh}.reveal-card,.reveal-status-card{position:absolute;z-index:9;border:1px solid rgba(75,50,42,.09);background:#fffaf6db;box-shadow:0 24px 70px #7656442b;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.reveal-card{top:128px;right:36px;display:grid;gap:14px;width:min(350px,calc(100vw - 72px));max-height:calc(100vh - 172px);padding:22px;border-radius:22px;overflow:auto}.reveal-card h1,.reveal-status-card h1{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.65rem,3vw,2.8rem);font-weight:650;line-height:1.08}.reveal-card p:not(.eyebrow),.reveal-status-card p{margin:0;color:#684f48;font-size:.9rem}.reveal-letter-card,.reveal-voice-note{display:grid;gap:10px;padding:16px;border:1px solid rgba(80,54,48,.08);border-radius:18px;background:#ffffffa3}.reveal-letter-button{width:100%;border:1px solid rgba(140,61,79,.12);color:inherit;font:inherit;text-align:left;cursor:pointer}.reveal-letter-button:disabled{cursor:default}.reveal-letter-button strong{display:inline-flex;gap:8px;align-items:center;color:#a9435a;font-size:.92rem}.reveal-letter-button:hover:not(:disabled){border-color:#c4667957;background:#fff7f4e6}.reveal-letter-card span{color:#8c3d4f;font-weight:900}.reveal-letter-card p{display:-webkit-box;overflow:hidden;white-space:pre-line;-webkit-box-orient:vertical;-webkit-line-clamp:4}.reveal-voice-note>div{display:flex;gap:10px;align-items:center;color:#8c3d4f;font-weight:900}.reveal-voice-note audio{width:100%}.letter-reader-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:28px;background:#2b231f6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.letter-reader-modal{position:relative;display:grid;gap:16px;width:min(620px,calc(100vw - 40px));max-height:min(760px,calc(100vh - 40px));max-height:min(760px,calc(100dvh - 40px));padding:26px;overflow:auto;border:1px solid rgba(75,50,42,.1);border-radius:28px;background:#fffaf6f5;box-shadow:0 30px 90px #412b2452}.letter-reader-heading{display:flex;gap:14px;align-items:center;padding-right:58px}.letter-reader-heading>span{display:grid;flex:0 0 auto;width:44px;height:44px;place-items:center;border-radius:14px;background:#f8dce4;color:#8c3d4f}.letter-reader-heading h2{margin:4px 0 0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.08}.reader-paper{display:grid;min-height:300px;align-content:center;gap:12px;padding:clamp(28px,5vw,48px);border:1px solid rgba(116,73,82,.12);border-radius:20px;background:radial-gradient(circle at 78% 15%,rgba(216,101,124,.12),transparent 18%),linear-gradient(180deg,#fff1e5,#fff8ef);box-shadow:inset 0 0 0 1px #ffffff8a;color:#4f3832;font-family:Fraunces,Georgia,serif;font-size:clamp(1rem,1.65vw,1.25rem);font-style:italic;line-height:1.58}.reader-paper p{margin:0}.reader-voice-note{display:grid;gap:12px;padding:18px;border:1px solid rgba(80,54,48,.08);border-radius:18px;background:#ffffffb3}.reader-voice-note>div{display:inline-flex;gap:10px;align-items:center;color:#8c3d4f;font-weight:900}.reader-voice-note audio{width:100%}.reveal-status-card{top:50%;left:50%;display:grid;place-items:center;gap:12px;width:min(420px,calc(100vw - 48px));padding:34px;border-radius:24px;text-align:center;transform:translate(-50%,-50%)}@media(max-width:1180px){.topbar{grid-template-columns:1fr;gap:16px}.brand-mark,.topbar-actions{justify-self:center}.builder-layout{display:block;height:100vh;min-height:0;padding:0}.right-rail{display:none}.stage-copy{top:26px;left:clamp(318px,31vw,380px)}.stage-hint,.progress-toast{right:24px}}@media(max-width:860px){.app-shell{height:100vh;min-height:100vh;overflow:hidden}.topbar{position:absolute;min-height:112px;padding:18px}.section-tabs{justify-content:flex-start;overflow-x:auto;width:100%;padding-bottom:4px}.section-tab{min-width:124px;padding:0 18px}.builder-layout{display:block;height:100vh;min-height:0;padding:0}.hero-stage{min-height:100vh}.left-builder-rail{top:132px;bottom:96px;left:14px}.rail-stack{grid-auto-flow:row;grid-auto-columns:auto;overflow-x:auto}.rail-base-button,.rail-tool-button{width:68px}.real-model-stage,.builder-layout.is-base-step .real-model-stage{height:100vh;min-height:100vh;transform:none}.stage-copy{position:relative;top:auto;left:auto;padding:14px 8px 0}.stage-copy h1{font-size:2.5rem}.catalog-panel{top:132px;bottom:96px;left:110px;width:calc(100vw - 126px);max-height:none;padding:16px}.arrangement-controls{top:132px;bottom:auto;right:10px;grid-template-columns:84px minmax(0,1fr);width:min(330px,calc(100vw - 24px));max-height:calc(100vh - 244px);max-height:calc(100dvh - 244px);padding:10px}.control-tabs button,.control-group button{min-height:38px;font-size:.68rem}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.right-rail{grid-template-columns:1fr;width:100%}.builder-footer{position:absolute;grid-template-columns:1fr;gap:12px;padding:0 18px 18px;pointer-events:none}.history-controls,.primary-button{grid-column:auto;justify-self:stretch}.history-controls{justify-content:center}.primary-button{width:100%}.reveal-brand{top:18px;left:18px}.reveal-build-link{top:18px;right:16px;width:48px;height:48px;min-height:48px;padding:0}.reveal-rotate-hint{top:82px;left:18px;min-height:34px;font-size:.78rem}.music-box-control{top:74px;right:16px;bottom:auto;left:auto;transform:none}.music-box-control button{width:48px;height:48px;min-height:48px;padding:0}.reveal-build-link .reveal-control-label,.music-box-control .reveal-control-label,.music-box-control small{display:none}.reveal-card{top:auto;right:16px;bottom:84px;left:auto;display:flex;flex-direction:column;width:auto;max-height:none;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;-webkit-backdrop-filter:none;backdrop-filter:none}.reveal-card>h1,.reveal-card>p{display:none}.reveal-card h1{font-size:clamp(1.55rem,7vw,2.3rem)}.reveal-letter-card,.reveal-voice-note{display:grid;place-items:center;width:52px;height:52px;min-height:52px;padding:0;border-radius:999px;background:#fffaf6e6;box-shadow:0 16px 38px #533c3526}.reveal-letter-card>span,.reveal-letter-card>p,.reveal-letter-button .reveal-control-label,.reveal-voice-note>div span,.reveal-voice-note audio{display:none}.reveal-letter-button strong,.reveal-voice-note>div{display:grid;place-items:center;gap:0;color:#9a4255;font-size:0}.reveal-letter-button strong svg,.reveal-voice-note svg{width:21px;height:21px}.letter-modal,.preview-modal{grid-template-columns:1fr;width:min(100%,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:24px}.letter-modal.customize-modal{grid-template-columns:1fr;grid-template-rows:minmax(240px,.78fr) minmax(0,1fr);height:min(760px,calc(100vh - 24px));height:min(760px,calc(100dvh - 24px));padding:24px}.preview-modal{grid-template-columns:minmax(250px,.72fr) minmax(320px,1fr);grid-template-rows:minmax(0,1fr);height:min(660px,calc(100vh - 24px));height:min(660px,calc(100dvh - 24px));gap:18px;overflow:hidden}.paper-preview{min-height:360px}.preview-stage,.preview-stage .stage-canvas,.preview-stage .real-model-stage,.preview-real-stage{height:100%;min-height:250px}.preview-copy{height:100%;max-height:100%;padding:8px 4px 0;overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain}.selection-strip{max-width:calc(100% - 24px);overflow-x:auto;border-radius:22px}.progress-toast{right:12px;bottom:84px;left:12px;min-width:0}.item-callout{left:18px}}@media(max-width:540px){.topbar-actions{width:100%}.ghost-button{flex:1}.share-gift-button,.topbar-actions .ghost-button:not(.json-export-button){flex:1 0 154px;min-width:154px;max-width:none;padding-inline:14px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-card{min-height:148px;padding:10px}.stage-canvas{min-height:420px}.hero-stage{min-height:540px}.stage-hint{display:none}.modal-backdrop{padding:12px}.letter-modal,.preview-modal,.letter-modal.customize-modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:18px}.preview-modal{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:0;overflow-y:auto;overflow-x:hidden}.preview-stage,.preview-stage .stage-canvas,.preview-stage .real-model-stage,.preview-real-stage{min-height:220px}.preview-copy{height:auto;max-height:none;overflow:visible}.modal-close{top:12px;right:12px;width:44px;height:44px;min-height:44px}.paper-preview{padding:34px;font-size:1rem}.share-link-box{grid-template-columns:1fr}}.mobile-builder-layout{display:none}@media(max-width:860px){.app-shell.is-mobile-builder{display:block;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 28%,rgba(255,230,232,.58),transparent 34%),linear-gradient(180deg,#fffaf7,#fff7f2 55%,#f8ede8)}.mobile-builder-layout{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;color:var(--ink)}.mobile-builder-header{z-index:12;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 10px}.mobile-builder-brand,.mobile-builder-share{border:1px solid rgba(83,60,53,.09);background:#fffbf8db;box-shadow:0 16px 36px #533c351a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-builder-brand{display:grid;grid-template-columns:auto 18px;align-items:center;justify-content:start;width:fit-content;max-width:100%;min-height:62px;padding:8px 14px 9px;border-radius:22px;text-align:left;color:var(--ink)}.mobile-builder-brand span{font-family:var(--display);font-size:clamp(1.55rem,8vw,2.3rem);line-height:.9;letter-spacing:0}.mobile-builder-brand svg{align-self:start;color:var(--blush)}.mobile-builder-brand small{grid-column:1 / -1;margin-top:5px;color:var(--muted);font-size:.78rem;line-height:1.1}.mobile-builder-share{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:88px;min-height:46px;padding:0 14px;border-radius:999px;color:#fff;font-size:.93rem;font-weight:800;background:var(--blush)}.mobile-stage-panel{position:relative;min-height:0;overflow:hidden;isolation:isolate}.mobile-real-model-stage,.mobile-real-model-stage .stage-canvas{width:100%;height:100%;min-height:0}.mobile-real-model-stage{transform:translateY(3px)}.mobile-stage-hint,.mobile-stage-count,.mobile-stage-actions{position:absolute;z-index:8;border:1px solid rgba(83,60,53,.1);background:#fffbf8d6;box-shadow:0 14px 30px #533c351a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-stage-hint{top:8px;left:16px;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;color:var(--muted);font-size:.78rem;font-weight:800}.mobile-stage-count{right:16px;bottom:14px;max-width:min(260px,calc(100vw - 32px));padding:8px 12px;border-radius:16px;color:var(--muted);font-size:.72rem;font-weight:800;line-height:1.25}.mobile-stage-actions{bottom:14px;left:16px;display:inline-flex;gap:6px;padding:5px;border-radius:999px}.mobile-stage-actions button{display:grid;place-items:center;width:38px;height:38px;min-height:38px;border:0;border-radius:999px;color:var(--ink);background:#ffffffbd}.mobile-stage-actions button:disabled{color:#533c3547;background:#ffffff57}.mobile-builder-sheet{z-index:16;height:clamp(318px,45vh,390px);height:clamp(318px,45dvh,390px);min-height:0;padding:9px 14px calc(12px + env(safe-area-inset-bottom));border:1px solid rgba(83,60,53,.1);border-radius:30px 30px 0 0;background:#fffbf8f2;box-shadow:0 -18px 48px #533c3524;overflow:hidden}.mobile-sheet-handle{width:46px;height:5px;margin:0 auto 9px;border-radius:999px;background:#533c352e}.mobile-section-tabs{display:flex;gap:8px;padding:0 0 10px;overflow-x:auto;scrollbar-width:none}.mobile-section-tabs::-webkit-scrollbar,.mobile-filter-chips::-webkit-scrollbar,.mobile-catalog-row::-webkit-scrollbar{display:none}.mobile-section-tabs button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-width:86px;min-height:46px;padding:0 12px;border:1px solid rgba(83,60,53,.09);border-radius:17px;color:var(--muted);background:#ffffffc7;font-size:.78rem;font-weight:900}.mobile-section-tabs button.is-active{color:var(--ink);border-color:#d8607b52;background:#fce0e8e6;box-shadow:inset 0 0 0 1px #d8607b1f}.mobile-sheet-content{display:grid;gap:10px;max-height:calc(100% - 62px);overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;padding-bottom:4px}.mobile-sheet-header{display:grid;gap:2px}.mobile-sheet-header h2{margin:0;color:var(--ink);font-size:1.12rem;line-height:1.1;letter-spacing:0}.mobile-sheet-header p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.25}.mobile-filter-chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.mobile-filter-chips button{flex:0 0 auto;min-height:34px;padding:0 13px;border:1px solid rgba(83,60,53,.09);border-radius:999px;color:var(--muted);background:#fff;font-size:.78rem;font-weight:900}.mobile-filter-chips button.is-active{color:var(--rose-deep);border-color:#d8607b47;background:#fce0e8e6}.mobile-base-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-base-options button,.mobile-catalog-item,.mobile-starter-card{border:1px solid rgba(83,60,53,.09);border-radius:20px;color:var(--ink);background:#ffffffd1;box-shadow:0 10px 26px #533c3512}.mobile-base-options button{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;min-height:72px;padding:8px 12px;text-align:left;font-weight:900}.mobile-base-options button.is-active,.mobile-starter-card.is-active{border-color:#d8607b59;background:#fce0e8e6}.mobile-catalog-row{display:grid;grid-auto-flow:column;grid-auto-columns:112px;gap:10px;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:none}.mobile-starter-row{grid-auto-columns:minmax(136px,44vw)}.mobile-catalog-item{display:grid;grid-template-rows:72px auto auto;gap:5px;align-content:start;min-height:142px;padding:9px;text-align:left}.mobile-catalog-item .flower-thumb,.mobile-catalog-item .plushie-thumb,.mobile-catalog-item .letter-thumb,.mobile-catalog-item .asset-thumb{width:100%;height:72px;min-height:72px;border-radius:16px}.mobile-catalog-item span,.mobile-starter-card span{display:block;min-width:0;overflow:hidden;color:var(--ink);font-size:.83rem;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.mobile-catalog-item small,.mobile-starter-card small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.68rem;font-weight:700;line-height:1.15;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mobile-starter-card{display:grid;align-content:center;gap:6px;min-height:82px;padding:12px;text-align:left}}@media(max-width:860px){.modal-backdrop{align-items:stretch;padding:10px;overflow-y:auto;overscroll-behavior:contain}.letter-modal.customize-modal{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:12px;width:min(100%,calc(100vw - 20px));height:min(720px,calc(100dvh - 20px));max-height:calc(100dvh - 20px);padding:14px;overflow:hidden;border-radius:24px}.letter-modal.customize-modal .modal-close{top:12px;right:12px;z-index:4;width:48px;height:48px;min-height:48px}.customize-preview-column{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0;overflow:hidden}.customize-title{grid-template-columns:48px minmax(0,1fr);gap:10px;min-height:58px;padding-right:58px}.customize-title>svg{display:none}.customize-title>span{width:48px;height:48px;border-radius:18px}.customize-title h2{font-size:clamp(1.35rem,6.6vw,1.85rem);line-height:1.02}.customize-title p{margin-top:4px;font-size:.95rem;line-height:1.25}.letter-modal.customize-modal .paper-preview{align-content:start;height:clamp(138px,25dvh,210px);min-height:0;padding:22px 26px;overflow:hidden;border-radius:14px;font-size:.88rem;line-height:1.42}.customize-preview-column .paper-preview p{margin:0 0 .45em}.paper-preview .paper-heart{top:14px;right:18px;font-size:1.15rem}.paper-preview svg{right:18px;bottom:18px;width:24px;height:24px}.letter-modal.customize-modal .letter-modal-content{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;align-self:stretch;min-height:0;max-height:none;padding:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.customize-tabs button{min-height:52px;gap:4px;border-bottom-width:2px;font-size:.86rem}.customize-tabs button svg{width:18px;height:18px}.customize-panel{gap:12px;min-height:0}.message-field textarea{min-height:132px;max-height:210px;resize:none;padding:14px;font-size:.94rem}.handwriting-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.handwriting-grid button{min-height:66px;padding:8px 6px}.handwriting-grid strong{font-size:1.25rem}.round-swatch-row,.paper-swatch-grid{gap:8px}.letter-modal.customize-modal .primary-button.full{min-height:50px;border-radius:999px}}@media(max-width:420px){.letter-modal.customize-modal{gap:10px;padding:12px}.letter-modal.customize-modal .paper-preview{height:clamp(120px,21dvh,170px);padding:18px 22px;font-size:.78rem;line-height:1.34}.customize-title h2{font-size:clamp(1.2rem,6vw,1.55rem)}.customize-title p{font-size:.86rem}.message-field textarea{min-height:112px}}