@import "https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Do+Hyeon&family=East+Sea+Dokdo&family=Gaegu:wght@300;400;700&family=Gamja+Flower&family=Gowun+Batang:wght@400;700&family=Gowun+Dodum&family=Gugi&family=Hi+Melody&family=Jua&family=Nanum+Brush+Script&family=Nanum+Gothic:wght@400;700;800&family=Nanum+Myeongjo:wght@400;700;800&family=Nanum+Pen+Script&family=Noto+Sans+KR:wght@400;700;900&family=Noto+Serif+KR:wght@400;700;900&family=Poor+Story&family=Single+Day&family=Song+Myung&family=Stylish&family=Sunflower:wght@300;500;700&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#20201e;--muted:#77736d;--line:#ddd9d2;--paper:#f7f5f0;--accent:#ff6048}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}button,input,select{font:inherit}button,label{-webkit-tap-highlight-color:transparent}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:74px;padding:0 30px;display:flex}.brand{align-items:center;gap:13px;font-weight:900;display:flex}.brand img{object-fit:contain;width:auto;height:56px;display:block}.brand b{color:#aaa49b;letter-spacing:.14em;border-left:1px solid var(--line);padding-left:13px;font-size:10px}.headerActions{gap:8px;display:flex}.headerActions button{border:1px solid var(--line);cursor:pointer;padding:10px 16px;font-size:12px;font-weight:800}.ghost{background:#fff}.save{background:var(--ink);color:#fff;border-color:var(--ink)!important}.editor{grid-template-columns:300px minmax(430px,1fr) 285px;height:calc(100vh - 74px);min-height:720px;display:grid}.leftPanel,.rightPanel{background:#fff;padding:27px 24px;overflow-y:auto}.leftPanel{border-right:1px solid var(--line)}.rightPanel{border-left:1px solid var(--line)}.eyebrow{color:var(--accent);letter-spacing:.15em;font-size:9px;font-weight:900}.intro h1{letter-spacing:-.05em;margin:7px 0 9px;font-size:26px;line-height:1.15}.intro p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.toolSection{border-bottom:1px solid #eeeae4;padding:24px 0}.toolTitle{align-items:flex-start;gap:11px;display:flex}.toolTitle>span{width:24px;height:24px;color:var(--accent);background:#f2eee8;border-radius:50%;flex:none;place-items:center;font-size:9px;font-weight:900;display:grid}.toolTitle h2{margin:1px 0 3px;font-size:14px}.toolTitle p{color:var(--muted);margin:0;font-size:10px}.swatches{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.swatches>button,.customColor{cursor:pointer;border:1px solid #d8d4ce;border-radius:50%;width:28px;height:28px;position:relative}.swatches>button.active:after{content:"";border:2px solid var(--accent);border-radius:50%;position:absolute;inset:-4px}.customColor{color:#fff;background:conic-gradient(#f55,#ff5,#5f5,#5ff,#55f,#f5f,#f55);place-items:center;display:grid;overflow:hidden}.customColor input{opacity:0;cursor:pointer;position:absolute;inset:0}.customColor span{text-shadow:0 1px 3px #000;font-weight:900}.textAdder{grid-template-columns:1fr 48px;margin-top:13px;display:grid}.textAdder input{border:1px solid var(--line);outline:none;min-width:0;padding:11px;font-size:11px}.textAdder input:focus{border-color:var(--accent)}.textAdder button{background:var(--ink);color:#fff;cursor:pointer;border:0;font-size:11px;font-weight:800}.imageUpload{cursor:pointer;background:#fbfaf8;border:1px dashed #bdb7af;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:73px;margin-top:13px;display:flex;position:relative}.imageUpload:hover{border-color:var(--accent)}.imageUpload input{opacity:0;cursor:pointer;position:absolute;inset:0}.imageUpload b{font-size:11px}.imageUpload small{color:var(--muted);font-size:9px}.layers{padding-top:20px}.layerHead{justify-content:space-between;align-items:center;margin-bottom:7px;font-size:11px;display:flex}.layerHead span{color:var(--muted)}.layers>button{cursor:pointer;text-align:left;background:#f8f6f2;border:1px solid #0000;align-items:center;gap:8px;width:100%;margin:5px 0;padding:7px;display:flex}.layers>button.active{border-color:var(--accent);background:#fff}.layers i,.selectedName i{background:#e9e5df;place-items:center;width:28px;height:28px;font-size:9px;font-style:normal;font-weight:900;display:grid}.layers em{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-style:normal;overflow:hidden}.stage{background-color:#d7d4ce;background-image:linear-gradient(45deg,#ffffff40 25%,#0000 25% 75%,#ffffff40 75%),linear-gradient(45deg,#ffffff40 25%,#0000 25% 75%,#ffffff40 75%);background-position:0 0,10px 10px;background-size:20px 20px;place-items:center;padding:42px;display:grid;position:relative;overflow:hidden}.canvasShell{aspect-ratio:2/3;background:#fff;height:min(100vh - 155px,780px);box-shadow:0 22px 45px #2d28233d}canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.canvas:active{cursor:grabbing}.ruler{color:#77716a;letter-spacing:.08em;font-size:9px;position:absolute}.topRuler{top:17px;left:50%;transform:translate(-50%)}.sideRuler{transform-origin:0 0;top:50%;left:14px;transform:rotate(-90deg)translate(-50%)}.cropLegend{color:#6d332c;background:#ffffffeb;border:1px solid #d3301d47;grid-template-columns:9px auto;align-items:center;gap:2px 6px;padding:8px 10px;font-size:8px;display:grid;position:absolute;top:15px;right:15px;box-shadow:0 4px 14px #28231e14}.cropLegend i{background:#ff60487a;border:1px dashed #d3301d;grid-row:1/3;width:9px;height:9px}.cropLegend b{color:#d3301d;font-size:8px}.status{color:#fff;white-space:nowrap;background:#1d1c1ade;border-radius:99px;padding:8px 13px;font-size:9px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.status i{background:#66d083;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.rightPanel>h2{letter-spacing:-.04em;margin:7px 0 20px;font-size:21px}.empty{border:1px dashed var(--line);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:235px;display:flex}.empty span{color:#bbb5ad;font-size:27px}.empty b{margin:13px 0 5px;font-size:11px}.empty p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.selectedName{background:#f5f2ed;align-items:center;gap:10px;margin-bottom:20px;padding:9px;display:flex}.selectedName div{gap:2px;min-width:0;display:grid}.selectedName small{color:var(--muted);font-size:8px}.selectedName b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.field{margin:15px 0;display:block}.field>span,.slider>span{justify-content:space-between;margin-bottom:7px;font-size:10px;font-weight:800;display:flex}.field>input,.field select{border:1px solid var(--line);background:#fff;width:100%;padding:9px;font-size:10px}.colorField>div{border:1px solid var(--line);align-items:center;gap:8px;padding:5px;display:flex}.colorField input{border:0;width:31px;height:25px;padding:0}.colorField code{color:var(--muted);font-size:10px}.slider{margin:19px 0;display:block}.slider b{color:var(--accent)}.slider input{width:100%;accent-color:var(--accent)}.objectButtons{grid-template-columns:1fr 65px;gap:7px;margin-top:20px;display:grid}.objectButtons button{border:1px solid var(--line);cursor:pointer;background:#fff;padding:9px;font-size:10px;font-weight:800}.objectButtons .danger{color:#c54b3b}.exportCard{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.exportCard>div{gap:3px;margin-bottom:10px;display:grid}.exportCard span{color:var(--accent);letter-spacing:.14em;font-size:8px;font-weight:900}.exportCard b{font-size:13px}.exportCard small{color:var(--muted);font-size:9px}.exportCard button{background:var(--ink);color:#fff;cursor:pointer;border:0;width:100%;padding:12px;font-size:10px;font-weight:900}@media (max-width:980px){.editor{grid-template-columns:260px 1fr}.rightPanel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 28px;display:grid}.rightPanel>.eyebrow,.rightPanel>h2{grid-column:1/-1}.editor{height:auto}.stage{min-height:760px}.leftPanel{max-height:900px}.exportCard{margin-top:0}}@media (max-width:650px){header{padding:0 14px}.brand img{height:48px}.brand b,.headerActions .ghost{display:none}.editor{flex-direction:column;display:flex}.leftPanel{padding:24px 20px;overflow:visible}.stage{min-height:650px;padding:50px 18px 40px}.canvasShell{width:min(88vw,390px);height:auto}.rightPanel{padding:24px 20px;display:block}.ruler{display:none}.cropLegend{top:12px;right:50%;transform:translate(50%)}}