@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");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}:root{--k-radius: 0px;--k-radius-sm: 0px;--k-space-1: 4px;--k-space-2: 8px;--k-space-3: 12px;--k-space-4: 16px;--k-space-6: 24px;--k-space-8: 32px;--k-space-12: 48px;--k-space-16: 64px;--k-space-20: 80px;--k-font-sans: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--k-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--k-text-xs: 12px;--k-text-sm: 14px;--k-text-base: 16px;--k-text-lg: 20px;--k-text-xl: 24px;--k-text-2xl: 30px;--k-text-3xl: 40px;--k-text-4xl: 56px;--k-text-input: 16px;--k-leading-tight: 1.25;--k-leading-normal: 1.6;--k-weight-thin: 200;--k-weight-light: 300;--k-weight-normal: 400;--k-weight-medium: 500;--k-tracking-tight: -.01em;--k-tracking-normal: 0;--k-tracking-wide: .5px;--k-tracking-wider: 2px;--k-tracking-widest: 6px;--k-focus-ring: 0 0 0 1px var(--k-accent);--k-bg: #0a0a0f;--k-bg-subtle: #16162a;--k-bg-muted: #222238;--k-fg: #f5f3f7;--k-fg-muted: color-mix(in srgb, var(--k-fg) 88%, transparent);--k-fg-subtle: color-mix(in srgb, var(--k-fg) 62%, transparent);--k-fg-faint: color-mix(in srgb, var(--k-fg) 38%, transparent);--k-border: color-mix(in srgb, var(--k-fg) 14%, transparent);--k-border-strong: color-mix(in srgb, var(--k-fg) 28%, transparent);--k-accent: #a855d4;--k-accent-deep: #7b3f9e;--k-accent-fg: #f0edf2;--k-danger: #ff6b8a;--k-success: #6bd3a0}@media(prefers-color-scheme:light){:root{--k-bg: #fafafa;--k-bg-subtle: #efeef2;--k-bg-muted: #e3e1e9;--k-fg: #0a0a0f;--k-fg-muted: color-mix(in srgb, var(--k-fg) 85%, transparent);--k-fg-subtle: color-mix(in srgb, var(--k-fg) 58%, transparent);--k-fg-faint: color-mix(in srgb, var(--k-fg) 35%, transparent);--k-border: color-mix(in srgb, var(--k-fg) 14%, transparent);--k-border-strong: color-mix(in srgb, var(--k-fg) 28%, transparent);--k-accent: #7b3f9e;--k-accent-deep: #5a2c75;--k-accent-fg: #fafafa}}input,select,textarea{font:inherit;font-size:max(16px,var(--k-text-base))}.k-header{display:flex;align-items:center;justify-content:space-between;gap:var(--k-space-4);padding:var(--k-space-4) var(--k-space-12);background:transparent;font-family:var(--k-font-sans);font-weight:var(--k-weight-normal)}.k-header__left{display:flex;align-items:baseline;gap:var(--k-space-3);min-width:0}.k-header__brand{display:inline-flex;align-items:baseline;text-decoration:none;color:var(--k-fg)}.k-header__brand-mark{font-weight:var(--k-weight-thin);letter-spacing:var(--k-tracking-widest);font-size:var(--k-text-lg)}.k-header__crumbs{display:inline-flex;align-items:baseline;gap:var(--k-space-3);min-width:0;overflow:hidden}.k-header__separator{color:var(--k-fg-faint);font-size:var(--k-text-sm);flex-shrink:0}.k-header__crumb{color:var(--k-fg-subtle);text-decoration:none;letter-spacing:var(--k-tracking-wide);font-size:var(--k-text-sm);text-transform:lowercase;transition:color .2s;white-space:nowrap}.k-header__crumb:hover{color:var(--k-accent)}.k-header__current{color:var(--k-fg-muted);letter-spacing:var(--k-tracking-wide);font-size:var(--k-text-sm);text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.k-header__nav{position:relative}.k-header__nav-toggle{display:inline-flex;align-items:center;gap:var(--k-space-2);padding:var(--k-space-2) 0;border:0;background:transparent;color:var(--k-fg-subtle);font:inherit;font-size:var(--k-text-sm);letter-spacing:var(--k-tracking-wide);text-transform:lowercase;cursor:pointer;transition:color .2s,opacity .2s}.k-header__nav-toggle:hover,.k-header__nav-toggle[aria-expanded=true]{color:var(--k-accent)}.k-header__nav-toggle:focus-visible{outline:none;color:var(--k-accent)}.k-header__nav-menu{position:absolute;top:calc(100% + var(--k-space-2));right:0;min-width:220px;padding:var(--k-space-3) 0;background:var(--k-bg-subtle);border:1px solid var(--k-border);list-style:none;margin:0;z-index:50}.k-header__nav-item a{display:flex;align-items:center;justify-content:space-between;gap:var(--k-space-3);padding:var(--k-space-2) var(--k-space-4);text-decoration:none;color:var(--k-fg-muted);font-size:var(--k-text-sm);letter-spacing:var(--k-tracking-wide);text-transform:lowercase;transition:color .2s}.k-header__nav-item a:hover{color:var(--k-accent)}.k-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--k-space-4);padding:var(--k-space-4) var(--k-space-12);color:var(--k-fg-subtle);font-family:var(--k-font-sans);font-weight:var(--k-weight-normal);font-size:var(--k-text-sm);letter-spacing:var(--k-tracking-wide)}.k-footer__links{display:flex;align-items:center;gap:var(--k-space-6)}.k-footer__links a{color:var(--k-fg-subtle);text-decoration:none;text-transform:lowercase;transition:color .2s}.k-footer__links a:hover{color:var(--k-accent)}.k-footer__divider{width:1px;height:14px;background:var(--k-border-strong)}.k-footer__icon{display:inline-flex;align-items:center;color:var(--k-fg-subtle)}.k-footer__icon svg{display:block}.k-footer__icon:hover{color:var(--k-accent)}.k-footer__tip{color:var(--k-fg-subtle);text-decoration:none;letter-spacing:var(--k-tracking-wide);text-transform:lowercase;transition:color .2s}.k-footer__tip:hover{color:var(--k-fg-muted)}.k-footer__tip-action{color:var(--k-accent);opacity:.85;transition:opacity .2s}.k-footer__tip:hover .k-footer__tip-action{opacity:1}.k-tag{display:inline-flex;align-items:center;padding:0 var(--k-space-2);border:1px solid var(--k-border-strong);color:var(--k-fg-subtle);font-family:var(--k-font-sans);font-size:var(--k-text-xs);font-weight:var(--k-weight-normal);letter-spacing:var(--k-tracking-wide);text-transform:lowercase;line-height:1.6;flex-shrink:0}.k-tag--experimental{color:var(--k-accent);border-color:color-mix(in srgb,var(--k-accent) 40%,transparent)}.k-privacy-badge{display:inline-flex;align-items:center;gap:var(--k-space-2);color:var(--k-fg-subtle);font-family:var(--k-font-sans);font-weight:var(--k-weight-normal);font-size:var(--k-text-sm);letter-spacing:var(--k-tracking-wide);text-transform:lowercase}.k-privacy-badge__dot{width:6px;height:6px;border-radius:50%;background:var(--k-success);opacity:.6}@media(max-width:640px){.k-header{padding:var(--k-space-4) var(--k-space-4);flex-wrap:wrap}.k-header__brand{gap:var(--k-space-3);letter-spacing:var(--k-tracking-wider)}.k-footer{padding:var(--k-space-4);flex-wrap:wrap;gap:var(--k-space-3)}.k-footer__links{gap:var(--k-space-4);flex-wrap:wrap}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--k-font-sans);font-weight:var(--k-weight-normal);font-size:var(--k-text-base);line-height:var(--k-leading-normal);background:var(--k-bg);color:var(--k-fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:var(--k-space-8) var(--k-space-12);display:flex;flex-direction:column;gap:var(--k-space-6)}.tool-hero{display:flex;flex-direction:column;gap:var(--k-space-2)}.tool-hero h1{margin:0;font-size:var(--k-text-3xl);font-weight:var(--k-weight-thin);letter-spacing:var(--k-tracking-wider);line-height:var(--k-leading-tight)}.tool-hero p{margin:0;color:var(--k-fg-muted);font-size:var(--k-text-base);font-weight:var(--k-weight-light);font-style:italic;max-width:60ch}.tool-stage{display:flex;flex-direction:column;gap:var(--k-space-4)}.tool-how{display:flex;flex-direction:column;gap:var(--k-space-2)}.tool-how h2{margin:0;font-size:var(--k-text-base);font-weight:var(--k-weight-medium);letter-spacing:var(--k-tracking-wider);text-transform:uppercase;color:var(--k-fg-subtle)}.tool-how ol{margin:0;padding-left:var(--k-space-6);display:flex;flex-direction:column;gap:var(--k-space-1);color:var(--k-fg-muted);max-width:70ch;font-size:var(--k-text-sm)}.btn{font:inherit;font-size:var(--k-text-base);font-weight:var(--k-weight-medium);letter-spacing:var(--k-tracking-wide);text-transform:lowercase;padding:var(--k-space-3) var(--k-space-6);border:1px solid transparent;cursor:pointer;background:var(--k-accent);color:var(--k-accent-fg);text-decoration:none;transition:opacity .2s,background .2s,color .2s;display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.9}.btn--ghost{background:transparent;color:var(--k-fg-muted);border-color:var(--k-border-strong)}.btn--ghost:not(:disabled):hover{color:var(--k-fg);border-color:var(--k-fg);opacity:1}.btn--sm{padding:var(--k-space-2) var(--k-space-4);font-size:var(--k-text-sm)}.status{font-size:var(--k-text-sm);color:var(--k-fg-subtle);letter-spacing:var(--k-tracking-wide)}.status[data-state=error]{color:var(--k-danger)}.status[data-state=success]{color:var(--k-success)}.field{display:flex;flex-direction:column;gap:var(--k-space-1)}.field__label{font-size:var(--k-text-xs);color:var(--k-fg-subtle);letter-spacing:var(--k-tracking-wider);text-transform:uppercase}.field__input{font:inherit;font-size:var(--k-text-base);background:var(--k-bg-subtle);border:1px solid var(--k-border-strong);color:var(--k-fg);padding:var(--k-space-2) var(--k-space-3);letter-spacing:var(--k-tracking-wide);outline:none;transition:border-color .2s;width:100%}.field__input:focus{border-color:var(--k-accent)}.field__input--area{font-family:var(--k-font-sans);resize:vertical;min-height:80px}.field__input:disabled{opacity:.4;cursor:not-allowed}.field__hint{margin:0;font-size:var(--k-text-xs);color:var(--k-fg-subtle);letter-spacing:var(--k-tracking-wide)}.field__check{display:inline-flex;align-items:center;gap:var(--k-space-2);font-size:var(--k-text-sm);color:var(--k-fg-muted);letter-spacing:var(--k-tracking-wide);cursor:pointer}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--k-space-3)}.link-btn{background:transparent;border:0;color:var(--k-fg-muted);cursor:pointer;font:inherit;font-size:var(--k-text-sm);letter-spacing:var(--k-tracking-wide);text-transform:lowercase;text-decoration:underline;text-underline-offset:2px;padding:0;transition:color .2s}.link-btn:hover{color:var(--k-accent)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--k-border);flex-wrap:wrap}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--k-fg-subtle);cursor:pointer;font:inherit;font-size:var(--k-text-sm);letter-spacing:var(--k-tracking-wide);text-transform:lowercase;padding:var(--k-space-3) var(--k-space-4);margin-bottom:-1px;transition:color .2s,border-color .2s}.tabs button[data-active=true]{color:var(--k-fg);border-bottom-color:var(--k-accent)}.tabs button:hover:not([data-active=true]){color:var(--k-fg)}.choice{display:flex;gap:var(--k-space-2);flex-wrap:wrap}.choice button{background:transparent;border:1px solid var(--k-border-strong);color:var(--k-fg-muted);cursor:pointer;font:inherit;font-size:var(--k-text-sm);letter-spacing:var(--k-tracking-wide);text-transform:lowercase;padding:var(--k-space-2) var(--k-space-4);transition:color .2s,border-color .2s,background .2s}.choice button[data-active=true]{color:var(--k-accent);border-color:var(--k-accent);background:var(--k-bg-muted)}.choice button:hover:not([data-active=true]):not(:disabled){color:var(--k-fg);border-color:var(--k-fg)}.choice button:disabled{opacity:.4;cursor:not-allowed}.qr-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--k-space-6);align-items:start}.qr-grid__left{display:flex;flex-direction:column;gap:var(--k-space-4);min-width:0}.qr-grid__form{display:flex;flex-direction:column;gap:var(--k-space-3)}.qr-grid__preview{display:flex;flex-direction:column;gap:var(--k-space-4);align-items:stretch;position:sticky;top:var(--k-space-4)}.qr-grid__style{display:flex;flex-direction:column;gap:var(--k-space-4);padding-top:var(--k-space-4);border-top:1px solid var(--k-border)}.qr-preview{display:flex;justify-content:center}.qr-preview__frame{width:320px;height:320px;background:linear-gradient(45deg,var(--k-bg-subtle) 25%,transparent 25%) 0 0 / 16px 16px,linear-gradient(-45deg,var(--k-bg-subtle) 25%,transparent 25%) 0 8px / 16px 16px,linear-gradient(45deg,transparent 75%,var(--k-bg-subtle) 75%) 8px -8px / 16px 16px,linear-gradient(-45deg,transparent 75%,var(--k-bg-subtle) 75%) -8px 0 / 16px 16px,var(--k-bg);border:1px solid var(--k-border);display:grid;place-items:center;overflow:hidden}.qr-preview__frame>svg,.qr-preview__frame>canvas{display:block;max-width:100%;max-height:100%}.qr-preview__placeholder{width:60%;height:60%;background:linear-gradient(90deg,var(--k-bg-muted) 0%,var(--k-bg-subtle) 50%,var(--k-bg-muted) 100%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.qr-actions{display:flex;gap:var(--k-space-2)}.qr-actions .btn{flex:1}.qr-sizes{display:flex;flex-direction:column;gap:var(--k-space-2)}.qr-suite-hint{margin:0;font-size:var(--k-text-sm);color:var(--k-fg-subtle);letter-spacing:var(--k-tracking-wide)}.style-controls{display:flex;flex-direction:column;gap:var(--k-space-4)}.style-advanced{border-top:1px solid var(--k-border);padding-top:var(--k-space-3)}.style-advanced>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:var(--k-space-2);font-size:var(--k-text-xs);letter-spacing:var(--k-tracking-wider);text-transform:uppercase;color:var(--k-fg-subtle);transition:color .2s;user-select:none}.style-advanced>summary::-webkit-details-marker{display:none}.style-advanced>summary:before{content:"+";font-size:var(--k-text-sm);line-height:1;color:var(--k-fg-faint);transition:color .2s}.style-advanced[open]>summary:before{content:"−"}.style-advanced>summary:hover{color:var(--k-fg)}.style-advanced>summary:hover:before{color:var(--k-fg)}.style-advanced__body{display:flex;flex-direction:column;gap:var(--k-space-4);padding-top:var(--k-space-4)}.color-input{display:flex;align-items:center;gap:var(--k-space-2)}.color-input input[type=color]{width:36px;height:36px;border:1px solid var(--k-border-strong);background:var(--k-bg-subtle);padding:2px;cursor:pointer;flex-shrink:0}.color-input input[type=color]:disabled{opacity:.4;cursor:not-allowed}.color-input input[type=text]{font-family:var(--k-font-mono);font-size:var(--k-text-sm)}.color-input[data-disabled]{opacity:.6}.bg-row{display:flex;align-items:center;gap:var(--k-space-3);flex-wrap:wrap}.qr-tabs{overflow-x:auto}@media(max-width:840px){main{padding:var(--k-space-8) var(--k-space-4)}.qr-grid{display:flex;flex-direction:column;gap:var(--k-space-4)}.qr-grid__left{display:contents}.qr-grid__preview{order:1;position:static}.qr-grid__style{order:2}.style-controls,.field-row{grid-template-columns:1fr}.tool-hero h1{font-size:var(--k-text-3xl)}}
