:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-page:oklch(13% .028 274);--color-page-top:oklch(20% .052 278);--color-surface:oklch(21% .036 271);--color-surface-raised:oklch(26% .045 270);--color-surface-soft:oklch(18% .034 270);--color-field:oklch(15% .027 271);--color-field-hover:oklch(18% .038 270);--color-rule:oklch(39% .05 270);--color-rule-strong:oklch(55% .06 268);--color-ink:oklch(97% .012 95);--color-neutral:oklch(88% .022 260);--color-muted:oklch(78% .035 260);--color-pear:oklch(86% .18 95);--color-pear-deep:oklch(65% .16 92);--color-cyan:oklch(78% .16 220);--color-cyan-deep:oklch(55% .14 225);--color-coral:oklch(72% .2 24);--color-coral-deep:oklch(52% .17 24);--color-lavender:oklch(78% .14 305);--color-lavender-deep:oklch(58% .14 305);--color-mint:oklch(80% .16 150);--color-mint-deep:oklch(56% .13 150);--color-accent:var(--color-pear);--color-accent-hover:oklch(90% .17 95);--color-accent-ink:var(--color-page);--color-focus:var(--color-pear);--color-error:var(--color-coral);--color-warning:var(--color-pear);--color-success:var(--color-mint);--color-disabled:oklch(66% .028 265);--color-disabled-surface:oklch(19% .028 270);--color-halo-violet-base:oklch(33% .13 305);--color-kicker-surface:oklch(24% .055 276);--color-stage-edge:oklch(70% .08 280);--color-grid-line:oklch(90% .03 270);--color-shadow-deep:oklch(3% .05 270);--color-cyan-surface:oklch(25% .055 220);--color-cyan-surface-hover:oklch(30% .075 220);--color-error-surface:oklch(30% .09 24);--color-success-surface:oklch(30% .09 150);--color-warning-surface:oklch(32% .1 95);--color-qr-generate-surface:oklch(22% .045 220);--color-qr-decode-surface:oklch(22% .045 150);--color-shadow-base:oklch(3% .04 270);--font-display:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", sans-serif;--font-body:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--text-2xs:.75rem;--text-xs:.8125rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-display:2.5rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-press:cubic-bezier(.2, .7, .3, 1);--dur-micro:.1s;--dur-short:.18s;--dur-medium:.28s;--dur-long:.44s;--rule-thin:1px;--rule-focus:3px;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-pill:999px;--control-height:3rem;--shadow-workbench:0 1.5rem 4rem -2rem oklch(3% .04 270/.9), 0 0 0 1px oklch(70% .08 280/.08);--shadow-card:0 1rem 2.5rem -1.75rem oklch(3% .04 270/.9)}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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]){appearance:button}::file-selector-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{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none}}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-page);min-width:20rem;min-height:100%;overflow-x:clip}body{min-height:100dvh;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);margin:0}button,input,textarea,a{font:inherit}button,.action-button{min-height:var(--control-height)}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:var(--space-3xs)}button:disabled,button[aria-disabled=true]{color:var(--color-disabled);cursor:not-allowed}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100dvh;padding:var(--space-xl) var(--space-md);background:radial-gradient(circle at 12% 0%, var(--color-halo-violet-base), transparent 32rem), linear-gradient(180deg, var(--color-page-top) 0, var(--color-page) 32rem)}@supports (color:color-mix(in lab, red, red)){.app-shell{background:radial-gradient(circle at 12% 0%, color-mix(in oklch, var(--color-halo-violet-base) 32%, transparent), transparent 32rem), linear-gradient(180deg, var(--color-page-top) 0, var(--color-page) 32rem)}}.app-header,.workbench,.privacy-note{width:min(100%,56rem);margin-inline:auto}.app-header{align-items:center;gap:var(--space-lg);margin-block-end:var(--space-lg);display:grid}.app-header__copy{gap:var(--space-sm);min-width:0;display:grid}.app-kicker{align-items:center;gap:var(--space-xs);width:fit-content;padding:var(--space-xs) var(--space-sm);border:var(--rule-thin) solid var(--color-pear);margin:0;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.app-kicker{border:var(--rule-thin) solid color-mix(in oklch, var(--color-pear) 50%, transparent)}}.app-kicker{border-radius:var(--radius-pill);background:var(--color-kicker-surface)}@supports (color:color-mix(in lab, red, red)){.app-kicker{background:color-mix(in oklch, var(--color-kicker-surface) 85%, transparent)}}.app-kicker{color:var(--color-pear);font-size:var(--text-xs);font-weight:750}.app-header h1{align-items:center;gap:var(--space-xs);min-width:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance;flex-wrap:wrap;margin:0;font-style:normal;font-weight:850;line-height:1;display:flex}.title-switch{background:var(--color-pear);width:1.95rem;height:1.95rem;color:var(--color-page);box-shadow:0 3px 0 var(--color-pear-deep);animation:title-switch-in var(--dur-long) var(--ease-out) both;border-radius:50%;padding:.4rem}.app-lede{max-width:38rem;color:var(--color-neutral);text-wrap:pretty;margin:0;line-height:1.6}.signal-stage{--signal-active:var(--color-cyan);--signal-edge:var(--color-cyan-deep);border:var(--rule-thin) solid var(--color-stage-edge);min-height:10rem;display:none;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.signal-stage{border:var(--rule-thin) solid color-mix(in oklch, var(--color-stage-edge) 28%, transparent)}}.signal-stage{border-radius:var(--radius-lg);background:var(--color-surface-soft);box-shadow:var(--shadow-card);animation:stage-enter var(--dur-long) var(--ease-out) both}.signal-stage[data-active=base64]{--signal-active:var(--color-pear);--signal-edge:var(--color-pear-deep)}.signal-stage[data-active=jwt]{--signal-active:var(--color-coral);--signal-edge:var(--color-coral-deep)}.signal-stage[data-active=unicode]{--signal-active:var(--color-lavender);--signal-edge:var(--color-lavender-deep)}.signal-stage[data-active=qr]{--signal-active:var(--color-mint);--signal-edge:var(--color-mint-deep)}.signal-stage__grid{background-image:linear-gradient(var(--color-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid-line) 1px, transparent 1px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.signal-stage__grid{background-image:linear-gradient(color-mix(in oklch, var(--color-grid-line) 5.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--color-grid-line) 5.5%, transparent) 1px, transparent 1px)}}.signal-stage__grid{background-size:1.25rem 1.25rem;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.signal-chips{position:absolute;inset:0}.signal-chip{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-raised);min-width:2.5rem;min-height:2.5rem;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);box-shadow:0 .5rem 1.2rem -.9rem var(--color-shadow-deep);place-items:center;font-weight:750;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.signal-chip{box-shadow:0 .5rem 1.2rem -.9rem color-mix(in oklch, var(--color-shadow-deep) 90%, transparent)}}.signal-chip{transition:transform var(--dur-medium) var(--ease-out), background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out)}.signal-chip--url{inset-block-start:14%;inset-inline-start:8%;transform:rotate(-7deg)}.signal-chip--base64{inset-block-start:9%;inset-inline-end:8%;transform:rotate(6deg)}.signal-chip--jwt{inset-block-end:10%;inset-inline-start:13%;transform:rotate(5deg)}.signal-chip--unicode{inset-block-end:13%;inset-inline-end:11%;transform:rotate(-6deg)}.signal-chip--qr{inset-block-start:9%;inset-inline-start:47%;transform:rotate(3deg)}.signal-stage[data-active=url] .signal-chip--url,.signal-stage[data-active=base64] .signal-chip--base64,.signal-stage[data-active=jwt] .signal-chip--jwt,.signal-stage[data-active=unicode] .signal-chip--unicode,.signal-stage[data-active=qr] .signal-chip--qr{border-color:var(--signal-edge);background:var(--signal-active);color:var(--color-page);transform:translateY(-3px)rotate(0)}.signal-buddy{border:2px solid var(--signal-edge);background:var(--signal-active);width:4.6rem;height:4.6rem;color:var(--color-page);box-shadow:0 5px 0 var(--signal-edge), 0 1rem 2rem -1rem var(--signal-active);border-radius:1.55rem;place-items:center;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:50%}@supports (color:color-mix(in lab, red, red)){.signal-buddy{box-shadow:0 5px 0 var(--signal-edge), 0 1rem 2rem -1rem color-mix(in oklch, var(--signal-active) 70%, transparent)}}.signal-buddy{animation:buddy-react var(--dur-medium) var(--ease-out) both;transform:translate(-50%,-50%)}.signal-buddy__eyes{gap:.75rem;display:flex;position:absolute;inset-block-start:1rem}.signal-buddy__eyes i{background:currentColor;border-radius:50%;width:.38rem;height:.48rem}.signal-buddy strong{font-family:var(--font-mono);font-size:var(--text-sm);align-self:end;margin-block-end:.75rem}.workbench{padding:var(--space-sm);border:var(--rule-thin) solid var(--color-stage-edge);position:relative}@supports (color:color-mix(in lab, red, red)){.workbench{border:var(--rule-thin) solid color-mix(in oklch, var(--color-stage-edge) 28%, transparent)}}.workbench{border-radius:calc(var(--radius-lg) + .25rem);background:var(--color-surface);box-shadow:var(--shadow-workbench)}.workbench-meta{align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-xs);margin-block-end:var(--space-sm);font-weight:650;display:flex}.workbench-meta__dot{background:var(--color-mint);width:.55rem;height:.55rem;box-shadow:0 0 0 .2rem var(--color-mint);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.workbench-meta__dot{box-shadow:0 0 0 .2rem color-mix(in oklch, var(--color-mint) 13%, transparent)}}.workbench-meta strong{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-neutral);margin-inline-start:auto}.tab-list{padding:var(--space-2xs);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-field);grid-template-columns:repeat(5,minmax(0,1fr));margin-block-end:var(--space-lg);display:grid;position:relative}.tab-indicator{inset-block:var(--space-2xs);width:calc((100% - (var(--space-2xs) * 2)) / 5);border-radius:var(--radius-pill);background:var(--color-cyan);box-shadow:inset 0 -3px 0 var(--color-cyan-deep);transition:transform var(--dur-medium) var(--ease-out), background-color var(--dur-medium) var(--ease-out), box-shadow var(--dur-medium) var(--ease-out);position:absolute;inset-inline-start:var(--space-2xs);transform:translate(0)}.tab-list[data-active=base64] .tab-indicator{background:var(--color-pear);box-shadow:inset 0 -3px 0 var(--color-pear-deep);transform:translate(100%)}.tab-list[data-active=jwt] .tab-indicator{background:var(--color-coral);box-shadow:inset 0 -3px 0 var(--color-coral-deep);transform:translate(200%)}.tab-list[data-active=unicode] .tab-indicator{background:var(--color-lavender);box-shadow:inset 0 -3px 0 var(--color-lavender-deep);transform:translate(300%)}.tab-list[data-active=qr] .tab-indicator{background:var(--color-mint);box-shadow:inset 0 -3px 0 var(--color-mint-deep);transform:translate(400%)}.tab-button{z-index:1;justify-content:center;align-items:center;gap:var(--space-2xs);min-width:0;min-height:3rem;padding:var(--space-xs) var(--space-2xs);border-radius:var(--radius-pill);color:var(--color-muted);cursor:pointer;font-size:var(--text-2xs);white-space:nowrap;transition:color var(--dur-short) var(--ease-out);background:0 0;border:0;font-weight:750;display:inline-flex;position:relative}.tab-button[aria-selected=true]{color:var(--color-page)}.tab-button__icon{flex:none;display:none}.tool-panel{gap:var(--space-md);display:grid}.tool-panel:not([hidden]){animation:panel-enter var(--dur-medium) var(--ease-out) both}.field{gap:var(--space-xs);min-width:0;display:grid}.field-heading{justify-content:space-between;align-items:center;gap:var(--space-xs);flex-wrap:wrap;min-width:0;display:flex}.field-heading__meta{justify-content:flex-end;align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.field label,.qr-section h2{color:var(--color-neutral);font-size:var(--text-sm);font-weight:750}.field-count{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap}.utility-button{padding-inline:var(--space-sm);border:var(--rule-thin) solid var(--color-cyan)}@supports (color:color-mix(in lab, red, red)){.utility-button{border:var(--rule-thin) solid color-mix(in oklch, var(--color-cyan) 48%, transparent)}}.utility-button{border-radius:var(--radius-pill);background:var(--color-cyan-surface)}@supports (color:color-mix(in lab, red, red)){.utility-button{background:color-mix(in oklch, var(--color-cyan-surface) 60%, transparent)}}.utility-button{color:var(--color-cyan);cursor:pointer;font-size:var(--text-xs);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-press);font-weight:750}.utility-button:disabled,.utility-button[aria-disabled=true]{border-color:var(--color-rule);background:var(--color-disabled-surface);color:var(--color-disabled)}.field-help{min-height:1lh;color:var(--color-muted);font-size:var(--text-xs);text-wrap:pretty;margin:0;line-height:1.5}textarea,.file-input{border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-md);outline:var(--rule-focus) solid transparent;outline-offset:var(--space-3xs);background:var(--color-field);width:100%;color:var(--color-ink);transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out)}textarea{min-height:7rem;padding:var(--space-sm);resize:vertical;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.55}textarea::placeholder{color:var(--color-muted);opacity:1}textarea:focus-visible,.file-input:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 .25rem var(--color-pear)}@supports (color:color-mix(in lab, red, red)){textarea:focus-visible,.file-input:focus-visible{box-shadow:0 0 0 .25rem color-mix(in oklch, var(--color-pear) 12%, transparent)}}textarea[readonly]{background:var(--color-surface-soft)}textarea[aria-invalid=true],input[aria-invalid=true]{border-color:var(--color-error)}textarea[data-stale=true]{border-color:var(--color-warning);background-image:linear-gradient(135deg, transparent 0 46%, var(--color-pear) 46% 54%, transparent 54% 100%)}@supports (color:color-mix(in lab, red, red)){textarea[data-stale=true]{background-image:linear-gradient(135deg, transparent 0 46%, color-mix(in oklch, var(--color-pear) 6%, transparent) 46% 54%, transparent 54% 100%)}}textarea[data-stale=true]{background-size:.65rem .65rem}.file-input{min-height:3rem;padding:var(--space-xs);color:var(--color-neutral);font-size:var(--text-sm)}.file-input::file-selector-button{min-height:2.35rem;padding-inline:var(--space-sm);border:var(--rule-thin) solid var(--color-cyan-deep);border-radius:var(--radius-pill);background:var(--color-cyan);color:var(--color-page);cursor:pointer;white-space:nowrap;box-shadow:0 3px 0 var(--color-cyan-deep);transition:transform .14s var(--ease-press), box-shadow .14s var(--ease-press);margin-inline-end:var(--space-sm);font-weight:750}.file-input::file-selector-button:active{box-shadow:0 1px 0 var(--color-cyan-deep);transform:translateY(2px)}.action-group{gap:var(--space-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-block-end:var(--space-2xs);display:grid}.action-button{--btn-face:var(--color-pear);--btn-ink:var(--color-page);--btn-edge:var(--color-pear-deep);--btn-cast:var(--color-pear)}@supports (color:color-mix(in lab, red, red)){.action-button{--btn-cast:color-mix(in oklch, var(--color-pear) 22%, transparent)}}.action-button{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:var(--rule-thin) solid transparent;border-radius:var(--radius-pill);background:var(--btn-face);color:var(--btn-ink);cursor:pointer;font-size:var(--text-sm);white-space:nowrap;box-shadow:0 4px 0 var(--btn-edge), 0 7px 14px -5px var(--btn-cast);transition:transform .14s var(--ease-press), box-shadow .14s var(--ease-press), background-color var(--dur-short) var(--ease-out);font-weight:800;line-height:1;text-decoration:none;display:inline-flex;transform:translateY(0)}.action-button--secondary{--btn-face:var(--color-cyan);--btn-edge:var(--color-cyan-deep);--btn-cast:var(--color-cyan)}@supports (color:color-mix(in lab, red, red)){.action-button--secondary{--btn-cast:color-mix(in oklch, var(--color-cyan) 20%, transparent)}}.action-button--tertiary{--btn-face:var(--color-surface-raised);--btn-ink:var(--color-neutral);--btn-edge:var(--color-rule-strong);--btn-cast:var(--color-shadow-base)}@supports (color:color-mix(in lab, red, red)){.action-button--tertiary{--btn-cast:color-mix(in oklch, var(--color-shadow-base) 35%, transparent)}}.action-button--tertiary{border-color:var(--color-rule-strong)}.action-button:disabled,.action-button[aria-disabled=true]{--btn-face:var(--color-disabled-surface);--btn-ink:var(--color-disabled);--btn-edge:var(--color-rule);--btn-cast:transparent;cursor:not-allowed;box-shadow:0 2px 0 var(--btn-edge);transform:none}.copy-button{grid-column:1/-1}.copy-button[data-state=copied]{--btn-face:var(--color-mint);--btn-edge:var(--color-mint-deep);--btn-ink:var(--color-page)}.action-button[aria-busy=true]{cursor:wait}.utility-button:not(:disabled):not([aria-disabled=true]):active{transform:translateY(1px)}.action-button:not(:disabled):not([aria-disabled=true]):active{box-shadow:0 1px 0 var(--btn-edge), 0 2px 6px -2px var(--btn-cast);transition-duration:70ms;transform:translateY(3px)}.status-message{align-items:center;gap:var(--space-xs);min-height:3rem;padding:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-muted);font-size:var(--text-sm);overflow-wrap:anywhere;grid-template-columns:auto minmax(0,1fr);margin:0;line-height:1.45;display:grid;position:relative}.status-icon{flex:none}.status-message[data-tone=error]{border-color:var(--color-coral)}@supports (color:color-mix(in lab, red, red)){.status-message[data-tone=error]{border-color:color-mix(in oklch, var(--color-coral) 55%, transparent)}}.status-message[data-tone=error]{background:var(--color-error-surface)}@supports (color:color-mix(in lab, red, red)){.status-message[data-tone=error]{background:color-mix(in oklch, var(--color-error-surface) 32%, transparent)}}.status-message[data-tone=error]{color:var(--color-error)}.status-message[data-tone=success]{border-color:var(--color-mint)}@supports (color:color-mix(in lab, red, red)){.status-message[data-tone=success]{border-color:color-mix(in oklch, var(--color-mint) 50%, transparent)}}.status-message[data-tone=success]{background:var(--color-success-surface)}@supports (color:color-mix(in lab, red, red)){.status-message[data-tone=success]{background:color-mix(in oklch, var(--color-success-surface) 28%, transparent)}}.status-message[data-tone=success]{color:var(--color-success)}.status-message[data-tone=loading]{border-color:var(--color-cyan)}@supports (color:color-mix(in lab, red, red)){.status-message[data-tone=loading]{border-color:color-mix(in oklch, var(--color-cyan) 45%, transparent)}}.status-message[data-tone=loading]{color:var(--color-cyan)}.status-message[data-tone=warning]{border-color:var(--color-pear)}@supports (color:color-mix(in lab, red, red)){.status-message[data-tone=warning]{border-color:color-mix(in oklch, var(--color-pear) 50%, transparent)}}.status-message[data-tone=warning]{background:var(--color-warning-surface)}@supports (color:color-mix(in lab, red, red)){.status-message[data-tone=warning]{background:color-mix(in oklch, var(--color-warning-surface) 25%, transparent)}}.status-message[data-tone=warning]{color:var(--color-warning)}.is-spinning{animation:.9s linear infinite spin}.privacy-note{align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm);margin-block-start:var(--space-md);line-height:1.5;display:flex}.privacy-note svg{color:var(--color-mint);flex:none}.qr-panel{grid-template-columns:minmax(0,1fr)}.qr-section{align-content:start;gap:var(--space-md);min-width:0;padding:var(--space-md);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface-soft);display:grid}.qr-section[aria-labelledby=qr-generate-heading]{background:var(--color-qr-generate-surface)}@supports (color:color-mix(in lab, red, red)){.qr-section[aria-labelledby=qr-generate-heading]{background:color-mix(in oklch, var(--color-qr-generate-surface) 70%, transparent)}}.qr-section[aria-labelledby=qr-decode-heading]{background:var(--color-qr-decode-surface)}@supports (color:color-mix(in lab, red, red)){.qr-section[aria-labelledby=qr-decode-heading]{background:color-mix(in oklch, var(--color-qr-decode-surface) 65%, transparent)}}.qr-section h2{font-family:var(--font-display);font-size:var(--text-md);margin:0;font-style:normal}.qr-preview{min-height:10rem;padding:var(--space-md);border:var(--rule-thin) dashed var(--color-rule-strong);border-radius:var(--radius-lg);background-color:var(--color-field);background-image:radial-gradient(var(--color-cyan) 1.2px, transparent 1.2px);place-items:center;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.qr-preview{background-image:radial-gradient(color-mix(in oklch, var(--color-cyan) 14%, transparent) 1.2px, transparent 1.2px)}}.qr-preview{color:var(--color-muted);background-size:.75rem .75rem}.qr-preview img{width:min(100%,15rem);height:auto;padding:var(--space-xs);border:.3rem solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-ink);box-shadow:0 6px 0 var(--color-cyan-deep), 0 1.25rem 2rem -1rem var(--color-shadow-base);display:block}@supports (color:color-mix(in lab, red, red)){.qr-preview img{box-shadow:0 6px 0 var(--color-cyan-deep), 0 1.25rem 2rem -1rem color-mix(in oklch, var(--color-shadow-base) 80%, transparent)}}.qr-preview img{animation:qr-arrive var(--dur-long) var(--ease-out) both}.qr-preview[data-stale=true] img{opacity:.5;filter:saturate(.4)}.stale-badge{padding:var(--space-2xs) var(--space-xs);border:var(--rule-thin) solid var(--color-pear-deep);border-radius:var(--radius-pill);background:var(--color-pear);color:var(--color-page);font-size:var(--text-xs);font-weight:800;position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm)}.qr-preview p{text-align:center;margin:0}.download-link{width:100%}.decoded-link{width:fit-content;min-height:3rem;color:var(--color-cyan);font-size:var(--text-sm);text-underline-offset:var(--space-2xs);white-space:nowrap;align-items:center;font-weight:750;display:inline-flex}.decoded-link:active{color:var(--color-pear)}.qr-status{grid-column:1/-1}@keyframes title-switch-in{0%{opacity:0;transform:rotate(-18deg)scale(.75)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes stage-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes buddy-react{0%{opacity:0;transform:translate(-50%,-45%)scale(.82)rotate(-5deg)}70%{opacity:1;transform:translate(-50%,-52%)scale(1.03)rotate(2deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}@keyframes qr-arrive{0%{opacity:0;transform:scale(.94)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.utility-button:not(:disabled):not([aria-disabled=true]):hover{background:var(--color-cyan-surface-hover)}@supports (color:color-mix(in lab, red, red)){.utility-button:not(:disabled):not([aria-disabled=true]):hover{background:color-mix(in oklch, var(--color-cyan-surface-hover) 78%, transparent)}}.tab-button:hover{color:var(--color-ink)}.tab-button[aria-selected=true]:hover{color:var(--color-page)}textarea:hover,.file-input:hover{background-color:var(--color-field-hover)}.action-button:not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-1px)}.file-input::file-selector-button:hover{transform:translateY(-1px)}.decoded-link:hover{color:var(--color-pear)}}@media (width>=24rem){.workbench{padding:var(--space-md)}.tab-button{font-size:var(--text-xs)}}@media (width>=36rem){.app-shell{padding-inline:var(--space-lg)}.tab-button__icon,.signal-stage{display:block}.tab-button{font-size:var(--text-sm)}.action-group{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.copy-button{grid-column:auto}}@media (width>=48rem){.app-shell{padding-block:var(--space-2xl)}.app-header{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) 18rem}.app-header h1{font-size:3.25rem}.signal-stage{min-height:11.5rem}.workbench{padding:var(--space-lg)}.qr-panel{gap:var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (forced-colors:active){.app-shell{color:canvastext;background:canvas}.tab-indicator,.signal-buddy,.action-button,.utility-button,.file-input,textarea,.status-message{box-shadow:none;border:2px solid canvastext}.tab-indicator{forced-color-adjust:none;background:highlight}.tab-button[aria-selected=true]{color:highlighttext;forced-color-adjust:none}button:disabled,button[aria-disabled=true]{color:graytext;border-color:graytext}textarea[data-stale=true]{border-style:dashed}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline-color:highlight}}@media (prefers-contrast:more){:root{--color-muted:var(--color-neutral);--color-rule:var(--color-rule-strong)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.title-switch,.signal-stage,.signal-buddy,.tool-panel:not([hidden]),.qr-preview img,.action-button:not(:disabled):hover,.action-button:not(:disabled):active,.utility-button:hover,.utility-button:active{transform:none}.file-input::file-selector-button:hover{transform:none}.file-input::file-selector-button:active{transform:none}}