:root,html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#010314;--fg:#eeedf0;--accent:#f0a607;--danger:deeppink;--on-accent:#010314;--glass:#eeedf00a;--glass-border:#eeedf01a;--glow:#f0a60729;--glow-2:#785aff1f;--shadow-lg:0 24px 64px -12px #000c}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eeedf0;--fg:#010314;--accent:#e39c02;--danger:#d6006f;--on-accent:#010314;--glass:#ffffff8c;--glass-border:#01031414;--glow:#f0a60738;--glow-2:#785aff1a;--shadow-lg:0 24px 64px -12px #0103142e}@media (prefers-color-scheme:light){html:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eeedf0;--fg:#010314;--accent:#e39c02;--danger:#d6006f;--glass:#ffffff8c;--glass-border:#01031414;--glow:#f0a60738;--glow-2:#785aff1a;--shadow-lg:0 24px 64px -12px #0103142e}}:root{--text:var(--fg);--text-muted:color-mix(in srgb, var(--fg) 72%, var(--bg));--text-faint:color-mix(in srgb, var(--fg) 50%, var(--bg));--surface:color-mix(in srgb, var(--fg) 4%, transparent);--surface-hover:color-mix(in srgb, var(--fg) 8%, transparent);--border:color-mix(in srgb, var(--fg) 12%, var(--bg));--border-strong:color-mix(in srgb, var(--fg) 24%, var(--bg));--accent-hover:color-mix(in srgb, var(--accent) 85%, var(--fg));--accent-soft:color-mix(in srgb, var(--accent) 16%, transparent);--danger-soft:color-mix(in srgb, var(--danger) 12%, transparent);--focus:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--radius-sm:6px;--radius:10px;--radius-lg:18px;--container:1040px;--ease:cubic-bezier(.2, .8, .2, 1);--duration:.18s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}body{background:radial-gradient(60rem 40rem at 85% -10%, var(--glow), transparent 60%), radial-gradient(50rem 36rem at -10% 110%, var(--glow-2), transparent 60%), var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;flex-direction:column;margin:0;font-size:15px;line-height:1.6;transition:background-color .3s,color .3s;display:flex}h1,p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}fieldset{border:0;min-width:0;margin:0;padding:0}:focus-visible{box-shadow:var(--focus);outline:none}::selection{background:var(--accent-soft)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:16px}.main{flex:1;padding-block:48px 72px}.topbar{z-index:1000;justify-content:space-between;align-items:center;display:flex;position:fixed;top:15px;left:15px;right:15px}.brand{text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.brand__mark:before{content:">_";color:var(--accent);font-family:var(--font-mono)}.topbar__right{align-items:center;gap:5px;display:flex}.theme-label,.nav-link{font-size:12px}.nav-link:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.footer{text-align:center;opacity:.5;padding:0 15px 15px;font-size:10px}.hero{padding-block:32px 20px}.hero__title{text-transform:uppercase;align-items:center;font-size:clamp(30px,6vw,46px);font-weight:900;line-height:1.1;display:flex}.hero__title:before{content:">";color:var(--accent);flex-shrink:0;padding-right:10px}.hero__lead{max-width:56ch;color:var(--text-muted);margin-top:12px;font-size:16px}.workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.card{border-radius:var(--radius-lg);padding:16px}.glass{border:1px solid var(--glass-border);background:var(--glass);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px)saturate(160%)}.controls{flex-direction:column;gap:24px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field--inline{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.field__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field__label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;padding:0;font-size:12px;font-weight:600}.counter{color:var(--text-faint);font-family:var(--font-mono);font-variant-numeric:tabular-nums;transition:color var(--duration) var(--ease);font-size:12px}.counter.is-over{color:var(--danger)}.hint{color:var(--text-faint);font-size:13px}.textarea{position:relative}.textarea__input{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:100%;min-height:112px;font-family:var(--font-mono);resize:vertical;overflow-wrap:anywhere;transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);padding:14px 44px 14px 16px;font-size:14px;line-height:1.5;display:block}.textarea__input::placeholder{color:var(--text-faint)}.textarea__input:hover{border-color:var(--text-faint)}.textarea__input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea__input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.textarea__clear{position:absolute;top:8px;right:8px}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:background-color var(--duration) var(--ease), color var(--duration) var(--ease), opacity var(--duration) var(--ease);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn.is-hidden{opacity:0;pointer-events:none}.icon-btn svg,.btn__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.link-btn:hover{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.segmented{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.segmented__item{position:relative}.segmented__item input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__face{border-radius:calc(var(--radius) - 4px);transition:background-color var(--duration) var(--ease), color var(--duration) var(--ease);flex-direction:column;align-items:center;padding:8px 4px;line-height:1.2;display:flex}.segmented__face strong{font-size:15px}.segmented__face small{color:var(--text-faint);transition:color var(--duration) var(--ease);font-size:11.5px}.segmented__item:hover .segmented__face{background:var(--surface-hover)}.segmented__item input:checked+.segmented__face{background:var(--accent);color:var(--on-accent)}.segmented__item input:checked+.segmented__face small{color:color-mix(in srgb, var(--on-accent) 70%, transparent)}.segmented__item input:focus-visible+.segmented__face{box-shadow:var(--focus)}.colors{grid-template-columns:1fr 1fr;align-items:center;gap:10px;display:grid}.color{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color var(--duration) var(--ease);align-items:center;gap:10px;padding:8px;display:flex}.color:hover{border-color:var(--text-faint)}.color:focus-within{border-color:var(--accent)}.color__input{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;flex-shrink:0;width:36px;height:36px;padding:0}.color__input::-webkit-color-swatch-wrapper{padding:0}.color__input::-webkit-color-swatch{border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.color__input::-moz-color-swatch{border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.color__text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.color__label{color:var(--text-muted);font-size:12px}.color__hex{font-family:var(--font-mono);font-size:13px}.colors__tools{grid-column:1/-1;justify-content:space-between;align-items:center;gap:2px;display:flex}.colors__tools .link-btn{white-space:nowrap;font-size:11.5px}.warning{border-left:3px solid var(--danger);border-radius:var(--radius-sm);background:var(--danger-soft);animation:rise .22s var(--ease);padding:8px 12px;font-size:13px}.select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;height:36px;padding:0 12px;font-size:14px}.select option{background:var(--bg)}.preview{flex-direction:column;gap:16px;display:flex}.qr{aspect-ratio:1;border-radius:var(--radius);background:color-mix(in srgb, var(--fg) 3%, transparent);place-items:center;width:100%;max-width:320px;margin-inline:auto;display:grid;overflow:hidden}.qr__code{border-radius:var(--radius);width:100%;overflow:hidden;box-shadow:0 10px 30px -12px #00000073}.qr__code svg{width:100%;height:auto;display:block}.qr__code.is-pulse-a{animation:pulse-a .26s var(--ease)}.qr__code.is-pulse-b{animation:pulse-b .26s var(--ease)}@keyframes pulse-a{0%{opacity:.55;transform:scale(.97)}}@keyframes pulse-b{0%{opacity:.55;transform:scale(.97)}}.qr__placeholder{max-width:28ch;color:var(--text-muted);text-align:center;animation:fade .22s var(--ease);flex-direction:column;align-items:center;gap:16px;padding:24px;font-size:14px;display:flex}.qr__ghost{border-radius:var(--radius-sm);background:linear-gradient(var(--border-strong), var(--border-strong)) 0 0 / 30px 30px no-repeat, linear-gradient(var(--border-strong), var(--border-strong)) 100% 0 / 30px 30px no-repeat, linear-gradient(var(--border-strong), var(--border-strong)) 0 100% / 30px 30px no-repeat;outline:1px dashed var(--border-strong);outline-offset:8px;opacity:.8;width:96px;height:96px}.qr.is-error{box-shadow:inset 0 0 0 1px var(--danger);background:var(--danger-soft)}.qr__placeholder--error{color:var(--text)}.qr__placeholder--error strong{color:var(--danger)}.preview__meta{min-height:1.6em;color:var(--text-faint);font-family:var(--font-mono);text-align:center;font-size:12px}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);white-space:nowrap;cursor:pointer;height:40px;transition:background-color var(--duration) var(--ease), border-color var(--duration) var(--ease), color var(--duration) var(--ease), opacity var(--duration) var(--ease), transform var(--duration) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-hover);border-color:var(--text-faint)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600}.btn--primary:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.btn--ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn.is-done{color:var(--text);background:#2fb36b2e;border-color:#2fb36b}.btn.is-failed{border-color:var(--danger);background:var(--danger-soft);color:var(--text)}.btn__icon{display:inline-grid}.btn.is-done .btn__icon{animation:pop .26s var(--ease)}.empty{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:20px;margin-top:48px;padding:72px 24px;display:flex}.empty__title{font-size:17px;font-weight:600}html.theme-transition body{transition:none}html.theme-transition::view-transition-old(root){mix-blend-mode:normal;animation:none}html.theme-transition::view-transition-new(root){mix-blend-mode:normal;animation:none}html.theme-transition::view-transition-new(root){animation:.7s cubic-bezier(.65,0,.35,1) theme-reveal}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--vt-x) var(--vt-y))}to{clip-path:circle(var(--vt-r) at var(--vt-x) var(--vt-y))}}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.6)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-old(*){scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-new(*){scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=640px){.container{padding-inline:20px}.topbar{top:20px;left:20px;right:20px}.footer{z-index:1000;pointer-events:none;padding:0;position:fixed;bottom:20px;left:20px;right:20px}.hero{padding-block:48px 28px}.card{padding:24px}.colors{grid-template-columns:1fr 1fr auto}.colors__tools{flex-direction:column;grid-column:auto;justify-content:center}}@media (width>=860px){.workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.controls{grid-area:1/1}.preview{grid-area:1/2;position:sticky;top:56px}.qr{max-width:none}}