@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{:root{--color-network-bits: oklch(73% .14 250);--color-host-bits: oklch(73% .13 30)}.app{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;background:var(--color-bg-canvas)}.app-tabs{border-bottom:1px solid var(--color-border-default);background:var(--color-bg-subtle);overflow-x:auto;scrollbar-width:thin}.tab-list{display:inline-flex;min-width:100%;gap:var(--space-1);padding:var(--space-2) var(--space-3)}.app-main{width:100%;max-width:52rem;margin-inline:auto;padding:var(--space-5);display:grid;gap:var(--space-4);align-content:start}.card{padding:var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-sm)}.section-title{margin-bottom:var(--space-3);font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.tab-button{appearance:none;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);font:inherit;font-size:.9rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.tab-button:hover{color:var(--color-text-primary);background:var(--color-bg-elevated);border-color:var(--color-border-default)}.tab-button[aria-selected=true],.tab-button.is-active{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.ip-form{display:grid;gap:var(--space-3)}.form-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-3)}.field{display:grid;grid-column:span 12;gap:var(--space-1)}.field.is-half{grid-column:span 6}.field.is-fill{grid-column:span 10}.field.is-auto{grid-column:span 2}.field.is-inline-btn{display:flex;align-items:flex-end}.field label{font-size:.82rem;font-weight:600;color:var(--color-text-muted)}.input,.select,.button{width:100%;min-height:2.25rem;padding:0 var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);font:inherit;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.button{width:auto;padding-inline:var(--space-5);border-color:transparent;background:var(--color-primary-600);color:var(--color-text-inverse);font-weight:600;cursor:pointer}.button:hover{background:var(--color-primary-700)}.results-table,.split-table,.cidr-table{width:100%;overflow:hidden;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);border-collapse:separate;border-spacing:0;background:var(--color-bg-elevated);font-size:.88rem}.results-table th,.results-table td,.split-table th,.split-table td,.cidr-table th,.cidr-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-default);text-align:left;vertical-align:middle}.results-table thead th,.split-table thead th,.cidr-table thead th{background:var(--color-bg-subtle);color:var(--color-text-muted);font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.results-table tbody tr:hover,.split-table tbody tr:hover,.cidr-table tbody tr:hover{background:color-mix(in oklch,var(--color-bg-subtle) 70%,transparent)}.results-table tr:last-child td,.split-table tr:last-child td,.cidr-table tr:last-child td{border-bottom:0}.copy-cell{position:relative;padding-right:2.6rem}.copy-btn{position:absolute;top:50%;right:var(--space-2);width:1.75rem;height:1.75rem;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text-muted);opacity:0;pointer-events:none;transform:translateY(-50%);cursor:copy;transition:opacity var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.results-table tr:hover .copy-btn,.copy-cell:focus-within .copy-btn{opacity:1;pointer-events:auto}.binary-display{display:grid;gap:var(--space-2);overflow-x:auto;font-family:var(--font-family-mono);font-size:.8rem}.binary-row{display:flex;flex-wrap:nowrap;gap:var(--space-1)}.bit{min-width:.95rem;padding:.12rem .18rem;border-radius:.25rem;background:var(--color-bg-subtle);color:var(--color-text-muted);text-align:center}.bit.network{background:color-mix(in oklch,var(--color-network-bits) 16%,transparent);color:var(--color-network-bits)}.bit.host{background:color-mix(in oklch,var(--color-host-bits) 15%,transparent);color:var(--color-host-bits)}.subnet-map{display:grid;gap:var(--space-2)}.subnet-track{display:flex;flex-wrap:wrap;gap:var(--space-1)}.subnet-block{min-width:7rem;flex:0 0 auto;padding:var(--space-2);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-subtle);font-size:.78rem;text-align:center;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.125rem .5rem;border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-bg-subtle);color:var(--color-text-secondary);font-size:.73rem;font-weight:600;white-space:nowrap}.badge.success{color:var(--color-success-500)}.badge.warning{color:var(--color-warning-500)}.badge.error{color:var(--color-error-500)}.badge.info{color:var(--color-info-500)}.mono,.ip-value,.hex-value,.binary-value,.cidr-value{font-family:var(--font-family-mono);font-variant-ligatures:none}.text-muted,.text-soft{color:var(--color-text-muted)}.surface{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-elevated)}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.stack-sm{display:grid;gap:var(--space-2)}.stack-md{display:grid;gap:var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.app-main{padding:var(--space-4)}.field.is-half{grid-column:span 12}.field.is-fill{grid-column:span 8}.field.is-auto{grid-column:span 4}}}@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)}}