:root{--bg:#fff;--fg:#1f1d1a;--muted:#736e67;--muted-on-gray:#6b665f;--gold:#a8936e;--line:#e6e1d8;--underline:#cfc9bf;--panel:#f7f7f6;--slot:#f3f1ed;--warn:#9a4a2b;--pill:#fff;--accent:#1f1d1a;--accent-fg:#fff;--sans:"Noto Sans KR", sans-serif;--serif:"Cormorant Garamond", "Noto Serif KR", serif;--serif-kr:"Noto Serif KR", serif;--touch:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0}body{font:400 15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.muted{color:var(--muted)}.warn{color:var(--warn)}.small{font-size:12px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.heading{margin:0 0 32px}.heading h1,.heading h2{font-family:var(--serif-kr);letter-spacing:-.01em;margin:0;font-weight:300;line-height:1.3}.heading h1{font-size:30px}.heading h2{font-size:24px}.heading .sub{font:italic 400 17px/1.4 var(--serif);color:var(--gold);margin:6px 0 0}.eyebrow{font:italic 400 15px var(--serif);letter-spacing:.02em;color:var(--gold);margin:0 0 10px}.pill,button.pill,a.pill{min-height:var(--touch);border:1px solid var(--fg);background:var(--pill);color:var(--fg);letter-spacing:.02em;cursor:pointer;white-space:nowrap;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:400;text-decoration:none;display:inline-flex}.pill.dark{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.pill:disabled{opacity:.45;cursor:default}.link{min-height:var(--touch);min-width:var(--touch);cursor:pointer;color:var(--fg);background:0 0;border:0;justify-content:center;align-items:center;padding:0 4px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.link.u{text-underline-offset:4px;text-decoration:underline}.icon-btn{width:var(--touch);height:var(--touch);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.icon-btn svg{width:22px;height:22px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:var(--touch);border:1px solid var(--line);background:var(--pill);color:var(--fg);cursor:pointer;border-radius:0;padding:0 18px;font-size:14px;font-weight:400}.chip[aria-pressed=true],.chip[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.chip.sm{min-height:var(--touch);padding:0 16px;font-size:13px}.tabs{scrollbar-width:none;gap:22px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{min-height:var(--touch);min-width:var(--touch);text-align:center;cursor:pointer;color:var(--muted);white-space:nowrap;text-underline-offset:8px;background:0 0;border:0;flex:none;padding:0;font-size:14px;font-weight:500;text-decoration:none}.tab[aria-selected=true],.tab[aria-current=page]{color:var(--fg);font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.field{gap:2px;min-width:0;display:grid}.field>label,.label{color:var(--muted);font-size:12px;font-weight:500}.field input,.field select,.field textarea,.line-input{border:0;border-bottom:1px solid var(--underline);width:100%;height:40px;color:var(--fg);background:0 0;border-radius:0;padding:0;font-size:15px}.field textarea{resize:vertical;height:auto;min-height:88px;padding:8px 0;line-height:1.7}.field input:focus,.field select:focus,.field textarea:focus,.line-input:focus{border-bottom:2px solid var(--accent);outline:none}.field input::placeholder,.field textarea::placeholder,.line-input::placeholder{color:var(--muted);opacity:1}.field.is-warn input,.field.is-warn select,.field.is-warn textarea{border-bottom-color:var(--warn)}.field .msg{color:var(--warn);font-size:12px}.field .hint{color:var(--muted);font-size:12px}.grid2{grid-template-columns:1fr 1fr;gap:20px 24px;display:grid}.stack{align-content:start;gap:22px;display:grid}.group{border-top:1px solid var(--line);gap:14px;padding-top:24px;display:grid}.group:first-child{border-top:0;padding-top:0}.group-title{letter-spacing:.04em;color:var(--muted);margin:0;font-size:13px;font-weight:500}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dt-row{grid-template-columns:1.4fr 1fr 1fr;gap:16px;display:grid}.slot{aspect-ratio:4/3;background:var(--slot);cursor:pointer;width:100%;color:var(--muted-on-gray);border:0;place-items:center;font-size:13px;font-weight:600;display:grid;position:relative;overflow:hidden}.slot img,.slot video{object-fit:cover;width:100%;height:100%;display:block}.slot.sq{aspect-ratio:1}.media-row{grid-template-columns:160px 1fr;align-items:start;gap:20px;display:grid}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.g-cell{aspect-ratio:1;background:var(--slot);min-width:0;margin:0;position:relative;overflow:hidden}.g-cell>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.g-add{cursor:pointer;color:var(--muted-on-gray);border:0;place-items:center;font-size:14px;font-weight:600;display:grid}.g-btn{width:var(--touch);height:var(--touch);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.g-btn[hidden]{display:none}.g-btn span{color:#fff;background:#1f1d1ab8;border-radius:999px;place-items:center;width:28px;height:28px;font-size:18px;line-height:1;display:grid}.g-del{position:absolute;top:0;right:0}.g-move{display:flex;position:absolute;bottom:0;left:0}.item{border-bottom:1px solid var(--line);gap:10px;padding:18px 0;display:grid}.item:first-child{padding-top:0}.item-tools{justify-content:flex-end;gap:4px;display:flex}.studio{grid-template-rows:auto auto 1fr;height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:16px;min-height:60px;padding:0 20px;display:flex}.brand{min-height:var(--touch);font:300 18px var(--serif-kr);letter-spacing:.08em;white-space:nowrap;color:var(--fg);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{flex:none;display:block}.brand-fold{stroke:var(--gold)}.topbar .name{border-left:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;padding-left:18px;font-weight:400;overflow:hidden}.topbar .tname{font:italic 400 15px var(--serif);color:var(--gold);white-space:nowrap}.topbar .spacer{flex:1}.topbar .pill{min-height:40px;padding:0 18px;font-size:13.5px}.save-state{color:var(--muted);white-space:nowrap;font-size:13px}.save-state.bad{color:var(--warn)}.topbar .save-state:not(.bad):before{content:"●";vertical-align:2px;color:var(--gold);margin-right:6px;font-size:9px}.notice{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 28px;font-size:13px;display:flex}.notice.warn{color:var(--warn)}.cols{grid-template-columns:76px 320px minmax(0,1fr) 300px;min-height:0;display:grid}.rail{border-right:1px solid var(--line);flex-direction:column;display:flex;overflow:auto}.rail button{cursor:pointer;color:var(--muted);text-align:center;background:0 0;border:0;justify-items:center;gap:4px;padding:14px 4px 12px;font-size:11px;line-height:1.3;display:grid;position:relative}.rail button svg{width:20px;height:20px}.rail button[aria-current=page]{color:var(--fg);background:var(--bg);box-shadow:inset 2px 0 0 var(--fg)}.rail .count{background:var(--fg);min-width:16px;color:var(--bg);border-radius:8px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:8px;right:10px}.main{border-right:1px solid var(--line);padding:26px 24px 48px;overflow:auto}.main-inner{max-width:680px}.main .heading h2{font-size:20px}.main .heading .sub{font-size:14px}.sub-tabs{border-bottom:1px solid var(--line);gap:18px;margin:-6px 0 22px}.sub-tabs .tab{min-height:40px;font-size:13px}.sub-tabs .count{color:var(--muted);font-size:12px}.main .grid2,.main .dt-row,.main .media-row{grid-template-columns:1fr}.main .grid2{gap:18px}.main .palettes{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.main .fontsets,.main .intro-cards{grid-template-columns:1fr 1fr}.next-row{border-top:1px solid var(--line);justify-content:flex-end;margin-top:40px;padding-top:20px;display:flex}.preview-col{background:var(--panel);flex-direction:column;align-items:center;gap:14px;padding:22px 24px;display:flex;overflow:auto}.preview-col .tabs{gap:0}.preview-col .tab{min-height:36px;padding:0 14px;text-decoration:none}.preview-col .tab[aria-selected=true]{border:1px solid var(--fg);background:var(--bg);text-decoration:none}.aside-r{flex-direction:column;gap:0;padding:22px 24px 24px;display:flex;overflow:auto}.aside-k{letter-spacing:.08em;color:var(--muted);margin:0 0 6px;font-size:12px}.sec-switches{border-top:1px solid var(--line);display:grid}.chip.sw-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:44px;color:var(--fg);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:0 2px;font-size:14px;display:flex}.chip.sw-row:after{content:"";background:var(--line);background-image:radial-gradient(circle at 9px 9px,#fff 6px,#0000 6.5px);border-radius:9px;flex:none;width:30px;height:18px;transition:background .15s;box-shadow:inset 2px 0 #0000}.chip.sw-row[aria-pressed=true]{color:var(--fg);background:0 0}.chip.sw-row[aria-pressed=true]:after{background-color:var(--fg);background-image:radial-gradient(circle at 21px 9px,#fff 6px,#0000 6.5px)}.studio .feature-chips{display:none}.share-box{border-top:1px solid var(--line);gap:8px;margin-top:24px;padding-top:20px;display:grid}.share-box .pill{width:100%}.pill.kakao{color:#191600;background:#fee500;border-color:#fee500}.share-box .link{justify-self:center;font-weight:400}.side-foot{border-top:1px solid var(--line);color:var(--muted);gap:2px;margin-top:auto;padding:18px 0 0;font-size:12px;display:grid}.side-foot b{color:var(--fg);font-weight:600}@media (width<=1180px){.cols{grid-template-columns:76px 300px minmax(0,1fr) 260px}.aside-r{padding:20px 16px}}.phone{outline:1px solid var(--line);background:#fff;border:1px solid #fff;border-radius:38px;flex:none;width:330px;height:min(690px,100vh - 170px);overflow:hidden;box-shadow:0 18px 40px #1f1d1a14}.phone iframe{border:0;width:100%;height:100%;display:block}.undo-redo{border:1px solid var(--line);display:inline-flex}.undo-redo button{background:var(--bg);width:40px;height:32px;color:var(--fg);cursor:pointer;border:0;place-items:center;display:grid}.undo-redo button+button{border-left:1px solid var(--line)}.undo-redo button:not(:disabled):hover{background:var(--panel)}.undo-redo button:disabled{color:var(--underline);cursor:default}.undo-redo svg{width:16px;height:16px}.m-top .undo-redo{border:0}.m-top .undo-redo button+button{border-left:0}.m-top .undo-redo button{width:40px;height:44px}.rail{background:#fbfaf8;padding-top:14px}.rail button{align-content:center;min-height:66px;padding:8px 4px;font-size:10.5px}.main{padding:22px 24px 48px}.main .heading{margin-bottom:20px}.main .heading h2{font:400 18px var(--serif-kr)}.main .heading .sub{font:400 12px var(--sans);color:var(--muted);margin-top:4px}.main .heading h2+.sub{font-style:normal}.pk-head{justify-content:space-between;align-items:center;display:flex}.pk-head .label,.pk-k{letter-spacing:.12em;color:var(--muted);font-size:11px}.pk-head .link{min-height:32px;color:var(--muted);padding:0;font-size:11px}.bought{align-items:baseline;gap:10px;margin:0;font-size:15px;display:flex}.bought .label{color:var(--muted);font-size:13px}.bought b{font-weight:600}.pk-on{letter-spacing:0;color:var(--gold)}.thumbs{grid-template-columns:repeat(4,56px);gap:10px;display:grid}.thumbs.all{grid-template-columns:repeat(auto-fill,56px);row-gap:14px}.thumb{cursor:pointer;text-align:center;background:0 0;border:0;gap:4px;padding:0;display:grid}.thumb img,.thumb .thumb-nm{object-fit:cover;outline:1px solid var(--line);outline-offset:2px;background:var(--slot);width:56px;height:121px;display:block}.thumb .thumb-nm{font:italic 12px var(--serif);color:var(--muted);place-items:center;padding:4px;display:grid}.thumb[aria-checked=true] img,.thumb[aria-checked=true] .thumb-nm{outline:2px solid var(--fg)}.thumb-l{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:56px;font-size:10px;overflow:hidden}.thumb[aria-checked=true] .thumb-l{color:var(--fg)}.strips{flex-wrap:wrap;gap:8px;display:flex}.strip{border:1px solid var(--line);background:var(--bg);cursor:pointer;padding:3px;display:flex}.strip i{width:14px;height:22px;display:block}.strip[aria-checked=true]{border-color:var(--fg)}.color-rows{border-bottom:1px solid var(--line)}.color-line{border-top:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.color-line>label{color:#5e5953;width:70px}.color-line .dot{width:22px;height:22px;box-shadow:0 0 0 1px var(--line);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;overflow:hidden}.color-line .dot::-webkit-color-swatch-wrapper{padding:0}.color-line .dot::-webkit-color-swatch{border:0;border-radius:50%}.color-line .dot::-moz-color-swatch{border:0;border-radius:50%}.color-line .hex{justify-items:end;margin-left:auto;display:grid}.color-line .hex input{background:var(--bg);border:1px solid var(--line);text-align:center;letter-spacing:.02em;border-radius:0;width:84px;height:26px;min-height:0;padding:4px 8px;font:11px ui-monospace,DM Mono,SFMono-Regular,Menlo,monospace}.color-line .hex .msg{text-align:right;max-width:180px}.fontcards{gap:6px;display:grid}.fontcard{border:1px solid var(--line);background:var(--bg);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.fontcard[aria-checked=true]{border-color:var(--fg)}.fontcard .fc-s{white-space:nowrap;text-overflow:ellipsis;font-size:18px;line-height:1.3;overflow:hidden}.fontcard .fc-n{color:var(--muted);flex:none;font-size:11px}.fontcard .fc-n em{color:var(--gold);font-style:normal}.is-picked{outline-offset:6px;outline:2px solid #3b82f6;animation:1.8s ease-out picked}@keyframes picked{0%,70%{outline-color:#3b82f6}to{outline-color:#0000}}.preview-col{padding:18px 24px 64px;position:relative}.pv{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.pv-modes{gap:4px;font-size:12px;display:flex}.pv-modes button{min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;padding:0 14px}.pv-modes button[aria-selected=true]{border-color:var(--fg);background:var(--bg);color:var(--fg)}.pv-stage{justify-content:center;width:100%;display:flex}.pv .phone{background:#fff;border:0;border-radius:34px;outline:0;width:350px;height:min(734px,100vh - 186px);padding:10px;box-shadow:0 40px 80px -40px #00000059}.pv .phone iframe{border-radius:26px}.pc-frame{border:1px solid var(--line);background:#fff;overflow:hidden;box-shadow:0 40px 80px -40px #00000059}.pc-frame iframe{border:0;width:100%;height:100%;display:block}.pv-bar{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;bottom:18px;left:24px;right:24px}.pv-bar b{color:var(--fg);font-weight:400}.pv-bar .link{min-height:32px;font-size:12px}.pv-zoom{gap:6px;display:flex}.pv-zoom button{border:1px solid var(--line);background:var(--bg);cursor:pointer;min-width:34px;min-height:30px}.pv-zoom button:disabled{color:var(--underline);cursor:default}.sec-list .aside-k{color:#2b2622;margin:0 0 6px;font-size:15px;font-weight:600}.sec-help{color:#5f5a54;margin:0 0 10px;font-size:13px}.srows{border-bottom:1px solid var(--line);margin:0;padding:0;list-style:none}.srow{border-top:1px solid var(--line);color:#1f1d1a;background:var(--bg);align-items:center;gap:4px;min-height:52px;padding:0;font-size:15px;display:flex}.srow .nm{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.srow .srow-empty,.srow .srow-tag,.srow .srow-off{color:#5f5a54;font-size:12px;font-weight:500}.srow .srow-empty{flex-basis:100%;margin-top:-4px}.srow .srow-tag,.srow .srow-off{border:1px solid #cfc8be;border-radius:99px;padding:1px 7px}.srow.off .nm{color:#8a847c}.srow .grip,.srow .grip-slot{flex:none;width:44px;height:44px}.srow .grip{color:#8a847c;cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;padding:0;font-size:20px;line-height:1;display:grid}.srow .grip:active{cursor:grabbing;color:#1f1d1a}.srow[draggable=true]{cursor:grab}.srow.dragging{opacity:.55;background:#f7f7f6}.srow.over{box-shadow:inset 0 2px 0 var(--fg)}.srow .updown{display:flex}.srow .updown button{color:#2b2622;cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0;font-size:18px}.srow .updown button[hidden]{visibility:hidden;display:block}.srow-req{color:#5f5a54;flex:none;place-items:center;min-width:52px;height:44px;font-size:13px;font-weight:600;display:grid}.sw{cursor:pointer;background:#cfc8be;border:0;border-radius:13px;flex:none;width:44px;height:26px;margin:0 4px;padding:0;transition:background .15s;position:relative}.sw i{background:#fff;border-radius:10px;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px}.sw[aria-checked=true]{background:var(--fg)}.sw[aria-checked=true] i{left:21px}.sw:before{content:"";position:absolute;inset:-9px -4px}.studio .finish-sections{display:none}.share-check{border:1px solid var(--line);margin-top:22px;padding:16px}.share-check .sc-k{justify-content:space-between;margin:0 0 10px;font-size:13px;display:flex}.share-check .sc-n{color:var(--muted);font-size:11px}.share-check .sc-n.ok{color:var(--gold)}.share-check ul{gap:6px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.share-check li{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.share-check li.done{color:var(--gold)}.share-check .mk{width:12px}.share-check .link{min-height:28px;color:var(--fg);text-underline-offset:3px;padding:0;font-size:12px;text-decoration:underline}.share-check .sc-go{color:var(--muted);margin-left:auto}.aside-r .share-box{border-top:0;margin-top:16px;padding-top:0}.m{min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.m-top{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:4px;height:56px;padding:0 6px;display:flex;position:sticky;top:0}.m-top .save-state{text-align:center;flex:1}.m-head{padding:28px 20px 8px}.m-head .heading{margin-bottom:18px}.m-tabs{border-bottom:1px solid var(--line);gap:20px;padding:0 20px}.m-body{padding:28px 20px 40px}.m-bar{z-index:6;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.m-bar .pill{min-width:120px}.sheet{z-index:20;background:var(--panel);flex-direction:column;display:flex;position:fixed;inset:0}.sheet-top{align-items:center;gap:8px;padding:6px 12px 0 20px;display:flex}.sheet-top .tabs{flex:1}.replay{align-self:center;min-height:44px;margin-top:-8px}.sheet .replay{margin:-8px 0 6px}.sheet .phone{border-radius:28px;flex:1;width:auto;height:auto;margin:8px 12px 12px}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);gap:4px;padding:16px 0;display:grid}.list li p{white-space:pre-wrap;margin:0}.list li.off{opacity:.5}.meta{color:var(--muted);font-size:12px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px 10px 0}th{color:var(--muted);font-size:12px;font-weight:600}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;display:grid}.photo-grid a{aspect-ratio:1;background:var(--slot);display:block;overflow:hidden}.photo-grid img{object-fit:cover;width:100%;height:100%;display:block}.copy-row{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.toast{z-index:30;background:var(--accent);color:var(--accent-fg);border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.home{max-width:1080px;margin:0 auto;padding:0 28px 80px}.home-top{border-bottom:1px solid var(--line);align-items:center;min-height:64px;margin:0 -28px 48px;padding:0 28px;display:flex}.home-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:56px;display:grid}.home .theme{border-top:1px solid var(--line);gap:14px;padding:28px 0;display:grid}.home .theme h3{margin:0;font-size:18px}.home .theme p{color:var(--muted);margin:0}.home-preview{background:var(--panel);justify-items:center;padding:24px;display:grid;position:sticky;top:24px}.home-preview .phone{height:640px}.form-block{border-top:1px solid var(--line);gap:22px;padding:28px 0;display:grid}.slug-field{align-items:flex-end;gap:6px;display:flex}.slug-field span{color:var(--muted);white-space:nowrap;padding-bottom:9px;font-size:14px}@media (width<=899px){.home{padding:0 20px 64px}.home-top{margin:0 -20px 32px;padding:0 20px}.home-grid{grid-template-columns:1fr;gap:24px}.home-preview{padding:16px;position:static}.home-preview .phone{width:100%;max-width:330px;height:560px}.grid2,.dt-row,.media-row{grid-template-columns:1fr}.heading h1{font-size:28px}.notice{gap:0 12px;padding:8px 20px}}.preview-col .tab,.sheet .tab,.home-preview .tab{color:var(--muted-on-gray)}.preview-col .tab[aria-selected=true],.sheet .tab[aria-selected=true]{color:var(--fg)}.spacer{flex:1}.create{max-width:760px;margin:0 auto;padding:0 28px 120px}.create .home-top{gap:12px}.create-head{margin-bottom:8px}.create-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:44px;padding-top:22px;display:flex}.cards{scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;margin:0 -28px;padding:4px 28px 12px;display:flex;overflow-x:auto}.cards::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;flex:none;gap:6px;width:236px;display:grid}.mini{cursor:pointer;clip-path:inset(0 round 30px);border:2px solid var(--line);background:var(--panel);border-radius:30px;width:236px;height:506px;padding:0;position:relative;overflow:hidden}.card.on .mini{border-color:var(--accent)}.mini iframe{transform-origin:0 0;pointer-events:none;border:0;width:386px;height:836px;display:block;transform:scale(.6)}.card-name{margin:8px 0 0;font-weight:700}.card.on .card-name{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.card-desc{color:var(--muted);margin:0;font-size:13px}.card-name .mood{border:1px solid var(--line);letter-spacing:.12em;color:var(--muted);vertical-align:2px;border-radius:99px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.card-en{letter-spacing:.04em;color:var(--muted);margin:0;font-size:12px;font-style:italic}.addr{gap:6px;margin-top:8px}.addr-prefix{color:var(--muted);font-size:13px}.field input.addr-input{letter-spacing:-.01em;height:56px;font-size:28px;font-weight:600}.field .ok{color:var(--fg);font-size:13px;font-weight:600}.addr .msg,.addr .hint,.addr .ok{font-size:13px}.code-field input{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.code-field .msg,.code-field .hint{font-size:13px}.warn-line{color:var(--warn);margin:0;font-size:13px;font-weight:600}@media (width<=899px){.create{padding:0 24px 96px}.create .home-top{margin:0 -24px 28px;padding:0 24px}.cards{margin:0 -24px;padding:4px 24px 12px;scroll-padding-inline:24px}.card{scroll-snap-align:start}.card-name,.card-en,.card-desc{padding:0}.field input.addr-input{font-size:24px}}.field textarea.link-text{resize:none;word-break:break-all;field-sizing:content;height:auto;min-height:0;font-size:15px;line-height:1.5}.tcard{text-align:left;cursor:pointer;scroll-snap-align:start;width:200px;color:inherit;font:inherit;background:0 0;border:0;flex:none;align-content:start;gap:4px;padding:0;display:grid}.tcard-img{aspect-ratio:390/844;background:var(--panel);outline:1px solid var(--line);display:block;position:relative;overflow:hidden}.tcard-img img{object-fit:cover;width:100%;height:100%;display:block}.tcard-img iframe{transform-origin:0 0;pointer-events:none;border:0;width:390px;height:844px;display:block;transform:scale(.5128)}.tcard.on .tcard-img{outline:2px solid var(--fg);outline-offset:3px}.tcard-meta{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:12px;display:flex}.tcard-en{font:italic 400 21px/1.15 var(--serif)}.tcard.on .tcard-en{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.tcard-mood{letter-spacing:.16em;color:var(--gold);font-size:10px}.tcard-desc{color:var(--muted);font-size:12.5px;line-height:1.55}.theme-groups .tab[aria-selected=true]{color:var(--fg)}.theme-layout{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}.theme-side{align-content:start;gap:0;display:grid}.create:has(.theme-step){max-width:1120px}@media (width>=900px){.theme-layout .cards{flex-wrap:wrap;gap:40px 12px;margin:0;padding:4px 4px 12px;overflow:visible}.theme-step .theme-side{z-index:3;background:var(--bg);position:sticky;bottom:0}.theme-step .create-foot{margin-top:0;padding:16px 0}}.theme-groups{margin:-8px 0 24px}.theme-groups .count{color:var(--muted);margin-left:4px;font-size:12px;font-weight:500;display:inline-block}@media (width<=899px){.create-foot{z-index:4;background:var(--bg);padding:12px 24px calc(12px + env(safe-area-inset-bottom));margin:0;position:fixed;bottom:0;left:0;right:0}.create{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}.intro-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.intro-card{text-align:left;border:1px solid var(--line);background:var(--bg);cursor:pointer;min-height:var(--touch);border-radius:0;align-content:start;gap:4px;padding:10px;display:grid}.intro-card[aria-checked=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.intro-card b{font-size:13px}.intro-card b em{color:var(--muted);margin-left:4px;font-size:11px;font-style:normal;font-weight:500}.intro-card .small{line-height:1.4}.ic-art{background:#f7f6f3;border-radius:8px;height:64px;margin-bottom:4px;display:block;position:relative;overflow:hidden}.ic-art i{display:block;position:absolute}.ic-letters i{background:#1e1d1b;border-radius:2px;height:4px;left:50%;transform:translate(-50%)}.ic-letters i:first-child{opacity:.4;width:30%;height:2px;top:20px}.ic-letters i:nth-child(2){background:repeating-linear-gradient(90deg,#1e1d1b 0 5px,#0000 5px 8px);width:56%;top:29px}.ic-letters i:nth-child(3){width:16%;height:1px;top:41px}.ic-photo{background:linear-gradient(160deg,#c9b8a4,#6d5d52 70%,#3b322d)}.ic-photo i:first-child{background:linear-gradient(#0000,#00000059);inset:0}.ic-photo i:nth-child(2){background:#fff;border-radius:2px;height:4px;top:30px;left:25%;right:25%}.ic-photo i:nth-child(3){background:#ffffffb3;height:2px;top:40px;left:38%;right:38%}.ic-envelope{background:#efe9e1}.ic-envelope i:first-child{background:#d9cfc3;border-radius:2px;inset:14px 26% 12px}.ic-envelope i:nth-child(2){clip-path:polygon(0 0,100% 0,50% 100%);background:#cdbfb0;height:22px;top:14px;left:26%;right:26%}.ic-envelope i:nth-child(3){background:#8c2f39;border-radius:50%;width:10px;height:10px;margin-left:-5px;top:31px;left:50%}.ic-curtain{background:#f7f6f3}.ic-curtain i:first-child,.ic-curtain i:nth-child(2){background:repeating-linear-gradient(90deg,#0000002e 0 1px,#0000 1px 6px),#5b1f2a;width:38%;top:0;bottom:0}.ic-curtain i:first-child{left:0}.ic-curtain i:nth-child(2){right:0}.ic-curtain i:nth-child(3){background:#1e1d1b;border-radius:2px;height:3px;top:30px;left:44%;right:44%}.ic-typing{background:#0d1117}.ic-typing i{background:#7ee787;border-radius:2px;height:3px;left:12%}.ic-typing i:first-child{width:50%;top:18px}.ic-typing i:nth-child(2){background:#e6edf3;width:66%;height:5px;top:29px}.ic-typing i:nth-child(3){background:#e6edf3;width:6px;height:9px;top:42px}.ic-none{background:var(--slot)}.ic-none i:first-child{background:var(--muted);width:26px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.color-row{min-height:var(--touch);align-items:center;gap:12px;display:flex}.color-row input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:44px;height:44px;padding:0}.color-row input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.color-row input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}#intro-sec{width:100%;min-height:var(--touch);accent-color:var(--accent)}@media (width<=420px){.intro-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.palettes{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.palette{min-height:var(--touch);border:1px solid var(--line);background:var(--bg);cursor:pointer;text-align:left;border-radius:0;justify-items:start;gap:6px;padding:8px;font-size:13px;display:grid}.palette[aria-checked=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:600}.palette .sw{border:1px solid #00000014;border-radius:0;width:100%;height:34px;display:block;position:relative;overflow:hidden}.palette .sw i{border:1px solid #ffffff80;border-radius:50%;width:16px;height:16px;position:absolute;top:9px}.palette .sw i:first-child{left:10px}.palette .sw i:last-child{left:30px}.palette .sw.custom{background:conic-gradient(#e8b4a0,#e6d38a,#9fc59b,#8fb3d9,#b9a2d6,#e8b4a0)}.color-fields{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;display:grid}.color-fields .color-row{align-items:flex-start}.hex{gap:4px;display:grid}.hex input{letter-spacing:.04em;width:104px;min-height:44px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.hex .msg{color:var(--warn);line-height:1.35}.hex.is-warn input{border-bottom-color:var(--warn)}.fontsets{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.fontset{text-align:left;min-height:var(--touch);border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:0;align-content:start;gap:4px;padding:10px 12px;display:grid}.fontset[aria-checked=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.fontset .fs-d{font-size:22px;line-height:1.25}.fontset .fs-b{color:var(--muted);font-size:13px}.fontset b{margin-top:4px;font-size:13px}.fontset b em{color:var(--muted);margin-left:4px;font-size:11px;font-style:normal;font-weight:500}.fontset .small{line-height:1.4}.sec-row{gap:6px;display:grid}.sec-row .line-input::placeholder{color:var(--muted);opacity:.7}.admin{max-width:980px;margin:0 auto;padding:0 28px 96px}.admin h1{margin:32px 0 6px;font-size:28px}.admin .issue{grid-template-columns:minmax(200px,1fr) 2fr auto;align-items:end;gap:16px 20px;display:grid}.admin .new-codes code{font-size:20px}.admin .new-codes textarea{width:100%;font:inherit;border:1px solid var(--line);resize:vertical;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.6}.admin .row-btns{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.admin td select{max-width:190px;font-size:13px}.admin .new-codes{border:1px solid var(--line);background:var(--bg);border-radius:12px;gap:6px;padding:16px;display:grid}.admin .new-codes code,.admin td code{letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.admin table{border-collapse:collapse;width:100%;font-size:14px}.admin th,.admin td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}.admin th{color:var(--muted);font-size:12px;font-weight:500}.admin .tag{border:1px solid var(--line);border-radius:99px;padding:2px 8px;font-size:12px;display:inline-block}.admin .tag.used{background:var(--fg);color:var(--bg);border-color:var(--fg)}.admin .table-wrap{overflow-x:auto}@media (width<=720px){.admin{padding:0 16px 80px}.admin .issue{grid-template-columns:1fr 1fr}.admin .issue .wide{grid-column:1/-1}}.admin td code,.admin .tag,.admin td:nth-child(3),.admin td:nth-child(5){white-space:nowrap}.admin table{min-width:820px}.create .notice.bought{border-bottom:1px solid var(--line);margin:0 0 12px;padding:12px 0}.admin .admin-h2{margin:28px 0 6px;font-size:18px}.admin .tag.warn{color:var(--warn);border-color:var(--warn)}.qr-card{border-top:1px solid var(--line);justify-items:center;gap:10px;margin-top:24px;padding-top:20px;display:grid}.qr-k{letter-spacing:.08em;color:var(--muted);justify-self:start;margin:0;font-size:12px}.qr-img{background:#fff;width:160px;height:160px}.qr-img img{width:160px;height:160px;display:block}.qr-ph{background:repeating-linear-gradient(0deg, transparent 0 15px, var(--line) 15px 16px), repeating-linear-gradient(90deg, transparent 0 15px, var(--line) 15px 16px);border:1px solid var(--line);width:100%;height:100%;display:block}.qr-card.off .qr-img{opacity:.45}.qr-url{max-width:100%;color:var(--muted);text-align:center;overflow-wrap:anywhere;margin:0;font-size:11px}.qr-note{color:var(--muted);text-align:center;margin:0;font-size:12px;line-height:1.5}.qr-btns{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.qr-btns .pill{width:100%;padding-left:8px;padding-right:8px}.stack>.qr-card{margin-top:4px}.qr-sheet{background:#fff}.qr-sheet .sheet-top{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 16px}.qr-sheet-body{text-align:center;flex:1;place-content:center;justify-items:center;gap:16px;padding:24px;display:grid}.qr-sheet-body img{width:min(80vw,360px);height:auto;image-rendering:pixelated}.qr-sheet-body p{margin:0;font-size:15px}.sec-list.compact .srow.fixed .grip{display:none}.srow .updown button{color:var(--fg);font-size:14px}.m,.studio{--ui:Pretendard, "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--ink:#1f1d1a;--title:#2b2622;--sub:#5f5a54;--ph:#8a847c;--box:#cfc8be;--muted:#5f5a54;--muted-on-gray:#5f5a54;font-family:var(--ui)}.m *,.studio *{letter-spacing:0!important}.m .heading h1,.m .heading h2,.studio .main .heading h2{font:700 26px/1.3 var(--ui);color:var(--ink)}.studio .main .heading h2{font-size:20px}.m .heading .sub,.studio .main .heading .sub{font:400 14px/1.5 var(--ui);color:var(--sub);margin-top:6px;font-style:normal}.m .eyebrow{font:600 13px var(--ui);color:var(--sub);font-style:normal}.m .brand,.studio .brand{font:600 17px var(--ui)}.studio .topbar .tname{font:500 14px var(--ui);color:var(--sub)}.m .group-title,.studio .group-title,.m .pk-head .label,.m .pk-k,.studio .pk-head .label,.studio .pk-k,.m .aside-k,.studio .aside-k,.m .sec-list .aside-k,.studio .sec-list .aside-k{color:var(--title);font-size:17px;font-weight:600;line-height:1.4}.m .field>label,.m .label,.studio .field>label,.studio .label{color:var(--title);font-size:15px;font-weight:500}.m .pk-head .link,.studio .pk-head .link{min-height:var(--touch);color:var(--ink);font-size:14px;font-weight:600}.m .small,.studio .small,.m .field .hint,.studio .field .hint,.m .hint,.studio .hint{color:var(--sub);font-size:13px;line-height:1.55}.m .field .msg,.studio .field .msg{font-size:13px}.m .muted,.studio .muted{color:var(--sub)}.m .field,.studio .field{gap:8px}.m .field>.hint,.m .field>.msg,.studio .field>.hint,.studio .field>.msg{margin-top:-2px}.m .field input,.m .field select,.m .field textarea,.m .line-input,.studio .field input,.studio .field select,.studio .field textarea,.studio .line-input{border:1px solid var(--box);height:48px;font:400 16px var(--ui);color:var(--ink);background:#fff;border-radius:8px;padding:0 14px}.m .field textarea,.studio .field textarea{height:auto;min-height:104px;padding:12px 14px;line-height:1.7}.m .field select,.studio .field select{padding-right:36px}.m .field input:focus,.m .field select:focus,.m .field textarea:focus,.m .line-input:focus,.studio .field input:focus,.studio .field select:focus,.studio .field textarea:focus,.studio .line-input:focus{border:1px solid var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.m .field input::placeholder,.m .field textarea::placeholder,.m .line-input::placeholder,.studio .field input::placeholder,.studio .field textarea::placeholder,.studio .line-input::placeholder{color:var(--ph)}.m .field.is-warn input,.m .field.is-warn select,.m .field.is-warn textarea,.studio .field.is-warn input,.studio .field.is-warn select,.studio .field.is-warn textarea{border-color:var(--warn)}.m .stack,.studio .stack{gap:24px}.m .grid2,.studio .grid2{gap:24px 16px}.m .group,.studio .group{border-top:1px solid var(--line);gap:16px;margin-top:4px;padding-top:28px}.m .group:first-child,.studio .group:first-child{border-top:0;margin-top:0;padding-top:0}.fold{border:1px solid var(--line);border-radius:8px}.fold>summary{cursor:pointer;min-height:48px;color:var(--title);justify-content:space-between;align-items:center;padding:0 14px;font-size:15px;font-weight:500;list-style:none;display:flex}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"▾";color:var(--sub);transition:transform .15s}.fold[open]>summary:after{transform:rotate(180deg)}.fold-body{padding:4px 14px 18px}.m .pill,.studio .pill,.m .chip,.studio .chip{font-family:var(--ui);font-size:15px;font-weight:500}.m .chip:not([aria-checked=true]):not([aria-pressed=true]),.studio .chip:not([aria-checked=true]):not([aria-pressed=true]){border-color:var(--box)}.m .tab,.studio .tab{color:var(--sub);font-size:15px;font-weight:500;text-decoration:none}.m .tab[aria-selected=true],.m .tab[aria-current=page],.studio .tab[aria-selected=true],.studio .tab[aria-current=page]{color:var(--ink);text-underline-offset:8px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.m .tabs[data-fade~=l],.studio .tabs[data-fade~=l]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 28px);mask-image:linear-gradient(90deg,#0000 0,#000 28px)}.m .tabs[data-fade~=r],.studio .tabs[data-fade~=r]{-webkit-mask-image:linear-gradient(270deg,#0000 0,#000 28px);mask-image:linear-gradient(270deg,#0000 0,#000 28px)}.m .tabs[data-fade=l\ r],.studio .tabs[data-fade=l\ r]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 28px calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 28px calc(100% - 28px),#0000 100%)}.m .color-line,.studio .color-line{font-size:15px}.m .color-line>label,.studio .color-line>label{color:var(--title);font-weight:500}.m .color-line .dot,.studio .color-line .dot{width:44px;height:44px}.m .color-line .hex input,.studio .color-line .hex input{border-color:var(--box);border-radius:8px;width:104px;height:44px;font-size:14px}.m .fontcard .fc-n,.studio .fontcard .fc-n,.m .thumb-l,.studio .thumb-l{color:var(--sub);font-size:13px}.m .save-state,.studio .save-state{color:var(--sub);font-size:14px}.m [data-path],.m .group,.m section,.m .field,.m .fold{scroll-margin-top:76px}.sheet:has(.pv-bare){background:#fff}.pv-bare{flex-direction:column;width:100%;height:100%;display:flex}.pv-top{border-bottom:1px solid var(--line);letter-spacing:0;background:#fff;flex:none;align-items:center;gap:4px;height:48px;padding:0 4px 0 16px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;display:flex}.pv-title{text-overflow:ellipsis;white-space:nowrap;color:#1f1d1a;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.pv-top .link{color:#1f1d1a;padding:0 10px;font-size:14px;font-weight:600}.pv-variants{border-bottom:1px solid var(--line);flex:none;padding:0 16px}.pv-full{flex:1;min-height:0}.pv-full iframe{border:0;width:100%;height:100%;display:block}