@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-ext-wght-normal-hsMS0n0O.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-wght-normal-Bb8VGrTG.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-ext-opsz-normal-C5tfwALZ.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-opsz-normal-DgmypKXX.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-ext-opsz-normal-DGm64vGR.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-opsz-normal-DFglUmAd.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-vietnamese-opsz-normal-Gqw5JQlq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-opsz-normal-STiTPs0F.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-opsz-normal-BHZsWIlc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-ext-opsz-italic-5yUt4G_9.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-opsz-italic-Bj0ndbyp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-ext-opsz-italic-DFpO5j-Z.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-opsz-italic-CHERNRFq.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-vietnamese-opsz-italic-BdcrZMcO.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-opsz-italic-4y8iAqqs.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-opsz-italic-CJ93D38p.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--qn-ground:#e6e9e5;--qn-sheet:#fbfcfa;--qn-sheet-sunk:#f1f3f0;--qn-rule:#c9cec9;--qn-rule-strong:#9aa19c;--qn-ink:#1a1d21;--qn-ink-soft:#4d545c;--qn-ink-faint:#5f676f;--qn-blue:#1e3a6e;--qn-on-blue:#f4f6fb;--qn-on-blue-soft:#c3cfe6;--qn-blue-ink:#2b55a0;--qn-on-blue-ink:#fff;--qn-red:#c2361f;--qn-red-wash:#c2361f1a;--qn-red-on-blue:#f2775f;--qn-ok:#2f6b3f;--qn-warn:#8a5a00;--qn-ink-graphite:#2e3436;--qn-ink-blue:#2b55a0;--qn-ink-red:#c2361f;--qn-ink-black:#111;--qn-font-ui:"Schibsted Grotesk Variable", "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--qn-font-text:"Literata Variable", "Literata", Georgia, "Times New Roman", serif;--qn-text-xs:.75rem;--qn-text-sm:.8125rem;--qn-text-md:.9375rem;--qn-text-lg:1.0625rem;--qn-text-xl:1.375rem;--qn-text-2xl:2rem;--qn-leading:1.5;--qn-leading-tight:1.2;--qn-1:4px;--qn-2:8px;--qn-3:12px;--qn-4:16px;--qn-5:20px;--qn-6:24px;--qn-8:32px;--qn-10:40px;--qn-12:48px;--qn-16:64px;--qn-radius:6px;--qn-radius-sm:4px;--qn-shadow-card:0 1px 2px #141c2414, 0 10px 28px #141c2424;--qn-shadow-pop:0 8px 30px #141c2438;--qn-scrim:#0e12186b;--qn-ease-out:cubic-bezier(.16, 1, .3, 1);--qn-dur-fast:.12s;--qn-dur:.22s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--qn-ground:#15181b;--qn-sheet:#1e2226;--qn-sheet-sunk:#191c20;--qn-rule:#343b41;--qn-rule-strong:#4c555d;--qn-ink:#e7eae6;--qn-ink-soft:#a9b1b8;--qn-ink-faint:#8a939b;--qn-blue:#182a4a;--qn-on-blue:#eef2fa;--qn-on-blue-soft:#a8b8d6;--qn-blue-ink:#8db0f0;--qn-on-blue-ink:#0d1a33;--qn-red:#f2775f;--qn-red-wash:#f2775f24;--qn-ok:#7cc48e;--qn-warn:#e0b45a;--qn-shadow-card:0 1px 2px #0006, 0 12px 32px #00000073;--qn-shadow-pop:0 10px 34px #0000008c;--qn-scrim:#0000009e}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--qn-ground:#15181b;--qn-sheet:#1e2226;--qn-sheet-sunk:#191c20;--qn-rule:#343b41;--qn-rule-strong:#4c555d;--qn-ink:#e7eae6;--qn-ink-soft:#a9b1b8;--qn-ink-faint:#8a939b;--qn-blue:#182a4a;--qn-on-blue:#eef2fa;--qn-on-blue-soft:#a8b8d6;--qn-blue-ink:#8db0f0;--qn-on-blue-ink:#0d1a33;--qn-red:#f2775f;--qn-red-wash:#f2775f24;--qn-ok:#7cc48e;--qn-warn:#e0b45a;--qn-shadow-card:0 1px 2px #0006, 0 12px 32px #00000073;--qn-shadow-pop:0 10px 34px #0000008c;--qn-scrim:#0000009e}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--qn-rule-strong) var(--qn-ground)}body{background:var(--qn-ground);min-height:100svh;color:var(--qn-ink);font-family:var(--qn-font-ui);font-size:var(--qn-text-md);line-height:var(--qn-leading);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}::selection{background:color-mix(in srgb, var(--qn-blue-ink) 24%, transparent);color:inherit}:focus-visible{outline:2px solid var(--qn-blue-ink);outline-offset:2px}a{color:var(--qn-blue-ink);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}.band{justify-content:space-between;align-items:center;gap:var(--qn-4);min-height:56px;padding:0 var(--qn-4);background:var(--qn-blue);color:var(--qn-on-blue);display:flex}.band :focus-visible{outline-color:var(--qn-on-blue)}.wordmark{color:var(--qn-on-blue);font-size:var(--qn-text-xl);letter-spacing:-.01em;align-items:baseline;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.wordmark-note{position:relative}.wordmark-note svg{width:calc(100% + 3px);height:7px;position:absolute;bottom:-7px;left:-1px;right:-2px;overflow:visible}.wordmark-note path{fill:none;stroke:var(--qn-red-on-blue);stroke-width:2.6px;stroke-linecap:round;vector-effect:non-scaling-stroke}.band-button{min-height:40px;padding:0 var(--qn-4);border:1px solid var(--qn-on-blue-soft);border-radius:var(--qn-radius);color:var(--qn-on-blue);transition:background-color var(--qn-dur-fast) var(--qn-ease-out);background:0 0;font-weight:600}.band-button:hover{background:color-mix(in srgb, var(--qn-on-blue) 12%, transparent)}.band-button[data-pro=true]{color:var(--qn-on-blue-soft);border-color:#0000;font-weight:600}.editor{--preview-max-h:min(60svh, 640px);--card-w:calc(var(--preview-max-h) * var(--ratio,1));gap:var(--qn-4);width:100%;max-width:1440px;padding:var(--qn-4) var(--qn-4) var(--qn-10);flex:1;grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}@media (width>=900px){.editor{--preview-max-h:max(360px, calc(100svh - 248px));--stage-w:max(var(--card-w), 520px);grid-template-columns:minmax(340px, 1fr) min(var(--stage-w), 58%, calc(100% - 372px));align-items:start;gap:var(--qn-8);padding:var(--qn-6) var(--qn-6) var(--qn-12);grid-template-areas:"compose stage";position:relative}.band{padding:0 var(--qn-6)}.stage{grid-area:stage}.compose{grid-area:compose}}.stage{align-items:center;gap:var(--qn-3);flex-direction:column;min-width:0;display:flex}.preview-frame{flex-direction:column;align-items:center;width:100%;display:flex}.galley-slug{justify-content:space-between;gap:var(--qn-3);width:min(100%, var(--card-w));margin:0 0 var(--qn-2);padding:0 1px var(--qn-1);border-bottom:1px solid var(--qn-rule);color:var(--qn-ink-soft);font-size:var(--qn-text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.4;display:flex}.slug-name{text-overflow:ellipsis;overflow:hidden}.slug-dims{flex:none}#preview{width:min(100%, var(--card-w));max-width:100%;height:auto;max-height:var(--preview-max-h);box-shadow:var(--qn-shadow-card);border-radius:2px;display:block}#preview[data-pro-overlay=true]{cursor:pointer}#preview:focus{outline:none}.empty-prompt{justify-content:center;align-items:center;gap:var(--qn-1);width:min(100%, var(--card-w));aspect-ratio:var(--ratio,1);padding:var(--qn-6);border:1px dashed var(--qn-rule-strong);border-radius:var(--qn-radius);background:var(--qn-sheet);text-align:center;flex-direction:column;display:flex}.empty-prompt p{margin:0}.empty-title{font-family:var(--qn-font-text);font-size:var(--qn-text-xl);line-height:var(--qn-leading-tight);color:var(--qn-ink)}.empty-body{color:var(--qn-ink-soft)}.sizes,.segmented{width:100%;max-width:520px;margin:var(--qn-2) 0 0;border:1px solid var(--qn-rule);border-radius:var(--qn-radius);background:var(--qn-sheet-sunk);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:2px;display:grid}.segmented{max-width:none;margin:0}.size,.segment{min-height:44px;padding:var(--qn-1) var(--qn-1);border-radius:var(--qn-radius-sm);color:var(--qn-ink-soft);line-height:var(--qn-leading-tight);cursor:pointer;transition:background-color var(--qn-dur-fast) var(--qn-ease-out), color var(--qn-dur-fast) var(--qn-ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.segment{font-size:var(--qn-text-sm);text-align:center;font-weight:600}.size input,.segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.size:hover,.segment:hover{color:var(--qn-ink)}:is(.size:has(input:checked),.segment:has(input:checked)){background:var(--qn-sheet);color:var(--qn-ink);box-shadow:inset 0 0 0 1px var(--qn-rule-strong)}:is(.size:has(input:focus-visible),.segment:has(input:focus-visible)){outline:2px solid var(--qn-blue-ink);outline-offset:1px}.size-name{font-size:var(--qn-text-sm);font-weight:600}.size-dims{font-size:var(--qn-text-xs);font-variant-numeric:tabular-nums;color:var(--qn-ink-faint)}.size:has(input:checked) .size-dims{color:var(--qn-ink-soft)}.export-row{justify-content:center;gap:var(--qn-2);flex-wrap:wrap;width:100%;max-width:520px;display:flex}.button{min-height:44px;padding:0 var(--qn-4);border:1px solid var(--qn-rule-strong);border-radius:var(--qn-radius);background:var(--qn-sheet);color:var(--qn-ink);white-space:nowrap;transition:background-color var(--qn-dur-fast) var(--qn-ease-out), border-color var(--qn-dur-fast) var(--qn-ease-out);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.button:hover:not(:disabled){border-color:var(--qn-ink-soft)}.button-primary{border-color:var(--qn-blue-ink);background:var(--qn-blue-ink);color:var(--qn-on-blue-ink);flex:auto}.button-primary:hover:not(:disabled){border-color:var(--qn-blue-ink);background:color-mix(in srgb, var(--qn-blue-ink) 88%, var(--qn-ink))}.export-row .button:not(.button-primary){flex:0 auto}.button:disabled{opacity:.45}@media (width>=900px){.button-primary{flex:0 auto;min-width:140px}}.export-status{justify-content:center;align-items:flex-start;gap:var(--qn-2);max-width:520px;min-height:1.5em;color:var(--qn-ink-soft);font-size:var(--qn-text-sm);text-align:center;margin:0;display:flex}.export-status[data-tone=error],.hw-status[data-tone=error],.fit-hint{color:var(--qn-ink);text-align:left}.export-status[data-tone=error]:before,.hw-status[data-tone=error]:before,.fit-hint:before{content:"";width:16px;height:16px;-webkit-mask:var(--qn-icon-note) center / contain no-repeat;-webkit-mask:var(--qn-icon-note) center / contain no-repeat;mask:var(--qn-icon-note) center / contain no-repeat;background:currentColor;flex:none;margin-top:.15em}:root{--qn-icon-note:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M8 1.9c3.5-.1 6.2 2.6 6.1 6.1-.1 3.4-2.8 6.1-6.2 6-3.3 0-6-2.7-5.9-6.1C2.1 4.6 4.7 2 8 1.9Z'/%3E%3Cpath d='M8 4.8v4.1'/%3E%3Cpath d='M8 11.3v.1' stroke-width='2'/%3E%3C/svg%3E")}.compose{min-width:0;padding:var(--qn-5) var(--qn-4);border:1px solid var(--qn-rule);border-radius:var(--qn-radius);background:var(--qn-sheet);flex-direction:column;display:flex}@media (width>=900px){.compose{padding:var(--qn-6)}}.field-label{margin-bottom:var(--qn-2);font-size:var(--qn-text-sm);color:var(--qn-ink);font-weight:600;display:block}.field-optional{margin-left:var(--qn-1);color:var(--qn-ink-faint);font-weight:400}.field{margin-top:var(--qn-6)}.quote-field{border:1px solid var(--qn-rule-strong);border-radius:var(--qn-radius);background:var(--qn-sheet);transition:border-color var(--qn-dur-fast) var(--qn-ease-out)}.quote-field:has(textarea:focus){border-color:var(--qn-blue-ink);box-shadow:0 0 0 1px var(--qn-blue-ink)}.marks{padding:var(--qn-1);border-bottom:1px solid var(--qn-rule);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}.mark{min-height:52px;padding:var(--qn-1);border-radius:var(--qn-radius-sm);color:var(--qn-ink-soft);font-size:var(--qn-text-xs);font-weight:600;line-height:var(--qn-leading-tight);-webkit-tap-highlight-color:transparent;transition:background-color var(--qn-dur-fast) var(--qn-ease-out), color var(--qn-dur-fast) var(--qn-ease-out);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}@media (width>=480px){.marks{flex-wrap:wrap;display:flex}.mark{gap:var(--qn-2);min-height:40px;padding:0 var(--qn-3) 0 var(--qn-2);font-size:var(--qn-text-sm);flex-direction:row}.mark-clear{margin-left:auto}}.mark:hover{background:var(--qn-sheet-sunk);color:var(--qn-ink)}.mark[aria-pressed=true]{background:var(--qn-red-wash);color:var(--qn-ink)}.mark-icon{flex:none;width:32px;height:24px;overflow:visible}.mark-type{fill:currentColor;opacity:.35}.mark-stroke,.mark-pencil{fill:none;stroke-linecap:round;stroke-linejoin:round}.mark-stroke{stroke:currentColor;stroke-width:1.7px}.mark-pencil{stroke:var(--qn-red);stroke-width:2.3px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset var(--qn-dur) var(--qn-ease-out)}.mark:not([aria-pressed=true]) .mark-pencil{visibility:hidden}.mark[aria-pressed=true] .mark-pencil{stroke-dashoffset:0}@media (width<=479.98px){.mark-label-more{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}#quote{width:100%;max-width:100%;min-height:8.5em;padding:var(--qn-3) var(--qn-4);border-radius:0 0 var(--qn-radius) var(--qn-radius);color:var(--qn-ink);caret-color:var(--qn-blue-ink);font-family:var(--qn-font-text);font-size:var(--qn-text-lg);resize:vertical;scrollbar-color:var(--qn-rule-strong) transparent;background:0 0;border:0;line-height:1.55;display:block}#quote:focus,#quote:focus-visible{outline:none}.fit-hint{gap:var(--qn-2);margin:var(--qn-3) 0 0;font-size:var(--qn-text-sm);display:flex}.syntax-hint,.hint{margin:var(--qn-3) 0 0;color:var(--qn-ink-soft);font-size:var(--qn-text-sm)}.syntax-hint code,.hint code{padding:1px var(--qn-1);border-radius:var(--qn-radius-sm);background:var(--qn-sheet-sunk);color:var(--qn-ink);font-family:var(--qn-font-text);white-space:nowrap;font-size:.95em}input[type=text]{width:100%;min-height:44px;padding:0 var(--qn-3);border:1px solid var(--qn-rule-strong);border-radius:var(--qn-radius);background:var(--qn-sheet);caret-color:var(--qn-blue-ink);transition:border-color var(--qn-dur-fast) var(--qn-ease-out);display:block}input[type=text]::placeholder,#quote::placeholder{color:var(--qn-ink-faint);opacity:1}input[type=text]:focus-visible{border-color:var(--qn-blue-ink);box-shadow:0 0 0 1px var(--qn-blue-ink);outline:none}.button-small{min-height:40px;padding:0 var(--qn-3);font-size:var(--qn-text-sm)}select{width:100%;min-height:44px;padding:0 var(--qn-8) 0 var(--qn-3);border:1px solid var(--qn-rule-strong);border-radius:var(--qn-radius);background:var(--qn-sheet) var(--qn-icon-chevron) no-repeat right var(--qn-3) center / 12px 12px;color:var(--qn-ink);font:inherit;appearance:none;cursor:pointer;transition:border-color var(--qn-dur-fast) var(--qn-ease-out);display:block}select:hover{border-color:var(--qn-ink-soft)}select:focus-visible{border-color:var(--qn-blue-ink);box-shadow:0 0 0 1px var(--qn-blue-ink);outline:none}:root{--qn-icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%234d545c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--qn-icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23a9b1b8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E")}}:root[data-theme=dark]{--qn-icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23a9b1b8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E")}input[type=range]{width:100%;min-height:32px;accent-color:var(--qn-blue-ink);cursor:pointer;margin:0;display:block}.handwriting{margin-top:var(--qn-8);padding-top:var(--qn-6);border-top:1px solid var(--qn-rule)}.section-title{margin:0 0 var(--qn-3);font-size:var(--qn-text-md);font-weight:600;line-height:var(--qn-leading-tight)}.hw-panel{margin-top:var(--qn-4)}.note-pad{aspect-ratio:8/3;border:1px dashed var(--qn-rule-strong);border-radius:var(--qn-radius);background:var(--qn-sheet-sunk);width:100%;height:auto;color:var(--qn-ink);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;display:block}.hw-actions{gap:var(--qn-2);margin-top:var(--qn-2);display:flex}.file-input{width:100%;color:var(--qn-ink-soft);font-size:var(--qn-text-sm);display:block}.file-input::file-selector-button{min-height:40px;margin-right:var(--qn-3);padding:0 var(--qn-3);border:1px solid var(--qn-rule-strong);border-radius:var(--qn-radius);background:var(--qn-sheet);color:var(--qn-ink);font:inherit;cursor:pointer;transition:border-color var(--qn-dur-fast) var(--qn-ease-out);font-weight:600}.file-input:hover::file-selector-button{border-color:var(--qn-ink-soft)}.file-input:focus-visible{outline:none}.file-input:focus-visible::file-selector-button{outline:2px solid var(--qn-blue-ink);outline-offset:2px}.hw-status{gap:var(--qn-2);margin:var(--qn-2) 0 0;font-size:var(--qn-text-sm);display:flex}.hw-status:empty{display:none}.hw-thumb{max-width:100%;max-height:96px;margin-top:var(--qn-3);padding:var(--qn-2);border:1px solid var(--qn-rule);border-radius:var(--qn-radius);background:var(--qn-sheet-sunk);color:var(--qn-ink);display:block}.range-field{margin-top:var(--qn-4)}.range-field .field-label{justify-content:space-between;margin-bottom:0;display:flex}.range-value{color:var(--qn-ink-soft);font-variant-numeric:tabular-nums;font-weight:400}.hw-grid{gap:var(--qn-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hw-grid-note{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.hw-grid .range-field{margin-top:0}.hw-options{margin-top:var(--qn-5)}.pro-dialog{width:min(100% - 2 * var(--qn-4), 440px);max-height:calc(100svh - 2 * var(--qn-4));border:1px solid var(--qn-rule);border-radius:var(--qn-radius);background:var(--qn-sheet);color:var(--qn-ink);box-shadow:var(--qn-shadow-pop);overscroll-behavior:contain;margin:auto;padding:0}.pro-dialog::backdrop{background:var(--qn-scrim)}.pro-dialog[open]{animation:pro-in var(--qn-dur) var(--qn-ease-out)}@keyframes pro-in{0%{opacity:0;transform:translateY(8px)}}.pro-sheet{padding:var(--qn-5) var(--qn-5) var(--qn-6)}@media (width>=480px){.pro-sheet{padding:var(--qn-6) var(--qn-8) var(--qn-8)}}.pro-head{justify-content:space-between;align-items:flex-start;gap:var(--qn-3);display:flex}.pro-title{margin:var(--qn-2) 0 0;font-size:var(--qn-text-xl);letter-spacing:-.01em;font-weight:700;line-height:var(--qn-leading-tight);text-wrap:balance}.icon-button{width:40px;height:40px;margin:0 calc(-1 * var(--qn-2)) 0 0;border-radius:var(--qn-radius);color:var(--qn-ink-soft);transition:background-color var(--qn-dur-fast) var(--qn-ease-out), color var(--qn-dur-fast) var(--qn-ease-out);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--qn-sheet-sunk);color:var(--qn-ink)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:16px;height:16px}.pro-lead{margin:var(--qn-2) 0 0;color:var(--qn-ink-soft)}.pro-perks{gap:var(--qn-2);margin:var(--qn-5) 0 0;padding:0;list-style:none;display:grid}.pro-perks li{gap:var(--qn-3);align-items:flex-start;display:flex}.pro-perks li:before{content:"";background:var(--qn-blue-ink);width:16px;height:16px;-webkit-mask:var(--qn-icon-tick) center / contain no-repeat;-webkit-mask:var(--qn-icon-tick) center / contain no-repeat;mask:var(--qn-icon-tick) center / contain no-repeat;flex:none;margin-top:.2em}:root{--qn-icon-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.6 8.6c1.2.9 2.3 2 3.2 3.4C7.6 8.4 10 5.4 13.4 3.4'/%3E%3C/svg%3E")}.pro-price{margin:var(--qn-5) 0 0;font-size:var(--qn-text-lg);font-variant-numeric:tabular-nums;font-weight:600}.pro-soon{margin:var(--qn-2) 0 0;padding:var(--qn-3) var(--qn-4);border-radius:var(--qn-radius);background:var(--qn-sheet-sunk);color:var(--qn-ink-soft);font-size:var(--qn-text-sm)}.pro-checkout{width:100%;margin-top:var(--qn-3);text-decoration:none;display:flex}.pro-key{margin-top:var(--qn-6);padding-top:var(--qn-5);border-top:1px solid var(--qn-rule)}.pro-key .field-label{margin-bottom:0}.pro-key-hint{margin:0 0 var(--qn-2);color:var(--qn-ink-soft);font-size:var(--qn-text-sm)}.pro-key-row{gap:var(--qn-2);display:flex}.pro-key-row input{font-variant-numeric:tabular-nums;flex:1;min-width:0}.pro-key-row input:read-only{color:var(--qn-ink-soft)}.pro-active{margin-top:var(--qn-3)}.pro-active p{margin:0 0 var(--qn-4)}.pro-status{gap:var(--qn-2);margin:var(--qn-4) 0 0;font-size:var(--qn-text-sm);color:var(--qn-ink-soft);display:flex}.pro-status:empty{display:none}.pro-status[data-tone=ok]{color:var(--qn-ok)}.pro-status[data-tone=error]{color:var(--qn-ink)}.pro-status[data-tone=error]:before{content:"";width:16px;height:16px;-webkit-mask:var(--qn-icon-note) center / contain no-repeat;-webkit-mask:var(--qn-icon-note) center / contain no-repeat;mask:var(--qn-icon-note) center / contain no-repeat;background:currentColor;flex:none;margin-top:.15em}@media (prefers-reduced-motion:reduce){.pro-dialog[open]{animation:none}}.theme-picker{width:100%;max-width:520px;position:relative}.theme-strip{align-items:center;gap:var(--qn-3);width:100%;min-height:48px;padding:var(--qn-1) var(--qn-3) var(--qn-1) var(--qn-1);border:1px solid var(--qn-rule);border-radius:var(--qn-radius);background:var(--qn-sheet);color:var(--qn-ink);text-align:left;-webkit-tap-highlight-color:transparent;transition:border-color var(--qn-dur-fast) var(--qn-ease-out);display:flex}.theme-strip:hover,.theme-strip[aria-expanded=true]{border-color:var(--qn-rule-strong)}.theme-swatch{border-radius:var(--qn-radius-sm);background:var(--qn-sheet-sunk);object-fit:contain;flex:none;width:38px;height:38px}.theme-strip-text{align-items:baseline;gap:var(--qn-2);flex:auto;min-width:0;display:flex}.theme-strip-label{color:var(--qn-ink-soft);font-size:var(--qn-text-sm);flex:none}.theme-strip-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.theme-strip-action{align-items:center;gap:var(--qn-1);color:var(--qn-blue-ink);font-size:var(--qn-text-sm);flex:none;margin-left:auto;font-weight:600;display:inline-flex}.theme-strip-action svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform var(--qn-dur-fast) var(--qn-ease-out)}.theme-strip[aria-expanded=true] .theme-strip-action svg{transform:rotate(180deg)}.pro-badge{padding:0 var(--qn-1);border:1px solid var(--qn-rule-strong);border-radius:var(--qn-radius-sm);color:var(--qn-ink-soft);font-size:var(--qn-text-xs);flex:none;font-weight:600;line-height:1.4}.theme-panel{border:1px solid var(--qn-rule);background:var(--qn-sheet);color:var(--qn-ink);box-shadow:var(--qn-shadow-pop);padding:0}.theme-panel:modal{border-radius:var(--qn-radius) var(--qn-radius) 0 0;width:100%;max-width:100%;max-height:86svh;animation:sheet-in var(--qn-dur) var(--qn-ease-out);border-width:1px 0 0;margin:0;inset:auto 0 0}.theme-panel::backdrop{background:var(--qn-scrim)}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}.theme-panel:not(:modal){inset:auto 0 calc(100% + var(--qn-2));z-index:10;border-radius:var(--qn-radius);width:100%;animation:panel-in var(--qn-dur) var(--qn-ease-out);margin:0;position:absolute}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}}.theme-sheet{max-height:inherit;flex-direction:column;display:flex}.theme-panel:modal .theme-sheet{max-height:86svh}.theme-panel:not(:modal) .theme-sheet{max-height:min(600px,100svh - 200px)}@media (width>=900px){.theme-panel:not(:modal){inset:var(--qn-6) auto auto var(--qn-6);width:calc(100% - 2 * var(--qn-6) - var(--qn-8) - min(var(--stage-w), (100% - 2 * var(--qn-6)) * .58, 100% - 2 * var(--qn-6) - 372px));animation-name:panel-side-in}.theme-panel:not(:modal) .theme-sheet{max-height:min(820px, calc(100svh - 56px - 2 * var(--qn-6)))}}@keyframes panel-side-in{0%{opacity:0;transform:translate(6px)}}.theme-head{justify-content:space-between;align-items:center;gap:var(--qn-3);padding:var(--qn-2) var(--qn-4) var(--qn-2) var(--qn-5);border-bottom:1px solid var(--qn-rule);flex:none;display:flex}.theme-title{font-size:var(--qn-text-lg);font-weight:600;line-height:var(--qn-leading-tight);margin:0}.theme-scroll{min-height:0;padding:var(--qn-2) var(--qn-5) var(--qn-8);overscroll-behavior:contain;scroll-padding-top:var(--qn-3);scrollbar-color:var(--qn-rule-strong) transparent;flex:auto;overflow-y:auto}.theme-group-title{scroll-margin-top:var(--qn-3);margin:var(--qn-6) 0 var(--qn-3);font-size:var(--qn-text-md);font-weight:600;line-height:var(--qn-leading-tight)}.theme-group:first-child .theme-group-title{margin-top:var(--qn-3)}.theme-group-pro{color:var(--qn-ink-soft);font-weight:400}.theme-group-note{margin:calc(-1 * var(--qn-2)) 0 var(--qn-3);color:var(--qn-ink-soft);font-size:var(--qn-text-sm)}.theme-group-count{margin-left:var(--qn-1);color:var(--qn-ink-faint);font-variant-numeric:tabular-nums;font-weight:400}.theme-grid{gap:var(--qn-5) var(--qn-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width>=560px){.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.theme-option{gap:var(--qn-2);border-radius:var(--qn-radius-sm);min-width:0;color:var(--qn-ink-soft);text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.theme-option:focus-visible{outline-offset:4px}.theme-thumb{width:100%;aspect-ratio:var(--thumb-ratio,1);background:var(--qn-sheet-sunk);box-shadow:inset 0 0 0 1px var(--qn-rule);transition:box-shadow var(--qn-dur-fast) var(--qn-ease-out);border-radius:2px;display:block;position:relative}.theme-option:hover .theme-thumb{box-shadow:inset 0 0 0 1px var(--qn-rule-strong), 0 2px 8px #141c241f}.theme-canvas{border-radius:2px;width:100%;height:100%;display:block}.theme-name{font-size:var(--qn-text-sm);font-weight:600;line-height:var(--qn-leading-tight);text-wrap:balance}.theme-option:hover,.theme-option[aria-current=true]{color:var(--qn-ink)}.theme-circle{pointer-events:none;visibility:hidden;width:calc(100% + 16px);height:calc(100% + 14px);position:absolute;inset:-7px -8px;overflow:visible}.theme-circle path{fill:none;stroke:var(--qn-red);stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke}.theme-option[aria-current=true] .theme-circle{visibility:visible}.theme-option[aria-current=true] .theme-circle path{animation:pencil-circle .36s var(--qn-ease-out) both}@keyframes pencil-circle{0%{stroke-dashoffset:1px}}@media (prefers-reduced-motion:reduce){.theme-option[aria-current=true] .theme-circle path{animation:none}.theme-panel:modal{animation:none}.theme-panel:not(:modal){animation:none}}@media (width>=900px){.stage{align-items:center;gap:var(--qn-3) var(--qn-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.preview-frame,.stage .sizes,.export-status{grid-column:1/-1}.stage .sizes{max-width:none;margin:0}.theme-picker{grid-column:1;max-width:none;position:static}.export-row{flex-wrap:nowrap;grid-column:2;width:auto;max-width:none}.export-status{text-align:left;justify-content:flex-start;max-width:none}}.site-footer{justify-content:space-between;align-items:baseline;gap:var(--qn-2) var(--qn-6);width:100%;max-width:1440px;padding:var(--qn-5) var(--qn-4) var(--qn-8);border-top:1px solid var(--qn-rule);color:var(--qn-ink-soft);font-size:var(--qn-text-sm);flex-wrap:wrap;margin:0 auto;display:flex}@media (width>=900px){.site-footer{padding:var(--qn-5) var(--qn-6) var(--qn-8)}}.privacy{margin:0}.footer-links{gap:var(--qn-2) var(--qn-5);flex-wrap:wrap;display:flex}.footer-links a{padding:var(--qn-1) 0;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important}}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/caveat-cyrillic-ext-500-normal-DcrB4vVx.woff2)format("woff2"),url(/assets/caveat-cyrillic-ext-500-normal-DqTXtm5N.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/caveat-cyrillic-500-normal-DpMZbbjM.woff2)format("woff2"),url(/assets/caveat-cyrillic-500-normal-DLSfp5IU.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/caveat-latin-ext-500-normal-jKqJW7bC.woff2)format("woff2"),url(/assets/caveat-latin-ext-500-normal-wUUXxlbS.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/caveat-latin-500-normal-B9SDL8cy.woff2)format("woff2"),url(/assets/caveat-latin-500-normal-Do9veZfZ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nanum Pen Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nanum-pen-script-latin-400-normal-_AdqYBm1.woff2)format("woff2"),url(/assets/nanum-pen-script-latin-400-normal-CEV0Fmsy.woff)format("woff")}