@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(./inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(./inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(./inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(./inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(./inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(./inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(./inter-cyrillic-ext-700-normal-LO58E6JB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(./inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(./inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(./inter-greek-700-normal-BUv2fZ6O.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(./inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(./inter-latin-ext-700-normal-TidjK2hL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(./inter-latin-700-normal-BLAVimhd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:400;src:url(./pretendard-latin-400-normal-BhrLQoBv.woff2) format("woff2"),url(./pretendard-latin-400-normal-D5CgADJ9.woff) format("woff")}@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:700;src:url(./pretendard-latin-700-normal-BYNivUXw.woff2) format("woff2"),url(./pretendard-latin-700-normal-DD7wHHNl.woff) format("woff")}:root{--bg: #f2f2f0;--surface: #ffffff;--surface-2: #eaeae7;--text: #111111;--muted: #75757a;--border: #d8d8d4;--primary: #141414;--primary-text: #ffffff;--accent: #2e5ac8;--shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 8px 24px rgb(0 0 0 / 6%);--radius: 10px}@media (prefers-color-scheme: dark){:root{--bg: #101012;--surface: #1a1a1d;--surface-2: #242428;--text: #f0f0ee;--muted: #9a9aa0;--border: #34343a;--primary: #f0f0ee;--primary-text: #111111;--accent: #8fb0ff;--shadow: 0 1px 3px rgb(0 0 0 / 40%), 0 8px 24px rgb(0 0 0 / 30%)}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,Pretendard,-apple-system,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit;color:inherit}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.topbar h1{font-size:17px;font-weight:700;letter-spacing:.02em;margin:0}button.primary,button.secondary{border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-weight:600;background:var(--surface);transition:filter .12s}button.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}button.primary:active,button.secondary:active{filter:brightness(.92)}button:disabled{opacity:.45;cursor:default}.empty{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px}.dropzone{width:100%;max-width:520px;aspect-ratio:4 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px dashed var(--border);border-radius:16px;background:var(--surface);color:var(--muted);font-size:15px}.dropzone-icon{font-size:34px;color:var(--text)}.dropzone-hint{font-size:13px}.main{flex:1;display:flex;flex-direction:column;gap:12px;padding:0 12px 116px;max-width:1280px;width:100%;margin:0 auto}.preview-col{order:1}.thumbs{order:2}.panel{order:3}.thumbs{display:flex;gap:8px;overflow-x:auto;padding:6px 2px;scrollbar-width:thin}.thumb{position:relative;flex:0 0 auto}.thumb-btn{display:block;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:none;line-height:0}.thumb.selected .thumb-btn{border-color:var(--accent)}.thumb-btn img{width:52px;height:68px;object-fit:cover}.thumb-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:none;background:var(--primary);color:var(--primary-text);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.preview-col{display:flex;flex-direction:column;gap:10px}.preview{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;justify-content:center}.preview-canvas{display:block;width:100%;height:auto}.panel{display:flex;flex-direction:column;gap:8px}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.section summary{list-style:none;cursor:pointer;padding:11px 14px;font-weight:600;font-size:14px;-webkit-user-select:none;user-select:none}.section summary::-webkit-details-marker{display:none}.section summary:after{content:"▾";float:right;color:var(--muted)}.section[open] summary:after{content:"▴"}.section-body{padding:0 14px 14px;display:flex;flex-direction:column;gap:10px}.segmented{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.segmented button{flex:1;border:none;background:var(--surface);padding:8px 0;font-weight:600;font-size:14px}.segmented button+button{border-left:1px solid var(--border)}.segmented button.active{background:var(--primary);color:var(--primary-text)}.template-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.template-card{border:2px solid var(--border);border-radius:10px;background:var(--surface);padding:6px;display:flex;flex-direction:column;gap:6px;align-items:center}.template-card.selected{border-color:var(--accent)}.mini-preview-canvas{width:100%;height:auto;border-radius:4px;display:block}.mini-preview-canvas.empty{aspect-ratio:4 / 5;background:var(--surface-2)}.template-card-label{font-size:13px;color:var(--muted)}.template-card.selected .template-card-label{color:var(--text);font-weight:600}.custom-color{display:flex;align-items:center;gap:8px}.custom-color input[type=color]{width:42px;height:34px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.custom-color input[type=text]{flex:1;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.field-editor{display:flex;flex-direction:column;gap:10px}.notice{margin:0;padding:8px 10px;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:13px}.field-rows{display:flex;flex-direction:column;gap:6px}.field-row{display:grid;grid-template-columns:64px 1fr 52px;align-items:center;gap:6px}.field-row label{font-size:13px;color:var(--muted)}.field-row input{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.field-row.hidden input{opacity:.45}.field-row .eye{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:6px 0;font-size:12px;color:var(--muted)}.field-row .eye.off{background:var(--surface-2)}.field-editor .reset{align-self:flex-start;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:6px 12px;font-size:13px;color:var(--muted)}.export-settings{display:flex;flex-direction:column;gap:10px}.quality{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.quality input{flex:1}.actionbar{display:flex;flex-direction:column;gap:2px}.actionbar-main{display:flex;gap:8px}.actionbar-main button{flex:1;padding:12px 0;font-size:15px}.actionbar-link{align-self:flex-start;border:none;background:none;padding:2px 0;font-size:12px;color:var(--muted);text-decoration:underline}.actionbar-mobile{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border)}.panel-desktop-only{display:none}.footer{text-align:center;color:var(--muted);font-size:12px;padding:14px 0 20px}.toasts{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px)}.toast{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--primary);color:var(--primary-text);border-radius:10px;padding:10px 12px;font-size:13px;box-shadow:var(--shadow)}.toast button{border:none;background:none;color:inherit;font-size:16px;padding:0 2px}.drag-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;background:color-mix(in srgb,var(--bg) 80%,transparent);border:3px dashed var(--accent);color:var(--text);pointer-events:none}@media (min-width: 768px){.main{display:grid;grid-template-columns:84px minmax(0,1fr) 320px;grid-template-areas:"thumbs preview panel";align-items:start;gap:16px;padding:8px 20px 24px}.thumbs{grid-area:thumbs;flex-direction:column;position:sticky;top:66px;max-height:calc(100dvh - 90px);overflow-y:auto}.thumb-btn img{width:60px;height:78px}.preview-col{grid-area:preview;position:sticky;top:66px}.panel{grid-area:panel}.actionbar-mobile{display:none}.panel-desktop-only{display:block}}