.launch-panel #sign-text{display:block;width:100%;height:2.4em;min-height:0;padding:0 0 12px;border:0;resize:none;outline:0;background:none;color:var(--ink);font:800 clamp(36px,4.7vw,68px)/1.1 var(--font-ui,SUIT),sans-serif;letter-spacing:-.045em;overflow-x:auto;white-space:pre}.launch-panel #sign-text::placeholder{color:#77776e}.launch-panel #extra-prompt{font-size:22px;resize:none;min-height:48px}.launch-panel .composer{max-width:1080px}.launch-panel .suggestions{max-width:100%;gap:10px}.launch-panel .suggestions button{font-size:18px;font-weight:650}.launch-panel .inline-choice{min-height:52px}.launch-panel .composer-bottom{justify-content:flex-start}.launch-panel .launch-button{flex-basis:100%;margin-left:0}.launch-panel .tab-hint{display:flex}.launch-panel .tab-hint kbd{font-size:14px}.field-status{font-size:16px}
body[data-step="4"] .experience{display:block;padding:95px 0 0;min-height:100svh}.result-screen:not([hidden]){display:flex;flex-direction:column;width:100%;max-width:none;height:calc(100svh - 95px);margin:0;gap:0}.result-image-wrap{flex:1;min-height:0!important;width:100%;border-radius:0;position:relative;overflow:hidden;background:#111}.result-image-wrap>img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.result-image-wrap #edit-design,.result-image-wrap #save-design{top:20px;bottom:auto;font-size:24px;font-weight:800;padding:14px 20px;background:#181714cc;backdrop-filter:blur(12px)}.result-image-wrap #edit-design{left:25px;right:auto}.result-image-wrap #save-design{right:25px;left:auto}.order-now{flex-shrink:0;display:block;width:100%;padding:25px;color:#25241f;background:#f4f0e8;font-size:clamp(40px,6vw,80px);font-weight:900;letter-spacing:-.06em}.order-now:hover{background:#fff}.order-dialog{margin:0;width:100%;height:100%;max-height:100%;max-width:100%;background:#191816;border:0;border-radius:0;padding:95px 25px 50px;color:var(--paper)}.order-sheet{max-width:740px;margin:auto;padding:0}.order-sheet h2{font-size:clamp(40px,6vw,70px);font-weight:900}.design-receipt p{display:none}.quote-total{font-size:40px;margin:15px 0 25px}.order-sheet label:not(.privacy){font-size:24px;font-weight:700}.order-sheet input:not([type=checkbox]){font-size:28px;width:100%;padding:15px 0;border-radius:0;background:transparent}.order-sheet .next-button{font-size:38px;font-weight:850;padding:22px}.privacy{font-size:15px;line-height:1.5}.privacy input{width:24px;height:24px;flex-shrink:0}
.line-controls{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:35px 0}.line-controls label{display:block;font-size:23px;font-weight:800;margin-bottom:12px}.line-controls input{width:100%;padding:15px 0;font-size:38px;border:0;border-bottom:2px solid #504f48;color:var(--paper);background:none;font-weight:800}.line-sizes{display:flex;gap:12px;margin-top:15px}.line-sizes button{padding:12px 20px;font-size:23px;font-weight:750;border-radius:9px;background:#33322d}.line-sizes button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.symbols{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}.symbols button{font:38px/1.3 SUIT,sans-serif;min-height:64px;background:#292824;border-radius:8px}.font-gallery>button>span{white-space:pre-line}.font-gallery small{font-size:18px}
.social-dialog{border:0;border-radius:26px;padding:48px;width:min(620px,calc(100vw - 32px));max-height:calc(100svh - 32px);color:var(--ink);background:var(--paper);box-shadow:0 30px 160px #0009}.social-dialog::backdrop{background:#0a0909aa;backdrop-filter:blur(12px)}.social-dialog h2{font-size:54px;font-weight:900;margin:0 0 30px;letter-spacing:-.06em}.social-dialog .close-dialog{position:absolute;top:22px;right:22px;color:var(--ink);background:transparent}.social-logins{display:grid;gap:12px}.social-login{display:flex;align-items:center;justify-content:center;min-height:74px;border-radius:12px;font-size:27px;font-weight:800;letter-spacing:-.04em}.social-login.google{background:#fff;color:#252525}.social-login.kakao{background:#fee500;color:#191919}.social-login.line{background:#06c755;color:#fff}.social-login.facebook{background:#1877f2;color:#fff}.social-login.apple{background:#181818;color:#fff}.social-login:hover{filter:brightness(.94)}
.credit-page{max-width:850px;margin:auto}.credit-page h2{font-size:clamp(45px,5vw,75px);font-weight:900}.credit-product{margin-top:50px}.credit-product>strong{font:900 clamp(110px,17vw,220px)/1 Geist,SUIT,sans-serif;letter-spacing:-.07em;display:block}.credit-product>strong>span{font:800 clamp(35px,5vw,60px) SUIT,sans-serif;margin-left:20px;letter-spacing:-.05em}.credit-product>b{display:block;font-size:clamp(40px,6vw,70px);margin:25px 0 35px;font-weight:800}.credit-product .next-button{font-size:40px;font-weight:850;min-height:100px}
.content-dialog:has(.gallery-grid),.content-dialog:has(#gallery-detail){padding:88px 4% 45px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.gallery-tile{position:relative;min-width:0;overflow:hidden;border-radius:15px;background:#25241f}.gallery-picture{display:block;padding:0;width:100%;aspect-ratio:3/2}.gallery-picture img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-picture:hover img{transform:scale(1.025)}.gallery-like{display:flex;align-items:center;gap:10px;padding:11px 17px;background:#111b;backdrop-filter:blur(10px);color:#fff;border-radius:30px;font-size:22px;font-weight:800;line-height:1.1}.gallery-tile>.gallery-like{position:absolute;right:18px;bottom:18px}.gallery-like svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.8}.gallery-like[aria-pressed=true] svg{fill:#ff6b7d;stroke:#ff6b7d}#gallery-more{height:10px}.gallery-back{font-size:23px;font-weight:800;margin:0 0 24px;padding:0}.gallery-hero{display:block;width:100%;max-height:76svh;object-fit:contain;background:#111;border-radius:12px}.gallery-detail-actions{display:flex;justify-content:flex-end;margin:18px 0}.comment-list,.comment-form{max-width:900px;margin:0 auto}.comment{padding:25px 0}.comment>strong{font-size:17px;color:#c6c1b7}.comment>p{font-size:26px;font-weight:550;line-height:1.55;margin-top:9px;white-space:pre-wrap;overflow-wrap:anywhere}.comment-tools{display:flex;gap:20px;margin-top:14px}.comment-tools button{font-size:17px;color:#d9cfc2;font-weight:650}.comment-form{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-top:25px}.comment-form textarea,.comment-edit textarea{width:100%;border:0;border-radius:12px;padding:20px;font-size:24px;background:#ece8df;color:#292823;resize:vertical}.comment-form>button{background:#ece8df;color:#292823;font-size:25px;font-weight:800;border-radius:12px;padding:22px 28px;min-height:74px}.comment-form>.field-status{grid-column:1/-1}.comment-edit button{font-size:20px;padding:14px 25px 0 0}.my-row>div:last-child{display:flex;gap:18px;flex-wrap:wrap}.menu-dialog nav{padding:80px 0}.menu-dialog nav>button{font-weight:850;font-size:clamp(31px,4vw,58px)}
@media(max-width:700px){.launch-panel #sign-text{font-size:clamp(34px,8.7vw,48px)}.launch-panel #extra-prompt{font-size:19px}.launch-panel .suggestions button{font-size:15px;padding:10px 13px}.launch-panel .inline-choice,.launch-panel #space-open{font-size:19px;padding:10px 7px}.launch-panel .composer-bottom{gap:6px}.launch-panel .tab-hint{display:none}.launch-panel .composer{padding:24px 19px 19px}.line-controls{grid-template-columns:1fr;gap:25px}.line-controls input{font-size:32px}.line-sizes button{font-size:20px}.symbols{grid-template-columns:repeat(6,1fr)}.symbols button{font-size:31px;min-height:55px}.font-gallery small{font-size:16px}.social-dialog{padding:35px 24px 26px}.social-dialog h2{font-size:40px}.social-login{font-size:23px;min-height:65px}.social-dialog .close-dialog{top:17px;right:15px}.gallery-grid{grid-template-columns:1fr;gap:20px}.gallery-like{font-size:20px;padding:10px 15px}.gallery-like svg{width:24px;height:24px}.comment>p{font-size:22px}.comment-form{gap:12px;grid-template-columns:1fr}.comment-form textarea{font-size:21px}.comment-form>button{min-height:60px;padding:15px}.result-image-wrap #edit-design,.result-image-wrap #save-design{font-size:20px;top:15px;padding:12px 18px}.order-now{padding:25px 15px;font-size:48px}.order-sheet input:not([type=checkbox]){font-size:24px}.order-sheet .next-button{font-size:32px}.credit-product .next-button{font-size:32px}.credit-product>strong>span{margin-left:12px}.menu-dialog nav{gap:11px}.menu-dialog nav>button{font-size:36px}}
@media(prefers-reduced-motion:reduce){.gallery-picture img{transition:none}}
