@layer base,tokens,layout,components,utilities;@layer tokens{:root{color-scheme:light;--color-primary-50: oklch(.97 .035 265);--color-primary-100: oklch(.93 .065 265);--color-primary-200: oklch(.85 .11 265);--color-primary-300: oklch(.74 .15 265);--color-primary-400: oklch(.62 .19 265);--color-primary-500: oklch(.55 .22 265);--color-primary-600: oklch(.48 .21 265);--color-primary-700: oklch(.42 .19 265);--color-primary-800: oklch(.35 .16 265);--color-primary-900: oklch(.28 .13 265);--color-neutral-0: oklch(1 0 0);--color-neutral-25: oklch(.99 0 0);--color-neutral-50: oklch(.98 0 0);--color-neutral-100: oklch(.96 0 0);--color-neutral-200: oklch(.92 0 0);--color-neutral-300: oklch(.84 .002 280);--color-neutral-400: oklch(.68 .004 280);--color-neutral-500: oklch(.52 .006 280);--color-neutral-600: oklch(.42 .008 280);--color-neutral-700: oklch(.32 .008 280);--color-neutral-800: oklch(.22 .006 280);--color-neutral-900: oklch(.16 .004 280);--color-success-50: oklch(.96 .04 155);--color-success-500: oklch(.56 .18 155);--color-warning-50: oklch(.96 .04 75);--color-warning-500: oklch(.64 .2 75);--color-error-50: oklch(.96 .04 25);--color-error-500: oklch(.54 .22 25);--color-info-50: oklch(.96 .03 240);--color-info-500: oklch(.58 .15 240);--color-bg-canvas: var(--color-neutral-50);--color-bg-subtle: var(--color-neutral-100);--color-bg-panel: var(--color-neutral-0);--color-bg-elevated: var(--color-neutral-0);--color-bg-inverse: var(--color-neutral-900);--color-bg-selection: color-mix(in oklch, var(--color-primary-500) 14%, transparent);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-muted: var(--color-neutral-500);--color-text-inverse: var(--color-neutral-0);--color-border-default: var(--color-neutral-300);--color-border-strong: var(--color-neutral-400);--color-border-focus: var(--color-primary-500);--color-overlay: oklch(.1 0 0 / .6);--color-glass-overlay: oklch(1 0 0 / .8);--color-scrollbar-thumb: var(--color-neutral-300);--color-scrollbar-track: transparent;--color-json-key: oklch(.48 .1 280);--color-json-string: oklch(.5 .1 155);--color-json-number: oklch(.54 .12 290);--color-json-boolean: oklch(.52 .11 40);--color-json-null: oklch(.5 .14 340);--color-json-punctuation: var(--color-neutral-500);--font-family-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--font-size-2xs: .6875rem;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-loose: 1.7;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .01em;--space-0: 0;--space-0-5: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-none: 0;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-0: none;--shadow-sm: 0 1px 2px 0 oklch(.1 0 0 / .06), 0 1px 3px 0 oklch(.1 0 0 / .1);--shadow-md: 0 4px 6px -1px oklch(.1 0 0 / .1), 0 2px 4px -1px oklch(.1 0 0 / .06);--shadow-lg: 0 10px 15px -3px oklch(.1 0 0 / .1), 0 4px 6px -2px oklch(.1 0 0 / .05);--shadow-xl: 0 20px 25px -5px oklch(.1 0 0 / .1), 0 10px 10px -5px oklch(.1 0 0 / .04);--shadow-focus: 0 0 0 3px color-mix(in oklch, var(--color-border-focus) 25%, transparent);--duration-instant: 0ms;--duration-fast: .1s;--duration-base: .15s;--duration-slow: .18s;--duration-slower: .25s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--breakpoint-sm: 40rem;--breakpoint-md: 48rem;--breakpoint-lg: 64rem;--breakpoint-xl: 80rem;--panel-min-size: 16rem;--splitter-size: .5rem;--container-sm: 40rem;--container-md: 48rem;--container-lg: 64rem;--container-xl: 80rem;--z-base: 1;--z-sticky: 100;--z-dropdown: 200;--z-overlay: 250;--z-tooltip: 300;--z-toast: 400;--z-modal: 500;--glass-blur: 20px;--glass-blur-sm: 10px}}@layer base{[hidden]{display:none!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-family-sans);background:var(--color-bg-canvas);color:var(--color-text-primary)}}@layer layout{.app-header,.header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:12px 20px;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-default)}.app-brand-link{text-decoration:none;color:inherit;display:inline-flex;flex-direction:column;gap:2px;min-width:0}.app-brand-link:hover{text-decoration:none;color:inherit;opacity:.8}.app-brand-link h1{margin:0;font-size:1.25rem;font-weight:700;line-height:1.2;color:var(--color-text-primary)}.app-brand-link p{margin:0;font-size:.72rem;color:var(--color-text-muted);opacity:.7}.header__controls{display:flex;align-items:center;gap:12px}.app-footer{margin-top:auto;border-top:1px solid var(--color-border-default);background:var(--color-bg-elevated);padding:10px 20px}.app-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.app-footer__brand,.app-footer__links,.app-footer__trust{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.75rem;color:var(--color-text-muted)}.app-footer__link,.app-footer__version{color:var(--color-text-muted);text-decoration:none;background:none;border:none;cursor:pointer;font:inherit;padding:0}.app-footer__link:hover,.app-footer__version:hover{text-decoration:underline;text-underline-offset:.15em;color:var(--color-text-primary)}.app-footer__separator{color:var(--color-text-muted)}.legal-page{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;background:var(--color-bg-canvas);color:var(--color-text-primary);overflow:hidden}@media print{.legal-page{position:static;overflow:visible}}.legal-page__header{position:sticky;top:0;z-index:var(--z-sticky);border-bottom:1px solid var(--color-border-default);background:var(--color-bg-elevated)}.legal-page__header-inner{max-width:900px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.legal-page__left{display:flex;align-items:center;gap:12px;min-width:0}.legal-page__back,.legal-page__print{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);padding:6px 10px;font-size:.75rem;cursor:pointer}.legal-page__title{margin:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legal-page__scroll{flex:1;overflow:auto}.legal-page__content{max-width:900px;margin:0 auto;padding:20px;line-height:1.6}.legal-page__content h1,.legal-page__content h2,.legal-page__content h3{margin:1rem 0 .5rem}.legal-page__content p,.legal-page__content ul,.legal-page__content ol{margin:.5rem 0}.legal-page__content ul,.legal-page__content ol{padding-left:1.2rem}.legal-page__credits-list{list-style:none;padding:0}.legal-page__credit{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);padding:10px}.legal-page__credit+.legal-page__credit{margin-top:10px}.legal-page__license-badge{display:inline-block;margin-bottom:8px;padding:2px 8px;border:1px solid var(--color-border-default);border-radius:var(--radius-full);font-size:.6875rem}.consent-banner{position:fixed;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);z-index:var(--z-dropdown);display:grid;gap:10px;padding:12px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);box-shadow:var(--shadow-lg);transform:translateY(calc(100% + var(--space-3)));opacity:0;transition:transform var(--duration-slower) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.consent-banner.is-visible{transform:translateY(0);opacity:1}.consent-banner.is-exiting{transform:translateY(calc(100% + var(--space-3)));opacity:0}.consent-banner__text{margin:0;font-size:.8125rem;color:var(--color-text-primary)}.consent-banner__link{justify-self:start;border:none;background:none;color:var(--color-primary-500);padding:0;cursor:pointer;font-size:.75rem;text-decoration:underline;text-underline-offset:.15em}.consent-banner__actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.consent-banner__button,.consent-banner__btn{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:6px 10px;font-size:.75rem;cursor:pointer}.consent-banner__button--ghost,.consent-banner__btn--ghost{background:transparent;color:var(--color-text-muted)}.consent-banner__button--primary,.consent-banner__btn--primary{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.legal-page[hidden],.modal-backdrop[hidden]{display:none}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:12px;background:var(--color-overlay);backdrop-filter:blur(3px)}.modal,.version-modal{width:min(760px,100%);max-height:min(88vh,760px);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.version-modal__header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--color-border-default)}.version-modal__title-wrap h2{margin:0;font-size:1rem}.version-modal__meta{margin:2px 0 0;font-size:.75rem;color:var(--color-text-muted)}.version-modal__close{width:28px;height:28px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);cursor:pointer;font-size:1rem}.version-modal__body{overflow:auto;padding:14px}.version-modal__heading{margin:0 0 10px;font-size:.9rem;color:var(--color-text-muted)}.version-modal__entry{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-subtle);padding:10px}.version-modal__entry+.version-modal__entry{margin-top:10px}.version-modal__entry-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.version-modal__version-badge{padding:2px 8px;border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:color-mix(in oklch,var(--color-primary-500) 20%,transparent);color:var(--color-text-primary);font-size:.75rem}.version-modal__entry-date{font-size:.75rem;color:var(--color-text-muted)}.version-modal__changes{margin:0;padding-left:1.2rem;font-size:.8125rem;line-height:1.5}.setting-toggle{display:inline-flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--color-text-muted);cursor:pointer;user-select:none}.setting-toggle input[type=checkbox]{accent-color:var(--color-primary-500)}@media(max-width:48rem){.app-header,.header,.app-footer,.legal-page__header-inner,.legal-page__content{padding-left:16px;padding-right:16px}.app-footer__inner,.consent-banner__actions,.version-modal__entry-header{align-items:flex-start}.legal-page__header-inner,.version-modal__header,.version-modal__entry-header{flex-wrap:wrap}}.tool-switcher{position:relative}.tool-switcher__toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.tool-switcher__toggle:hover{background:var(--color-bg-canvas);border-color:var(--color-primary-500)}.tool-switcher__icon{font-size:1rem}.tool-switcher__caret{font-size:.75rem;opacity:.6}.tool-switcher__dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:var(--z-dropdown);min-width:180px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);box-shadow:var(--shadow-lg);padding:4px}.tool-switcher__item{display:block;padding:8px 12px;border-radius:var(--radius-sm);color:var(--color-text-primary);text-decoration:none;font-size:.8125rem;transition:background var(--duration-fast) var(--ease-out)}.tool-switcher__item:hover{background:var(--color-bg-subtle)}.tool-switcher__item--active{color:var(--color-primary-500);font-weight:600;background:color-mix(in oklch,var(--color-primary-500) 8%,transparent)}}@layer base,tokens,layout,components,utilities;@layer tokens{:root{color-scheme:light;--color-primary-50: oklch(.97 .035 265);--color-primary-100: oklch(.93 .065 265);--color-primary-200: oklch(.85 .11 265);--color-primary-300: oklch(.74 .15 265);--color-primary-400: oklch(.62 .19 265);--color-primary-500: oklch(.55 .22 265);--color-primary-600: oklch(.48 .21 265);--color-primary-700: oklch(.42 .19 265);--color-primary-800: oklch(.35 .16 265);--color-primary-900: oklch(.28 .13 265);--color-neutral-0: oklch(1 0 0);--color-neutral-25: oklch(.99 0 0);--color-neutral-50: oklch(.98 0 0);--color-neutral-100: oklch(.96 0 0);--color-neutral-200: oklch(.92 0 0);--color-neutral-300: oklch(.84 .002 280);--color-neutral-400: oklch(.68 .004 280);--color-neutral-500: oklch(.52 .006 280);--color-neutral-600: oklch(.42 .008 280);--color-neutral-700: oklch(.32 .008 280);--color-neutral-800: oklch(.22 .006 280);--color-neutral-900: oklch(.16 .004 280);--color-success-50: oklch(.96 .04 155);--color-success-500: oklch(.56 .18 155);--color-warning-50: oklch(.96 .04 75);--color-warning-500: oklch(.64 .2 75);--color-error-50: oklch(.96 .04 25);--color-error-500: oklch(.54 .22 25);--color-info-50: oklch(.96 .03 240);--color-info-500: oklch(.58 .15 240);--color-bg-canvas: var(--color-neutral-50);--color-bg-subtle: var(--color-neutral-100);--color-bg-panel: var(--color-neutral-0);--color-bg-elevated: var(--color-neutral-0);--color-bg-inverse: var(--color-neutral-900);--color-bg-selection: color-mix(in oklch, var(--color-primary-500) 14%, transparent);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-muted: var(--color-neutral-500);--color-text-inverse: var(--color-neutral-0);--color-border-default: var(--color-neutral-300);--color-border-strong: var(--color-neutral-400);--color-border-focus: var(--color-primary-500);--color-overlay: oklch(.1 0 0 / .6);--color-glass-overlay: oklch(1 0 0 / .8);--color-scrollbar-thumb: var(--color-neutral-300);--color-scrollbar-track: transparent;--color-json-key: oklch(.48 .1 280);--color-json-string: oklch(.5 .1 155);--color-json-number: oklch(.54 .12 290);--color-json-boolean: oklch(.52 .11 40);--color-json-null: oklch(.5 .14 340);--color-json-punctuation: var(--color-neutral-500);--font-family-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--font-size-2xs: .6875rem;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-loose: 1.7;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .01em;--space-0: 0;--space-0-5: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-none: 0;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-0: none;--shadow-sm: 0 1px 2px 0 oklch(.1 0 0 / .06), 0 1px 3px 0 oklch(.1 0 0 / .1);--shadow-md: 0 4px 6px -1px oklch(.1 0 0 / .1), 0 2px 4px -1px oklch(.1 0 0 / .06);--shadow-lg: 0 10px 15px -3px oklch(.1 0 0 / .1), 0 4px 6px -2px oklch(.1 0 0 / .05);--shadow-xl: 0 20px 25px -5px oklch(.1 0 0 / .1), 0 10px 10px -5px oklch(.1 0 0 / .04);--shadow-focus: 0 0 0 3px color-mix(in oklch, var(--color-border-focus) 25%, transparent);--duration-instant: 0ms;--duration-fast: .1s;--duration-base: .15s;--duration-slow: .18s;--duration-slower: .25s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--breakpoint-sm: 40rem;--breakpoint-md: 48rem;--breakpoint-lg: 64rem;--breakpoint-xl: 80rem;--panel-min-size: 16rem;--splitter-size: .5rem;--container-sm: 40rem;--container-md: 48rem;--container-lg: 64rem;--container-xl: 80rem;--z-base: 1;--z-sticky: 100;--z-dropdown: 200;--z-overlay: 250;--z-tooltip: 300;--z-toast: 400;--z-modal: 500;--glass-blur: 20px;--glass-blur-sm: 10px}}@layer base{[hidden]{display:none!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-family-sans);background:var(--color-bg-canvas);color:var(--color-text-primary)}}@layer layout{.app-header,.header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:12px 20px;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-default)}.app-brand-link{text-decoration:none;color:inherit;display:inline-flex;flex-direction:column;gap:2px;min-width:0}.app-brand-link:hover{text-decoration:none;color:inherit;opacity:.8}.app-brand-link h1{margin:0;font-size:1.25rem;font-weight:700;line-height:1.2;color:var(--color-text-primary)}.app-brand-link p{margin:0;font-size:.72rem;color:var(--color-text-muted);opacity:.7}.header__controls{display:flex;align-items:center;gap:12px}.app-footer{margin-top:auto;border-top:1px solid var(--color-border-default);background:var(--color-bg-elevated);padding:10px 20px}.app-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.app-footer__brand,.app-footer__links,.app-footer__trust{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.75rem;color:var(--color-text-muted)}.app-footer__link,.app-footer__version{color:var(--color-text-muted);text-decoration:none;background:none;border:none;cursor:pointer;font:inherit;padding:0}.app-footer__link:hover,.app-footer__version:hover{text-decoration:underline;text-underline-offset:.15em;color:var(--color-text-primary)}.app-footer__separator{color:var(--color-text-muted)}.legal-page{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;background:var(--color-bg-canvas);color:var(--color-text-primary);overflow:hidden}@media print{.legal-page{position:static;overflow:visible}}.legal-page__header{position:sticky;top:0;z-index:var(--z-sticky);border-bottom:1px solid var(--color-border-default);background:var(--color-bg-elevated)}.legal-page__header-inner{max-width:900px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.legal-page__left{display:flex;align-items:center;gap:12px;min-width:0}.legal-page__back,.legal-page__print{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);padding:6px 10px;font-size:.75rem;cursor:pointer}.legal-page__title{margin:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legal-page__scroll{flex:1;overflow:auto}.legal-page__content{max-width:900px;margin:0 auto;padding:20px;line-height:1.6}.legal-page__content h1,.legal-page__content h2,.legal-page__content h3{margin:1rem 0 .5rem}.legal-page__content p,.legal-page__content ul,.legal-page__content ol{margin:.5rem 0}.legal-page__content ul,.legal-page__content ol{padding-left:1.2rem}.legal-page__credits-list{list-style:none;padding:0}.legal-page__credit{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);padding:10px}.legal-page__credit+.legal-page__credit{margin-top:10px}.legal-page__license-badge{display:inline-block;margin-bottom:8px;padding:2px 8px;border:1px solid var(--color-border-default);border-radius:var(--radius-full);font-size:.6875rem}.consent-banner{position:fixed;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);z-index:var(--z-dropdown);display:grid;gap:10px;padding:12px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);box-shadow:var(--shadow-lg);transform:translateY(calc(100% + var(--space-3)));opacity:0;transition:transform var(--duration-slower) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.consent-banner.is-visible{transform:translateY(0);opacity:1}.consent-banner.is-exiting{transform:translateY(calc(100% + var(--space-3)));opacity:0}.consent-banner__text{margin:0;font-size:.8125rem;color:var(--color-text-primary)}.consent-banner__link{justify-self:start;border:none;background:none;color:var(--color-primary-500);padding:0;cursor:pointer;font-size:.75rem;text-decoration:underline;text-underline-offset:.15em}.consent-banner__actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.consent-banner__button,.consent-banner__btn{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:6px 10px;font-size:.75rem;cursor:pointer}.consent-banner__button--ghost,.consent-banner__btn--ghost{background:transparent;color:var(--color-text-muted)}.consent-banner__button--primary,.consent-banner__btn--primary{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.legal-page[hidden],.modal-backdrop[hidden]{display:none}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:12px;background:var(--color-overlay);backdrop-filter:blur(3px)}.modal,.version-modal{width:min(760px,100%);max-height:min(88vh,760px);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.version-modal__header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--color-border-default)}.version-modal__title-wrap h2{margin:0;font-size:1rem}.version-modal__meta{margin:2px 0 0;font-size:.75rem;color:var(--color-text-muted)}.version-modal__close{width:28px;height:28px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);cursor:pointer;font-size:1rem}.version-modal__body{overflow:auto;padding:14px}.version-modal__heading{margin:0 0 10px;font-size:.9rem;color:var(--color-text-muted)}.version-modal__entry{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-subtle);padding:10px}.version-modal__entry+.version-modal__entry{margin-top:10px}.version-modal__entry-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.version-modal__version-badge{padding:2px 8px;border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:color-mix(in oklch,var(--color-primary-500) 20%,transparent);color:var(--color-text-primary);font-size:.75rem}.version-modal__entry-date{font-size:.75rem;color:var(--color-text-muted)}.version-modal__changes{margin:0;padding-left:1.2rem;font-size:.8125rem;line-height:1.5}.setting-toggle{display:inline-flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--color-text-muted);cursor:pointer;user-select:none}.setting-toggle input[type=checkbox]{accent-color:var(--color-primary-500)}@media(max-width:48rem){.app-header,.header,.app-footer,.legal-page__header-inner,.legal-page__content{padding-left:16px;padding-right:16px}.app-footer__inner,.consent-banner__actions,.version-modal__entry-header{align-items:flex-start}.legal-page__header-inner,.version-modal__header,.version-modal__entry-header{flex-wrap:wrap}}.tool-switcher{position:relative}.tool-switcher__toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.tool-switcher__toggle:hover{background:var(--color-bg-canvas);border-color:var(--color-primary-500)}.tool-switcher__icon{font-size:1rem}.tool-switcher__caret{font-size:.75rem;opacity:.6}.tool-switcher__dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:var(--z-dropdown);min-width:180px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);box-shadow:var(--shadow-lg);padding:4px}.tool-switcher__item{display:block;padding:8px 12px;border-radius:var(--radius-sm);color:var(--color-text-primary);text-decoration:none;font-size:.8125rem;transition:background var(--duration-fast) var(--ease-out)}.tool-switcher__item:hover{background:var(--color-bg-subtle)}.tool-switcher__item--active{color:var(--color-primary-500);font-weight:600;background:color-mix(in oklch,var(--color-primary-500) 8%,transparent)}}@layer components{.app{display:grid;grid-template-rows:auto auto 1fr auto auto auto;height:100vh;overflow:hidden}.tool-controls{display:flex;align-items:center;justify-content:flex-end;padding:4px 20px;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-default)}.main{display:grid;grid-template-columns:1fr auto 1fr;gap:0;padding:var(--space-3);overflow:hidden}.panel{display:flex;flex-direction:column;background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border-default);overflow:hidden}.panel__header{padding:8px 14px;background:var(--color-bg-canvas);border-bottom:1px solid var(--color-border-default)}.panel__header h2{font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted)}.panel__body{flex:1;overflow:hidden;display:flex}.panel-divider{width:var(--space-3);cursor:col-resize;display:flex;align-items:center;justify-content:center}.panel-divider:after{content:"";width:3px;height:40px;background:var(--color-border-default);border-radius:2px}.html-textarea{width:100%;height:100%;resize:none;border:none;outline:none;padding:14px;font-family:var(--font-family-mono);font-size:.875rem;line-height:1.6;background:var(--color-bg-elevated);color:var(--color-text-primary);tab-size:2}.html-textarea::placeholder{color:var(--color-text-muted)}.html-output-frame{width:100%;height:100%;border:none;background:#fff;border-radius:0 0 var(--radius-md) var(--radius-md)}.status-bar{display:flex;align-items:center;padding:6px 20px;background:var(--color-bg-elevated);border-top:1px solid var(--color-border-default);font-size:.75rem;color:var(--color-text-muted)}@media(max-width:768px){.main{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr}.panel-divider{width:auto;height:var(--space-3);cursor:row-resize}.panel-divider:after{width:40px;height:3px}}}