@font-face{font-family:SUIT;src:url('/assets/SUIT-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Geist;src:url('/assets/Geist.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Caveat;src:url('/assets/Caveat.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--paper:#f4f0e8;--ink:#25241f;--accent:#ff705a;--neon:#ff493b;--font-sign:Caveat,cursive}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#151311;color:var(--paper)}body{font-family:SUIT,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:wait;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}img{max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;left:20px;top:-100px;background:var(--paper);color:var(--ink);padding:15px;z-index:100}.skip:focus{top:10px}.world{position:fixed;inset:0;overflow:hidden;pointer-events:none}.world-photo{width:100%;height:100%;object-fit:cover;object-position:72% center;transition:opacity .7s}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0e0e0df0 0%,#100f0dcc 36%,#100e0c38 68%,#0e0c0920),linear-gradient(0deg,#0d0d0b66,transparent 45%)}.header{position:relative;height:90px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;z-index:40}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:62px;fill:none;stroke:var(--paper);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.brand>span{font:700 10px/1.1 Geist,Arial,sans-serif;letter-spacing:.02em}.header nav{display:flex;gap:19px;align-items:center}.header nav button{font-size:11px;color:#f0e9e0b8;padding:8px 0;transition:color .2s}.header nav button:hover{color:white}.header nav i{width:8px}.mobile-menu-button{display:none}.experience{position:relative;min-height:calc(100svh - 90px);display:flex;align-items:center;padding:80px 6% 95px;isolation:isolate}.journey{position:absolute;top:25px;left:6%;display:flex;gap:25px;align-items:center}.journey-track{display:flex;gap:28px;align-items:center}.journey-track button{display:flex;align-items:center;gap:7px;font-size:11px;color:#ddd3c080;padding:8px 0}.journey-track button>span{font:12px Geist,Arial,sans-serif}.journey-track button[aria-current=step]{color:#fff3df}.journey-track button:disabled{cursor:default;opacity:1}.journey-track button.done{color:#e3d5c6}.journey>button{font-size:22px;line-height:1;padding:4px}.question-panel{width:100%;max-width:840px;position:relative;z-index:2}.question-panel h1,.question-panel h2{font-size:clamp(38px,4.7vw,69px);font-weight:450;line-height:1.27;letter-spacing:-.065em;max-width:100%;outline:0}.composer{margin-top:40px;max-width:590px;background:#f5f1e8;border-radius:22px;padding:19px 22px 13px;box-shadow:0 20px 70px #0002;color:var(--ink)}.composer>input{width:100%;font-size:28px;font-weight:450;letter-spacing:-.025em;background:none;border:0;outline:none!important;padding:4px 0 12px;color:var(--ink)}.composer>input::placeholder{color:#8b8a80}.composer-bottom{display:flex;align-items:center;justify-content:space-between}.tab-hint{display:flex;align-items:center;gap:9px;padding:7px 0;color:#77786c;font-size:11px}.tab-hint kbd{font:10px Geist,Arial,sans-serif;padding:3px 6px;border:1px solid #cac9be;border-radius:4px;background:#e9e8df}.circle-next{display:grid;place-items:center;width:37px;height:37px;background:var(--ink);color:var(--paper);border-radius:50%;font-size:25px;line-height:1;transition:transform .2s}.circle-next:hover{transform:translateY(-2px)}.suggestions{display:flex;gap:9px;flex-wrap:wrap;max-width:600px;margin-top:17px}.suggestions button{border:1px solid #e6d5c83d;border-radius:30px;padding:9px 15px;font-size:12px;color:#eddfd0;transition:background .2s}.suggestions button:hover{background:#f5eee21c}.field-status{font-size:12px;line-height:1.7;margin-top:12px;max-width:590px;color:#e8bbae}.field-status:empty{display:none}.color-palette{display:flex;align-items:flex-start;gap:26px;margin:42px 0 40px}.color-palette button{padding:6px 0;display:flex;align-items:center;flex-direction:column;gap:19px;min-width:56px}.color-palette button>span{width:47px;height:47px;border-radius:50%;background:var(--color);box-shadow:0 0 24px color-mix(in srgb,var(--color),transparent 72%);position:relative;transition:transform .3s,box-shadow .3s}.color-palette button>strong{font:400 11px Geist,Arial,sans-serif;color:#c6bcae;white-space:nowrap}.color-palette button[aria-pressed=true]>span{transform:scale(1.1);box-shadow:0 0 45px color-mix(in srgb,var(--color),transparent 40%)}.color-palette button[aria-pressed=true]>span:after{content:'';position:absolute;inset:-7px;border:1px solid #fff8e8a6;border-radius:50%}.color-palette button[aria-pressed=true]>strong{color:white}.next-button{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:18px 23px;min-width:245px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:650;border-radius:5px;transition:background .25s,transform .25s}.next-button:hover{background:#fffaf1;transform:translateY(-2px)}.next-button>span{font-size:24px;font-weight:400}.place-panel h2{font-size:clamp(38px,4vw,58px)}.place-choices{display:flex;gap:13px;margin:30px 0 20px;max-width:540px}.place-choices>button{flex:1;border:1px solid #decebb55;padding:12px 10px 14px;border-radius:7px;text-align:center;background:#17161266;transition:background .2s,border-color .2s}.place-choices svg{width:65px;height:45px;display:block;margin:0 auto 8px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;color:#d3c9b9}.place-choices span{font-size:12px;font-weight:450}.place-choices button[aria-pressed=true]{background:#f4f0e815;border-color:#f2e7d7}.mood-choices{display:flex;gap:9px;margin-bottom:21px;max-width:540px}.mood-choices button{flex:1;padding:11px 8px;border-radius:30px;font-size:12px;color:#c8bcac;border:1px solid transparent}.mood-choices button[aria-pressed=true]{border-color:#eadfcf;color:#fff1df}.font-open{display:flex;align-items:center;gap:20px;padding:10px 0 20px;margin-bottom:15px;max-width:540px;width:100%}.font-open>span:first-child{font-size:11px;color:#cdbfae}.font-open strong{font:400 31px/1.1 var(--font-sign);font-style:italic;color:#ffe9de;text-shadow:0 0 12px #ff6d5a55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}.font-open>span:last-child{margin-left:auto;font-size:21px}.live-sign{position:absolute;width:32%;left:64%;top:40%;text-align:center;--neon:#ff493b;transform:translateY(-10%)}.acrylic{position:relative;padding:24px 15px;transform:rotate(-6deg)}.acrylic #live-text{font:400 clamp(35px,5.2vw,82px)/1.15 var(--font-sign);color:#fff0e9;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-text-stroke:.5px var(--neon);text-shadow:0 0 3px white,0 0 10px var(--neon),0 0 30px var(--neon),0 0 70px var(--neon)}.heart{display:block;font:64px/1 Georgia,serif;color:#fff1e9;text-shadow:0 0 5px white,0 0 17px var(--neon),0 0 50px var(--neon);margin-top:16px}body[data-step="2"] .world-photo,body[data-step="3"] .world-photo{opacity:.2}body[data-step="4"] .world-photo{opacity:.14}body[data-step="4"] .experience{display:block;padding:25px 4.4% 40px}body[data-step="4"] .journey{display:none}.result-screen{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr);gap:40px;align-items:start;min-height:calc(100svh - 170px)}.result-image-wrap{position:relative;min-height:calc(100svh - 155px);overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#392728,#1b1918 70%);border-radius:5px;display:grid;place-items:center}.result-image-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.result-vector{text-align:center;padding:70px 7%;width:100%;--neon:#ff493b}.result-vector>span:first-child{font:400 clamp(35px,5vw,76px)/1.3 var(--font-sign);color:#fff4e8;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-text-stroke:.6px var(--neon);text-shadow:0 0 5px white,0 0 15px var(--neon),0 0 50px var(--neon)}#result-image-label{position:absolute;left:20px;bottom:20px;font-size:11px;color:#ecdfd1b3}#edit-design{position:absolute;top:20px;left:20px;font-size:12px;background:#171411ad;padding:9px 12px;border-radius:4px}#save-design{position:absolute;bottom:18px;right:20px;padding:7px 0;font-size:11px;color:#ecdfd1}.order-sheet{padding:27px 5px}.order-sheet h2{font-size:37px;line-height:1.3;font-weight:450;letter-spacing:-.06em}.design-receipt{margin:22px 0 29px;font-size:12px;color:#c6bba9;line-height:1.7}.order-sheet label:not(.privacy),.compact-dialog label:not(.privacy){display:block;font-size:12px;color:#e5d8c8;margin:0 0 18px}.order-sheet input:not([type=checkbox]),.compact-dialog input:not([type=checkbox]),.compact-dialog textarea{display:block;width:100%;padding:13px 14px;font-size:14px;line-height:1.6;background:#fffcf010;border:1px solid #d7c6ae40;border-radius:5px;color:#f7efe3;margin-top:8px}.order-sheet input::placeholder,.compact-dialog input::placeholder,.compact-dialog textarea::placeholder{color:#ad9f8b}.order-sheet .next-button{width:100%;margin-top:22px}.privacy{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#b9ac99;line-height:1.8;margin:20px 0}.privacy input{accent-color:var(--paper);flex-shrink:0;margin:4px 0 0;width:12px;height:12px}.privacy button{padding:0;color:#e5dac9;font-size:11px;text-decoration:underline}.creating{position:fixed;inset:0;z-index:90;background:#12100ff5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;backdrop-filter:blur(18px)}.creating-monogram{font:italic 110px/1 Georgia,serif;letter-spacing:-.08em;color:#ffe0d3;text-shadow:0 0 3px white,0 0 20px var(--neon),0 0 70px var(--neon);animation:lightpulse 2.5s ease-in-out infinite}.creating h2{font-size:30px;font-weight:450;letter-spacing:-.05em;line-height:1.4;margin-top:35px}dialog{border:0;border-radius:8px;padding:46px;background:#24221e;color:var(--paper);width:calc(100% - 40px);max-width:1000px;max-height:90svh;overflow:auto;box-shadow:0 40px 100px #0006}dialog::backdrop{background:#0b0a09b3;backdrop-filter:blur(15px)}dialog h2{font-size:clamp(26px,3.2vw,42px);font-weight:450;letter-spacing:-.055em;line-height:1.35;margin:6px 0 26px}.close-dialog{position:absolute;top:12px;right:19px;font-size:28px;padding:4px 8px;line-height:1;z-index:10;color:#d5cab8}.compact-dialog{max-width:435px;padding:40px}.compact-dialog .next-button{width:100%;min-width:0}.small-text-button{display:block;padding:12px 0;margin-top:13px;font-size:12px;color:#bcb19f}.font-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.font-gallery>button{padding:30px 17px 16px;min-height:150px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#191817;border:1px solid #ffffff13;border-radius:4px;transition:border-color .2s,background .2s}.font-gallery>button>span{font-size:clamp(19px,2.6vw,35px);font-weight:450;color:#ffede2;line-height:1.3;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 15px #f35c404d}.font-gallery small{font-size:9px;color:#a99c88;margin-top:20px}.font-gallery button[aria-pressed=true]{border-color:#e3c9ad;background:#322b25}.font-gallery button[aria-pressed=true]:after{content:'✓';position:absolute;top:12px;right:14px;color:#efcfb2;font-size:13px}.font-gallery button[data-sign-font=hand] span{font-family:Caveat,cursive;font-size:42px}.font-gallery button[data-sign-font=suit] span{font-family:SUIT,sans-serif}.font-gallery button[data-sign-font=pretendard] span{font-family:'Pretendard Variable',sans-serif}.font-gallery button[data-sign-font=wanted] span{font-family:'Wanted Sans Variable',sans-serif}.font-gallery button[data-sign-font=gmarket] span{font-family:'Gmarket Sans',sans-serif}.font-gallery button[data-sign-font=paperlogy] span{font-family:Paperlogy,sans-serif}.content-dialog{padding:50px}.case-list{display:flex;flex-direction:column;gap:0}.case-row{display:grid;grid-template-columns:1fr 1fr;min-height:250px;padding:20px 0;gap:40px;align-items:center}.case-art{height:245px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#443630,#151713);position:relative;overflow:hidden;border-radius:3px}.case-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:72% 35%}.case-art>span{font:400 55px/1 Caveat,cursive;text-align:center;color:#ffebd6;text-shadow:0 0 3px white,0 0 15px var(--neon),0 0 40px var(--neon);z-index:1}.case-copy h3{font-size:31px;font-weight:450;letter-spacing:-.04em;line-height:1.4;margin:0 0 25px}.case-copy button{font-size:12px;color:#edc9ae}.intro-experience{padding-top:10px}.intro-scene{position:relative;min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}.intro-scene h2{font-size:clamp(30px,5vw,65px);position:relative;z-index:2;letter-spacing:-.065em;line-height:1.35}.intro-scene:first-child{background:#191715}.intro-input{padding:20px 35px;background:#f5f0e7;color:#2a2821;border-radius:15px;font:400 35px Caveat,cursive;margin-top:35px;min-width:280px}.intro-sign{font:400 110px Caveat,cursive;color:#ffded2;text-shadow:0 0 5px white,0 0 25px #ff493b,0 0 80px #ff493b;margin-top:10px}.intro-scene.photo{height:550px;min-height:0;align-items:flex-start;text-align:left;padding:8%}.intro-scene.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center;opacity:.8}.intro-scene.photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100c09bd,transparent)}.intro-scene .next-button{margin-top:30px;position:relative;z-index:2}.intro-close-start{display:block;margin:40px auto 0}.empty-state{padding:50px 0 35px}.empty-state p{font-size:20px;line-height:1.7;color:#c9bba7;letter-spacing:-.035em}.my-row{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 0}.my-row h3{font-size:25px;font-family:var(--font-sign);font-weight:400;color:#ffe3cc}.my-row p{font-size:12px;color:#b9aa94;line-height:1.8;margin-top:8px}.my-row button{font-size:12px;color:#e6cfb4}.my-tabs{display:flex;gap:24px;margin-bottom:25px}.my-tabs button{padding:8px 0;font-size:13px;color:#9f9483}.my-tabs button[aria-pressed=true]{color:var(--paper)}.mypage-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.mypage-head>button{font-size:11px;color:#ac9c87}.review-row{padding:30px 0}.review-row blockquote{font-size:24px;letter-spacing:-.035em;line-height:1.7;margin:0 0 15px}.review-row>p{font-size:12px;color:#ad9f8b}.review-form input,.review-form textarea{display:block;width:100%;padding:12px;background:#fff1;border:1px solid #fff3;color:var(--paper);font:14px SUIT,sans-serif;border-radius:4px;margin:12px 0}.review-form label{font-size:12px}.review-form .next-button{margin-top:20px}.privacy-content p{font-size:14px;line-height:1.9;color:#c6bba9;margin:15px 0}.mobile-menu{position:absolute;top:72px;right:20px;background:#25231f;z-index:50;border-radius:7px;padding:15px;min-width:150px;box-shadow:0 15px 40px #0005}.mobile-menu button{display:block;padding:11px 16px;font-size:13px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:90%;padding:14px 22px;color:#24221d;background:#f4eee1;border-radius:5px;font-size:13px;text-align:center;z-index:200;box-shadow:0 10px 35px #0004}.preview-toolbar{top:85px;right:4.4%;bottom:auto;z-index:65;max-width:calc(100vw - 35px);filter:drop-shadow(0 15px 35px #0007)}.preview-toolbar.is-collapsed{display:none!important}.preview-utility-items{flex-wrap:wrap;justify-content:flex-end;padding:12px;background:#f0eee3;border-radius:5px;max-width:700px}.preview-toolbar .utility-toggle{align-self:flex-start;background:#f0eee3;border:0;color:#37392e;border-radius:5px}.font-options{background:#f9f8ef;border-color:#d4d5c8}.font-choice{background:none}.font-choice[aria-pressed=true]{background:#35382d}.font-tooltip{background:#35382d}.font-tooltip:after{border-top-color:#35382d}.color-options{display:flex;gap:10px;padding:10px}.color-options button{width:15px;height:15px;border-radius:50%;background:var(--chip);border:1px solid #0002}.color-options button[aria-pressed=true]{outline:1px solid #45483a;outline-offset:3px}.preview-controls{display:flex;gap:4px}.preview-controls a{font:12px Geist,Arial,sans-serif;padding:8px 10px;color:#47493b}.preview-controls a[aria-current=page]{background:#35382d;color:#f5f0e4;border-radius:3px}body[data-layout=b] .world-photo{opacity:.13}body[data-layout=b] .world-shade{background:linear-gradient(90deg,#151612e8,#16181088)}body[data-layout=b] .question-panel{max-width:100%;text-align:center}body[data-layout=b] .composer,body[data-layout=b] .suggestions,body[data-layout=b] .color-palette,body[data-layout=b] .place-choices,body[data-layout=b] .mood-choices,body[data-layout=b] .font-open,body[data-layout=b] .question-panel>.next-button{margin-left:auto;margin-right:auto}body[data-layout=b] .suggestions,body[data-layout=b] .color-palette{justify-content:center}body[data-layout=b] .live-sign{display:none}body[data-layout=b] .question-panel h1,body[data-layout=b] .question-panel h2{margin:auto}@keyframes lightpulse{50%{opacity:.55;text-shadow:0 0 30px var(--neon),0 0 100px var(--neon)}}
@media(min-width:1500px){.experience{padding-left:7%;padding-right:7%}.journey{left:7%}}
@media(max-width:1100px){.header nav{gap:15px}.header nav button{font-size:10px}.question-panel h1,.question-panel h2{font-size:52px}.question-panel{max-width:720px}.composer{max-width:540px}.live-sign{width:32%;left:65%}.color-palette{gap:22px}.result-screen{gap:25px;grid-template-columns:minmax(0,1.5fr) minmax(290px,.9fr)}.order-sheet{padding-top:18px}.order-sheet h2{font-size:33px}}
@media(max-width:800px){.header{height:76px;padding:0 5%}.brand svg{width:53px}.brand>span{font-size:9px}.header nav{gap:12px}.header nav button{font-size:10px}.header nav i{display:none}.experience{min-height:calc(100svh - 76px);padding:80px 6%}.journey{top:20px}.question-panel{max-width:100%}.question-panel h1,.question-panel h2{font-size:46px}.world-shade{background:linear-gradient(90deg,#100d0cf0,#100e0c73),linear-gradient(0deg,#100e0c55,transparent)}.composer{max-width:520px}.live-sign{opacity:.25;top:53%;left:63%;z-index:-1}.color-palette{gap:25px}.place-choices,.mood-choices,.font-open{max-width:490px}.result-screen{grid-template-columns:1fr 1fr;gap:22px}.result-image-wrap{min-height:530px}.order-sheet h2{font-size:29px}.order-sheet input:not([type=checkbox]){padding:11px;font-size:12px}.order-sheet label:not(.privacy){font-size:11px;margin-bottom:15px}.order-sheet .next-button{min-width:0;font-size:12px;padding:14px}.privacy{font-size:10px}.font-gallery{grid-template-columns:1fr 1fr}.content-dialog{padding:40px}.case-row{gap:25px}.case-copy h3{font-size:26px}.intro-scene{min-height:430px}.intro-scene.photo{height:500px}.font-open strong{font-size:29px}}
@media(max-width:620px){.header nav{display:none}.mobile-menu-button{display:flex;flex-direction:column;gap:6px;padding:10px}.mobile-menu-button span{width:22px;height:1px;background:var(--paper)}.question-panel h1,.question-panel h2{font-size:clamp(29px,7.8vw,43px);line-height:1.3}.question-panel h1{letter-spacing:-.07em}.experience{padding-top:95px;padding-bottom:55px;align-items:flex-start}.journey{top:21px;gap:18px}.journey-track{gap:21px}.journey-track button{font-size:10px}.journey-track button>span{font-size:10px}.composer{margin-top:32px;padding:18px 18px 12px;border-radius:18px}.composer>input{font-size:23px;padding-top:2px;padding-bottom:18px}.tab-hint{font-size:10px}.suggestions{gap:7px;margin-top:16px}.suggestions button{font-size:11px;padding:8px 12px}.world-photo{object-position:66% center}.world-shade{background:linear-gradient(90deg,#100d0de8,#100d0d70),linear-gradient(0deg,#100e0caa,transparent 70%)}.color-palette{display:grid;grid-template-columns:repeat(3,1fr);max-width:350px;gap:25px 20px;margin:36px 0 35px}.color-palette button{gap:13px}.color-palette button>span{width:43px;height:43px}.color-palette button>strong{font-size:10px}.next-button{font-size:13px;padding:16px 20px;min-width:235px}.place-panel h2{font-size:39px}.place-choices{margin-top:28px;gap:8px}.place-choices>button{padding:13px 6px}.place-choices svg{width:55px;height:40px}.place-choices span{font-size:10px}.mood-choices{gap:4px;margin-bottom:15px}.mood-choices button{font-size:11px;padding:10px 6px}.font-open{margin-bottom:15px;padding-bottom:13px;gap:15px}.font-open>span:first-child{font-size:10px}.font-open strong{font-size:28px}.live-sign{display:none!important}body[data-step="2"] .world-photo,body[data-step="3"] .world-photo{opacity:.23}body[data-step="4"] .experience{padding:10px 5% 40px}.result-screen{grid-template-columns:1fr;gap:10px}.result-image-wrap{min-height:360px}.order-sheet{padding:22px 4px}.order-sheet h2{font-size:33px}.order-sheet h2 br{display:none}.design-receipt{margin:16px 0 25px;font-size:12px}.order-sheet label:not(.privacy){font-size:12px;margin-bottom:17px}.order-sheet input:not([type=checkbox]){font-size:14px;padding:12px}.order-sheet .next-button{font-size:14px;padding:17px 20px}.privacy{font-size:11px}.privacy button{font-size:11px}.result-vector>span:first-child{font-size:55px}.result-vector .heart{font-size:55px}.content-dialog,dialog{padding:36px 24px;width:calc(100% - 24px);max-height:92svh}.compact-dialog{max-width:410px;padding:38px 27px}dialog h2{font-size:29px;margin-bottom:25px}.font-gallery{gap:9px}.font-gallery>button{min-height:130px;padding:26px 10px 16px}.font-gallery>button>span{font-size:21px}.font-gallery button[data-sign-font=hand] span{font-size:32px}.font-gallery small{font-size:8px;margin-top:15px}.case-row{grid-template-columns:1fr;gap:18px;padding:16px 0 28px}.case-art{height:260px}.case-copy h3{font-size:25px;margin-bottom:15px}.case-copy h3 br{display:none}.intro-scene{min-height:340px}.intro-input{font-size:30px;min-width:240px}.intro-sign{font-size:75px}.intro-scene h2{font-size:30px}.intro-scene.photo{height:400px;align-items:center;text-align:center;padding:25px}.intro-scene.photo img{object-position:70% center}.intro-scene.photo:after{background:#100c0955}.intro-scene.photo h2{margin-top:190px}.my-row h3{font-size:23px}.my-row{gap:15px}.my-row button{font-size:11px}.empty-state{padding:30px 0}.empty-state p{font-size:18px}.creating h2{font-size:26px}.creating-monogram{font-size:90px}.preview-toolbar{top:78px;right:14px;gap:5px}.preview-utility-items{max-width:calc(100vw - 95px);padding:9px}.preview-utility-items .font-options{width:100%;max-width:280px}.utility-toggle{min-width:44px}.font-tooltip{font-size:11px;max-width:calc(100vw - 30px)}body[data-layout=b] .question-panel h1{font-size:clamp(29px,7.5vw,43px)}}
@media(max-width:360px){.question-panel h1{font-size:28px}.place-panel h2{font-size:35px}.place-choices svg{width:47px}.mood-choices button{font-size:10px}.font-open strong{font-size:24px}.suggestions button{font-size:10px;padding:8px 10px}.color-palette{gap:24px 14px}.journey-track{gap:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.experience{min-height:calc(100svh - 90px);padding:0 6%;align-items:flex-end;justify-content:center;padding-bottom:11svh}.launch-panel{position:relative;z-index:2;width:min(860px,100%)}.space-open{display:flex;align-items:center;gap:9px;margin-bottom:16px;padding:8px 0;color:#f7eadd;font-size:13px}.space-open svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.space-open>span:last-child{font-size:17px;margin-left:9px}.launch-panel .composer{max-width:none;width:100%;margin:0;padding:22px 24px 15px;border-radius:21px;background:#f4f0e8f2;backdrop-filter:blur(20px)}.launch-panel .composer>input{font-size:30px;padding:7px 0 24px}.launch-panel .composer-bottom{justify-content:flex-start;gap:9px}.inline-choice{display:flex;align-items:center;gap:7px;font-size:12px;padding:8px 11px;border-radius:20px;color:#514f46}.inline-choice:hover{background:#d9d7cb}.inline-choice i{width:13px;height:13px;display:block;border-radius:50%;background:var(--neon)}.launch-panel .tab-hint{margin-left:0;padding-left:6px}.launch-button{display:flex;align-items:center;justify-content:space-between;gap:19px;background:#25241f;color:#f3ece0;padding:13px 17px;border-radius:7px;margin-left:auto;font:600 12px Geist,Arial,sans-serif;letter-spacing:.02em;white-space:nowrap}.launch-button span{font-size:19px;font-weight:400}.launch-button:hover{background:#454439}.launch-panel .suggestions{max-width:none;margin:18px 0 0}.launch-panel .suggestions button{font-size:11px;border-color:#eadbcc4d;background:#17130e22}.launch-panel .field-status{max-width:none}.world-shade{background:linear-gradient(0deg,#0d0c0bc7,transparent 78%),linear-gradient(90deg,#100d0d22,#100e0c00)}.world-photo{object-position:70% center}.world-photo{opacity:1}.header{background:linear-gradient(#100d0b80,transparent)}.header nav button{font-size:11px}.choice-dialog{max-width:660px}.choice-dialog .color-palette{justify-content:space-between;gap:12px;margin-bottom:12px}.choice-dialog .mood-choices{max-width:none;margin:32px 0 10px}.choice-dialog .mood-choices button{font-size:17px;padding:25px 10px;min-height:80px}.choice-dialog .place-choices{max-width:none;margin:30px 0 10px}.choice-dialog .place-choices button{padding:27px 12px}.choice-dialog .place-choices svg{width:90px;height:70px;margin-bottom:18px}.choice-dialog .place-choices span{font-size:14px}.choice-dialog h2{margin-bottom:35px}body[data-layout=b] .launch-panel{max-width:700px}body[data-layout=b] .world-photo{opacity:.75}body[data-layout=b] .world-shade{background:linear-gradient(0deg,#151612d9,transparent 80%)}@media(max-width:800px){.experience{min-height:calc(100svh - 76px);padding:0 6% 10svh}.launch-panel .composer>input{font-size:27px}.launch-button{font-size:11px;padding:13px 15px;gap:13px}.inline-choice{font-size:11px;padding:8px}.launch-panel .composer{padding:20px 20px 13px}.world-shade{background:linear-gradient(0deg,#100c0ddb,transparent 85%)}}@media(max-width:620px){.experience{padding:0 5% 12svh;min-height:calc(100svh - 76px)}.world-photo{object-position:67% center}.launch-panel .composer{padding:19px 16px 14px;border-radius:17px}.launch-panel .composer>input{font-size:23px;padding:5px 0 25px}.launch-panel .composer-bottom{gap:2px;flex-wrap:wrap}.inline-choice{font-size:10px;padding:7px 6px;gap:5px}.inline-choice i{width:11px;height:11px}.launch-panel .tab-hint{display:none}.launch-button{font-size:9px;padding:12px 10px;gap:10px;border-radius:5px}.launch-button span{font-size:16px}.launch-panel .suggestions{gap:6px;margin-top:15px}.launch-panel .suggestions button{font-size:10px;padding:8px 11px}.space-open{font-size:12px;margin-bottom:11px}.choice-dialog .color-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.choice-dialog .place-choices svg{width:60px;height:45px}.choice-dialog .place-choices button{padding:22px 8px}.choice-dialog .place-choices span{font-size:11px}.choice-dialog .mood-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-dialog .mood-choices button{font-size:18px;border-radius:7px}body[data-layout=b] .launch-panel{text-align:left}}@media(max-width:360px){.launch-button{font-size:8px;padding:12px 9px;gap:6px}.inline-choice{font-size:9px;padding:7px 5px}.launch-panel .composer{padding:16px 13px 12px}.launch-panel .suggestions button{font-size:9px;padding:8px 9px}}

.top-controls{position:fixed;top:28px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;z-index:50;pointer-events:none}.wordmark{font:650 32px/1 Geist,Arial,sans-serif;letter-spacing:-.065em;pointer-events:auto;color:#fff4e9}.top-controls>button{pointer-events:auto;padding:8px;background:#15120f44;border-radius:50%;width:48px;height:48px;display:grid;place-items:center}.top-controls svg{width:30px;height:30px;fill:none;stroke:#fff4e9;stroke-width:2;stroke-linecap:round}.experience{min-height:100svh;padding-bottom:11svh}.launch-panel{width:min(1080px,100%)}.launch-panel #space-open{margin:0;padding:12px 15px;font-size:16px;color:#514f46;gap:10px}.launch-panel #space-open>span:last-child{font-size:18px;margin-left:0}.launch-panel #extra-prompt{display:block;resize:vertical;width:100%;min-height:47px;max-height:140px;padding:0 0 20px;border:0;outline:0!important;background:none;font-size:18px;line-height:1.6;color:#514f46}.launch-panel #extra-prompt::placeholder{color:#8a897f}.launch-panel .composer{padding:30px 30px 20px;border-radius:24px}.launch-panel .composer>input{font-size:clamp(34px,4.8vw,64px);font-weight:650;letter-spacing:-.05em;padding-bottom:20px}.launch-panel .inline-choice{font-size:16px;padding:12px 15px}.launch-panel .inline-choice i{width:19px;height:19px}.launch-panel .tab-hint{margin-left:8px}.launch-panel .launch-button{font-size:17px;font-weight:700;padding:19px 24px;gap:24px;border-radius:8px}.launch-panel .launch-button>span{font-size:27px}.launch-panel .suggestions button{font-size:14px;padding:11px 18px}.menu-dialog,dialog.fullscreen,.content-dialog,.compact-dialog,.font-dialog,.choice-dialog{margin:0;width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;background:#191816;box-shadow:none}.menu-dialog{display:grid;place-items:center}.menu-dialog nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:700px;width:70%}.menu-dialog nav>button{font-size:clamp(28px,4.3vw,65px);font-weight:550;letter-spacing:-.055em;padding:3px 0;color:#f4ece1;transition:transform .2s}.menu-dialog nav>button:hover{transform:translateX(12px);color:white}.close-dialog{position:fixed;right:30px;top:25px;z-index:20;font-size:35px;background:#19181688;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;padding:0}.content-dialog{padding:100px max(7%,calc((100vw - 1100px)/2)) 60px}.compact-dialog{padding:110px max(24px,calc((100vw - 430px)/2)) 60px}.font-dialog{padding:100px max(6%,calc((100vw - 1150px)/2)) 60px}.choice-dialog{padding:140px max(6%,calc((100vw - 850px)/2)) 60px}.font-gallery{margin-top:50px}.font-gallery>button{min-height:210px}.font-gallery>button>span{font-size:clamp(25px,3.2vw,47px)}.font-gallery button[data-sign-font=hand] span{font-size:58px}.settings-font-button{display:block;font-size:30px;color:#f3e2cc;padding:20px 0}.setting-utilities .preview-toolbar{position:static;display:flex!important;filter:none;max-width:100%;margin-top:35px;align-items:flex-start}.setting-utilities .preview-toolbar.is-collapsed .preview-utility-items{display:flex!important}.setting-utilities .preview-toolbar .utility-toggle{display:none}.setting-utilities .preview-utility-items{max-width:100%;padding:15px;background:#f0eee3}.creating h2{margin:0}.result-screen{margin-top:70px}body[data-step="4"] .experience{min-height:100svh;padding-top:10px}.result-image-wrap{min-height:calc(100svh - 115px)}.order-sheet h2{font-size:45px;font-weight:600}.order-sheet input:not([type=checkbox]),.compact-dialog input:not([type=checkbox]){font-size:18px;padding:17px}.order-sheet label:not(.privacy),.compact-dialog label:not(.privacy){font-size:16px}.order-sheet .next-button,.compact-dialog .next-button{font-size:17px;padding:20px}.choice-dialog h2{font-size:45px}.choice-dialog .color-palette button>span{width:70px;height:70px}.choice-dialog .color-palette button>strong{font-size:14px}.choice-dialog .place-choices>button{padding:30px 15px}.choice-dialog .place-choices svg{width:100px;height:90px}.choice-dialog .place-choices span{font-size:19px}.choice-dialog .place-choices{max-width:none}
@media(max-width:800px){.launch-panel .launch-button{font-size:13px;padding:18px;gap:14px}.launch-panel .inline-choice{font-size:14px;padding:12px 9px}.launch-panel #space-open{font-size:14px;padding:12px 9px}.launch-panel .composer{padding:25px 25px 18px}.launch-panel .composer>input{font-size:44px}.launch-panel .suggestions button{font-size:12px}.launch-panel #extra-prompt{font-size:16px}.launch-panel .tab-hint{display:none}}
@media(max-width:620px){.top-controls{left:22px;right:18px;top:21px}.wordmark{font-size:29px}.experience{min-height:100svh;padding-bottom:10svh}.launch-panel .composer{padding:22px 18px 18px;border-radius:20px}.launch-panel .composer>input{font-size:clamp(29px,8vw,43px);padding-bottom:18px}.launch-panel #extra-prompt{font-size:15px;min-height:45px;padding-bottom:19px}.launch-panel .composer-bottom{flex-wrap:wrap;gap:8px}.launch-panel .inline-choice{font-size:15px;padding:10px 9px}.launch-panel #space-open{font-size:15px;padding:10px 9px}.launch-panel .inline-choice i{width:18px;height:18px}.launch-panel .launch-button{width:100%;font-size:17px;padding:20px;margin-top:8px;justify-content:center;gap:25px}.launch-panel .suggestions button{font-size:11px;padding:10px 13px}.launch-panel .suggestions{gap:7px;justify-content:center}.menu-dialog nav{gap:15px}.menu-dialog nav>button{font-size:38px}.close-dialog{right:16px;top:18px;width:44px;height:44px}.content-dialog{padding:90px 25px 45px}.compact-dialog{padding:110px max(25px,calc((100vw - 430px)/2)) 45px}.choice-dialog{padding:120px 25px 45px}.font-dialog{padding:95px 20px 45px}.font-gallery>button{min-height:160px}.font-gallery>button>span{font-size:23px}.font-gallery button[data-sign-font=hand] span{font-size:39px}.result-screen{margin-top:70px}.result-image-wrap{min-height:360px}.setting-utilities .preview-utility-items{display:grid!important;max-width:100%;padding:9px}.setting-utilities .preview-toolbar{max-width:100%}.setting-utilities .preview-utility-items .font-options{width:100%;max-width:100%}.setting-utilities .font-choice[data-font]{font-size:10px}.order-sheet h2{font-size:38px}.choice-dialog h2{font-size:35px}.choice-dialog .color-palette button>span{width:60px;height:60px}.choice-dialog .place-choices svg{width:65px;height:65px}.choice-dialog .place-choices span{font-size:14px}.choice-dialog .place-choices>button{padding:24px 8px}}

.wordmark{font-weight:900;font-size:clamp(30px,3.3vw,48px);letter-spacing:-.075em}.launch-panel .launch-button{width:100%;justify-content:space-between;font:850 clamp(25px,3vw,42px)/1.2 SUIT,sans-serif;padding:24px 28px;margin-top:15px;letter-spacing:-.045em}.launch-panel .launch-button .credit-cost{font:750 clamp(21px,2.5vw,34px)/1.2 SUIT,sans-serif;letter-spacing:-.04em}.launch-panel .composer-bottom{flex-wrap:wrap;gap:13px}.launch-panel .inline-choice,.launch-panel #space-open{font-size:22px;font-weight:700;padding:12px 15px;line-height:1.25;display:flex;align-items:center;gap:10px;margin:0;vertical-align:middle}.launch-panel .inline-choice i{width:27px;height:27px;flex-shrink:0}.launch-panel .tab-hint{margin-left:auto}.large-palette{display:grid!important;grid-template-columns:repeat(4,1fr);gap:36px 45px!important;margin:40px 0 0!important;max-width:100%!important}.choice-dialog{padding-top:105px}.choice-dialog h2{font-size:60px;font-weight:800;letter-spacing:-.055em;margin-bottom:45px}.large-palette button{gap:18px!important;min-width:0}.choice-dialog .large-palette button>span{width:100px;height:100px;box-shadow:0 0 35px color-mix(in srgb,var(--color),transparent 65%)}.choice-dialog .large-palette button>strong{font:700 20px SUIT,sans-serif;color:#f4e7d5}.space-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.space-option{height:380px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:30px 20px;position:relative;overflow:hidden;background:#363a31}.space-option strong{font-size:25px;font-weight:750;position:relative;z-index:2}.space-shape{position:absolute;inset:18% 15% 10%;border-radius:120px 120px 0 0;background:#272e25;box-shadow:inset 0 0 30px #0004}.space-cafe{background:radial-gradient(at 50% 30%,#7d745a,#252b22)}.space-cafe .space-shape:after{content:'';position:absolute;left:-10%;right:-10%;height:16px;bottom:22%;background:#99734d;box-shadow:0 10px 30px #0005}.space-lounge{background:radial-gradient(at 50% 30%,#74413f,#292126)}.space-lounge .space-shape{inset:auto -10% 22%;height:100px;border-radius:70px 70px 0 0;background:linear-gradient(140deg,#7d4444,#3c2428)}.space-bedroom{background:radial-gradient(at 50% 30%,#7e6b6e,#3b3233)}.space-bedroom .space-shape{inset:auto -20% 22%;height:140px;border-radius:60% 60% 0 0;background:linear-gradient(140deg,#ae9290,#715b59)}.space-option[aria-pressed=true]{outline:3px solid #f5e5cd;outline-offset:7px}.space-option:hover .space-shape{transform:scale(1.05);transition:transform .4s}.quote-total{display:block;font-size:36px;font-weight:800;letter-spacing:-.045em;color:#f8eee1;margin-top:20px}.review-stars{display:flex;gap:12px;margin:30px 0}.review-stars button{font-size:36px;opacity:.25}.review-stars button[aria-pressed=true]{opacity:1;color:#eac59e}.privacy{font-size:12px}.design-receipt p{font-size:15px}.order-sheet{padding-top:25px}.order-sheet .field-status{font-size:14px}.top-controls #menu-open{border-radius:0;background:none}.choice-dialog .close-dialog,.font-dialog .close-dialog{font-size:39px}.font-gallery small{font-size:14px}.case-copy button{font-size:18px;font-weight:700}.my-row button{font-size:17px;font-weight:650}.my-row p{font-size:15px}.empty-state p{font-size:26px}.my-tabs button{font-size:24px;font-weight:700}.compact-dialog h2,.content-dialog>div>h2{font-size:48px;font-weight:800}
@media(max-width:800px){.choice-dialog .large-palette button>span{width:80px;height:80px}.large-palette{gap:32px!important}.choice-dialog{padding-left:8%;padding-right:8%}.space-option{height:310px}.space-option strong{font-size:20px}.launch-panel .launch-button{font-size:32px}.launch-panel .launch-button .credit-cost{font-size:27px}}
@media(max-width:620px){.launch-panel .inline-choice,.launch-panel #space-open{font-size:20px;padding:10px 8px;gap:8px}.launch-panel .inline-choice i{width:25px;height:25px}.launch-panel .launch-button{font-size:27px;padding:22px 18px;justify-content:space-between;gap:8px;margin-top:12px}.launch-panel .launch-button .credit-cost{font-size:23px}.large-palette{grid-template-columns:repeat(3,1fr);gap:25px 18px!important;margin-top:30px!important}.choice-dialog .large-palette button>span{width:65px;height:65px}.choice-dialog .large-palette button>strong{font-size:15px}.choice-dialog h2{font-size:42px;margin-bottom:25px}.choice-dialog{padding:90px 7% 40px}.large-palette button{gap:14px!important}.space-gallery{grid-template-columns:1fr;gap:18px}.space-option{height:180px;align-items:flex-start;justify-content:center;padding:25px 25px}.space-option strong{font-size:28px}.space-shape{left:45%;right:10%;top:10%;bottom:0}.space-lounge .space-shape,.space-bedroom .space-shape{left:40%;right:-10%;bottom:0;height:100px}.space-option[aria-pressed=true]{outline-width:2px;outline-offset:5px}.font-gallery small{font-size:11px}.quote-total{font-size:34px}.compact-dialog h2,.content-dialog>div>h2{font-size:38px}.wordmark{font-size:34px}.menu-dialog nav>button{font-size:40px}.my-tabs button{font-size:22px}.empty-state p{font-size:22px}}
.preview-toolbar{display:none!important}.setting-utilities .preview-toolbar{display:flex!important}

dialog:not([open]){display:none!important}.top-actions{display:flex;gap:16px;align-items:center;pointer-events:auto}.top-actions>button{display:grid;place-items:center;width:45px;height:45px;padding:8px;border-radius:0;background:none}.top-actions svg{width:28px;height:28px;fill:none;stroke:#fff4e9;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.top-actions>button:last-child svg{width:25px;height:25px}.top-controls{z-index:45}.menu-dialog[open]{display:grid}.launch-panel #space-open>span:empty{display:none}.launch-panel .composer-bottom #color-open{margin-left:12px}.launch-panel .inline-choice{white-space:nowrap}.composer textarea{box-shadow:none}.menu-dialog .close-dialog{z-index:60}@media(max-width:620px){.top-actions{gap:8px}.top-actions>button{width:40px;height:40px;padding:7px}.top-actions svg{width:27px;height:27px}.launch-panel .composer-bottom #color-open{margin-left:5px}}