@layer umamichi-colors{:root{--theme-100: rgb(228, 247, 251);--theme-200: rgb(189, 235, 246);--theme-300: rgb(124, 220, 241);--theme-400: rgb(0, 203, 232);--theme-500: rgb(0, 173, 199);--theme-600: rgb(0, 143, 164);--theme-700: rgb(0, 115, 132);--theme-800: rgb(0, 81, 94);--theme-900: rgb(0, 50, 58);--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b}@supports (color: oklab(0% 0 0%)){:root{--theme-100: oklch(.962402 .020313 213);--theme-200: oklch(.912109 .05 213);--theme-300: oklch(.842773 .095313 213)}}@supports (color: color(display-p3 0 0 0%)){:root{--theme-400: color(display-p3 .32314 .78697 .90755)}}@supports (color: oklab(0% 0 0%)){:root{--theme-400: oklch(.772949 .14375 213)}}@supports (color: color(display-p3 0 0 0%)){:root{--theme-500: color(display-p3 .01931 .68505 .81817)}}@supports (color: oklab(0% 0 0%)){:root{--theme-500: oklch(.687866 .159375 213)}}@supports (color: color(display-p3 0 0 0%)){:root{--theme-600: color(display-p3 .02175 .56307 .67381)}}@supports (color: oklab(0% 0 0%)){:root{--theme-600: oklch(.595703 .1375 213)}}@supports (color: color(display-p3 0 0 0%)){:root{--theme-700: color(display-p3 .01678 .4524 .54311)}}@supports (color: oklab(0% 0 0%)){:root{--theme-700: oklch(.508789 .117188 213)}}@supports (color: color(display-p3 0 0 0%)){:root{--theme-800: color(display-p3 .00476 .31892 .38609)}}@supports (color: oklab(0% 0 0%)){:root{--theme-800: oklch(.398437 .092188 213)}}@supports (color: color(display-p3 0 0 0%)){:root{--theme-900: color(display-p3 .00198 .19694 .24217)}}@supports (color: oklab(0% 0 0%)){:root{--theme-900: oklch(.290527 .067188 213)}}}@layer umamichi-tokens{html.dark{color-scheme:dark;--site-bg: #0d1117;--site-surface: var(--site-bg);--site-surface-muted: var(--gray-800);--site-fg: #e6edf3;--site-muted-fg: #8b949e;--site-subtle-fg: #7d8590;--site-content-fg: #c9d1d9;--site-content-muted-fg: #8b949e;--site-border: #30363d;--site-border-strong: #30363d;--site-border-soft: #30363d;--site-content-border: #30363d;--site-hover-bg: rgba(177, 186, 196, .12);--site-active-bg: rgba(177, 186, 196, .2);--site-sidebar-bg: var(--site-bg);--site-sidebar-border: var(--gray-700);--site-header-bg: var(--theme-400);--site-header-fg: var(--theme-900);--site-header-border: var(--site-sidebar-border);--site-nav-active-bg: color-mix(in srgb, var(--theme-400) 20%, transparent);--site-accent: var(--theme-300);--site-accent-hover: var(--theme-200);--site-accent-strong: var(--theme-200);--site-accent-soft: color-mix(in srgb, var(--theme-300) 12%, transparent);--site-accent-border: color-mix(in srgb, var(--theme-300) 32%, transparent);--site-link: var(--site-accent);--site-link-hover: var(--site-accent-hover);--site-success: #4ade80;--site-success-soft: rgba(22, 101, 52, .28);--site-success-border: rgba(74, 222, 128, .35);--site-warning: #fcd34d;--site-warning-soft: rgba(245, 158, 11, .12);--site-warning-border: rgba(245, 158, 11, .35);--site-danger: #fca5a5;--site-danger-soft: rgba(239, 68, 68, .14);--site-danger-border: rgba(248, 113, 113, .35);--site-button-bg: var(--gray-800);--site-button-hover-bg: var(--gray-700);--site-button-active-bg: var(--gray-600);--site-button-fg: var(--site-fg);--site-button-accent-bg: var(--theme-400);--site-button-accent-hover-bg: var(--theme-300);--site-button-accent-active-bg: var(--theme-200);--site-button-accent-fg: var(--theme-900);--site-backdrop: rgba(1, 4, 9, .66);--site-frosted-overlay: color-mix(in srgb, var(--site-bg) 68%, transparent);--site-focus-ring: color-mix(in srgb, var(--site-accent) 28%, transparent)}@media(prefers-color-scheme:dark){html:not(.light):not(.dark){color-scheme:dark;--site-bg: #0d1117;--site-surface: var(--site-bg);--site-surface-muted: var(--gray-800);--site-fg: #e6edf3;--site-muted-fg: #8b949e;--site-subtle-fg: #7d8590;--site-content-fg: #c9d1d9;--site-content-muted-fg: #8b949e;--site-border: #30363d;--site-border-strong: #30363d;--site-border-soft: #30363d;--site-content-border: #30363d;--site-hover-bg: rgba(177, 186, 196, .12);--site-active-bg: rgba(177, 186, 196, .2);--site-sidebar-bg: var(--site-bg);--site-sidebar-border: var(--gray-700);--site-header-bg: var(--theme-400);--site-header-fg: var(--theme-900);--site-header-border: var(--site-sidebar-border);--site-nav-active-bg: color-mix(in srgb, var(--theme-400) 20%, transparent);--site-accent: var(--theme-300);--site-accent-hover: var(--theme-200);--site-accent-strong: var(--theme-200);--site-accent-soft: color-mix(in srgb, var(--theme-300) 12%, transparent);--site-accent-border: color-mix(in srgb, var(--theme-300) 32%, transparent);--site-link: var(--site-accent);--site-link-hover: var(--site-accent-hover);--site-success: #4ade80;--site-success-soft: rgba(22, 101, 52, .28);--site-success-border: rgba(74, 222, 128, .35);--site-warning: #fcd34d;--site-warning-soft: rgba(245, 158, 11, .12);--site-warning-border: rgba(245, 158, 11, .35);--site-danger: #fca5a5;--site-danger-soft: rgba(239, 68, 68, .14);--site-danger-border: rgba(248, 113, 113, .35);--site-button-bg: var(--gray-800);--site-button-hover-bg: var(--gray-700);--site-button-active-bg: var(--gray-600);--site-button-fg: var(--site-fg);--site-button-accent-bg: var(--theme-400);--site-button-accent-hover-bg: var(--theme-300);--site-button-accent-active-bg: var(--theme-200);--site-button-accent-fg: var(--theme-900);--site-backdrop: rgba(1, 4, 9, .66);--site-frosted-overlay: color-mix(in srgb, var(--site-bg) 68%, transparent);--site-focus-ring: color-mix(in srgb, var(--site-accent) 28%, transparent)}}}@layer umamichi-tokens{:root{--font-ui: "Segoe UI Variable", "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-code: "Cascadia Code", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--site-bg: #ffffff;--site-surface: var(--site-bg);--site-surface-muted: var(--gray-100);--site-fg: var(--gray-800);--site-muted-fg: var(--gray-600);--site-subtle-fg: var(--gray-500);--site-content-fg: var(--gray-700);--site-content-muted-fg: var(--gray-500);--site-border: rgba(0, 0, 0, .08);--site-border-strong: rgba(0, 0, 0, .16);--site-border-soft: var(--gray-100);--site-content-border: var(--gray-100);--site-hover-bg: rgba(0, 0, 0, .04);--site-active-bg: rgba(0, 0, 0, .08);--site-sidebar-bg: var(--site-bg);--site-sidebar-border: var(--gray-300);--site-header-bg: var(--theme-200);--site-header-fg: var(--theme-900);--site-header-border: var(--site-sidebar-border);--site-nav-active-bg: var(--site-bg);--site-header-offset: 0px;--site-accent: var(--theme-500);--site-accent-hover: var(--theme-400);--site-accent-strong: var(--theme-400);--site-accent-soft: var(--theme-100);--site-accent-border: var(--theme-200);--site-link: var(--site-accent);--site-link-hover: var(--site-accent-hover);--site-success: #15803d;--site-success-soft: #eefbf1;--site-success-border: #99d7af;--site-warning: #b45309;--site-warning-soft: #fff5e8;--site-warning-border: #f4c489;--site-danger: #b91c1c;--site-danger-soft: #fef0f0;--site-danger-border: #efb4b4;--site-backdrop: rgba(17, 24, 39, .5);--site-frosted-blur: 12px;--site-frosted-overlay: color-mix(in srgb, var(--site-surface) 58%, transparent);--site-focus-ring: color-mix(in srgb, var(--site-accent) 22%, transparent);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--page-max-width: 56rem;--page-gutter: 16px;--page-padding-top: 28px;--page-padding-bottom: 48px;--section-gap: 20px;--inline-gap: 16px;--site-content-font-size: 1rem;--site-content-line-height: 1.75;--site-weight-light: 300;--site-weight-regular: 400;--site-weight-medium: 500;--site-weight-semibold: 600;--site-weight-page-title: var(--site-weight-light);--site-weight-content-h1-h2: var(--site-weight-light);--site-weight-content-h3-h6: var(--site-weight-regular);--control-height: 38px;--control-padding-inline: 12px;--transition-fast: .12s ease;--transition-overlay: .2s ease;--site-button-bg: var(--gray-100);--site-button-hover-bg: var(--gray-200);--site-button-active-bg: var(--gray-300);--site-button-fg: var(--site-fg);--site-button-accent-bg: var(--theme-200);--site-button-accent-hover-bg: var(--theme-300);--site-button-accent-active-bg: var(--theme-400);--site-button-accent-fg: var(--theme-900)}html.light{color-scheme:light}@media(prefers-reduced-transparency:reduce){:root,html.dark,html:not(.light):not(.dark){--site-frosted-blur: 0px;--site-frosted-overlay: var(--site-backdrop)}}}@layer umamichi-reset{*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html,body{margin:0}html{scrollbar-color:var(--site-accent) var(--site-surface-muted);scrollbar-width:thin}body{background:var(--site-bg);color:var(--site-fg);font-family:var(--font-ui);text-rendering:optimizeLegibility}*{scrollbar-color:var(--site-accent) var(--site-surface-muted);scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--site-surface-muted)}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--site-accent) 70%,var(--site-muted-fg));border:2px solid var(--site-surface-muted);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--site-accent)}a{color:var(--site-link);text-decoration:none;text-underline-offset:.15em;transition:color var(--transition-fast)}a:hover{color:var(--site-link-hover);text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3,h4,h5,h6,p,dl,dd,figure,blockquote{margin-top:0}code,pre,samp,kbd{font-family:var(--font-code)}html.theme-transition-lock *,html.theme-transition-lock *:before,html.theme-transition-lock *:after{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer umamichi-layout{.page-shell{width:min(var(--page-max-width),calc(100vw - (var(--page-gutter) * 2)));margin:0 auto;padding:var(--page-padding-top) 0 var(--page-padding-bottom)}.page-header{padding-bottom:var(--section-gap);border-bottom:1px solid var(--site-header-border)}.page-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.eyebrow{margin:0;color:var(--site-subtle-fg);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lead,.section-note,.help-text,.meta-note,.panel-subtitle,.toolbar-hint,.canvas-caption{color:var(--site-content-muted-fg);line-height:1.7}.help-text,.meta-note{font-size:.92rem}.inline-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--inline-gap);margin-top:14px;font-size:.95rem}.panel{margin-top:22px;padding-top:18px;border-top:1px solid var(--site-content-border)}.panel:first-of-type{margin-top:18px;padding-top:0;border-top:0}.panel-heading,.section-toolbar,.modal-header,.modal-toolbar,.modal-actions,.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-grid,.controls-grid,.preview-panel,.slider-group{display:grid;gap:12px}.single-column{max-width:280px}.modal-backdrop,.example-modal-backdrop,.site-overlay-backdrop,.confirm-dialog-backdrop{position:fixed;inset:0;z-index:1000;width:100%;min-width:100vw;min-height:100vh;min-height:100dvh;margin:0;box-sizing:border-box;opacity:0;pointer-events:none;backdrop-filter:blur(var(--site-frosted-blur));-webkit-backdrop-filter:blur(var(--site-frosted-blur));background:var(--site-frosted-overlay);transition:opacity var(--transition-overlay)}.modal-backdrop,.example-modal-backdrop{display:grid;place-items:center;padding:20px}.modal-backdrop.is-open,.example-modal-backdrop.is-open,.site-overlay-backdrop.is-open,.confirm-dialog-backdrop.is-open{opacity:1;pointer-events:auto}.site-overlay-backdrop{display:flex;align-items:flex-start;justify-content:center;padding:20px}.modal-card,.example-modal,.site-overlay-panel{opacity:0;transform:translateY(6px);transition:opacity var(--transition-overlay),transform var(--transition-overlay)}.modal-backdrop.is-open>.modal-card,.example-modal-backdrop.is-open>.example-modal,.site-overlay-backdrop.is-open>.site-overlay-panel{opacity:1;transform:translateY(0)}.modal-card,.example-modal{width:min(520px,100%);padding:16px;border:1px solid var(--site-border-strong);border-radius:var(--radius-lg);background:var(--site-surface)}.example-modal{width:min(72rem,calc(100vw - 32px));max-height:min(88vh,64rem);overflow:auto;padding:20px}.example-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.example-modal-header .panel-subtitle{margin-bottom:0}.example-gallery{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.example-card{margin:0;border:1px solid var(--site-border);border-radius:0;background:var(--site-surface);overflow:hidden}.example-card img{display:block;width:100%;height:auto;background:var(--site-bg)}.example-card figcaption{display:grid;gap:4px;padding:12px 14px 14px}.example-card strong{font-size:.98rem}.example-card span{color:var(--site-muted-fg);font-size:.92rem;line-height:1.5}.confirm-dialog-backdrop{z-index:1020;display:flex;align-items:center;justify-content:center;padding:24px}.confirm-dialog{width:100%;max-width:400px;padding:20px 22px 18px;border-radius:0;border:1px solid var(--site-border-strong);background:var(--site-surface);color:var(--site-fg);box-sizing:border-box;opacity:0;transform:translateY(6px);transition:opacity var(--transition-overlay),transform var(--transition-overlay)}.confirm-dialog-backdrop.is-open>.confirm-dialog{opacity:1;transform:translateY(0)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.modal-backdrop,.example-modal-backdrop,.confirm-dialog-backdrop,.site-overlay-backdrop{background:var(--site-backdrop)}}@media(prefers-reduced-transparency:reduce){.modal-backdrop,.example-modal-backdrop,.confirm-dialog-backdrop,.site-overlay-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--site-backdrop)}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.example-modal-backdrop,.confirm-dialog-backdrop,.site-overlay-backdrop,.modal-card,.example-modal,.confirm-dialog,.site-overlay-panel{transform:none}}.site-content-heading,.confirm-dialog-title{font-size:1.95rem;font-weight:var(--site-weight-content-h1-h2);line-height:1.32;color:var(--site-fg)}.site-content-heading{margin:0 0 1rem}.confirm-dialog-title{margin:0 0 10px}.confirm-dialog-body{margin:0;font-size:.95rem;line-height:1.55;color:var(--site-content-fg)}.confirm-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:720px){.page-shell{width:min(var(--page-max-width),calc(100vw - 20px));padding-top:20px;padding-bottom:36px}.page-meta-row,.panel-heading,.section-toolbar,.modal-toolbar,.modal-actions,.section-heading-row{align-items:flex-start;flex-direction:column}.modal-backdrop,.example-modal-backdrop{padding:12px}.modal-card,.example-modal{width:100%;padding:16px;border-radius:var(--radius-md)}.example-gallery{grid-template-columns:1fr}.confirm-dialog-backdrop{padding:16px}}}@layer umamichi-forms{.form-scope label,.form-scope .field-label{display:grid;gap:6px;color:var(--site-fg);font-size:.94rem;font-weight:600}.form-scope .field-block{display:block;width:min(100%,22rem);margin-bottom:.5rem}.field-hint,.form-scope .field-hint{display:block;margin-top:6px;font-size:.85rem;line-height:1.45;color:var(--site-muted-fg)}.form-scope .field-label-checkbox{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.form-scope .field-label-checkbox input{flex:0 0 auto}.form-scope input:not([type=checkbox]):not([type=radio]):not([type=range]),.form-scope textarea,.form-scope select,.text-input,.select-input{width:100%;min-height:var(--control-height);padding:7px var(--control-padding-inline);border:1px solid var(--site-border);border-radius:var(--radius-sm);background:var(--site-surface);color:var(--site-fg);outline:none;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.form-scope input:not([type=checkbox]):not([type=radio]):not([type=range]):hover,.form-scope textarea:hover,.form-scope select:hover,.text-input:hover,.select-input:hover{border-color:var(--site-border-strong)}.form-scope input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible,.form-scope textarea:focus-visible,.form-scope select:focus-visible,.text-input:focus-visible,.select-input:focus-visible{border-color:var(--site-accent);outline:2px solid var(--site-focus-ring);outline-offset:1px}.form-scope input[aria-invalid=true],.form-scope textarea[aria-invalid=true],.form-scope select[aria-invalid=true],.text-input[aria-invalid=true],.select-input[aria-invalid=true]{border-color:var(--site-danger)}.form-scope input[type=color]{padding:3px;min-height:36px;cursor:pointer}.form-scope input[type=checkbox],.form-scope input[type=radio],.form-scope input[type=range],.form-scope progress,.form-scope meter,.form-scope select,.select-input{accent-color:var(--site-accent)}.form-scope input[type=range]{width:100%;margin:0}.form-scope progress,.form-scope meter{width:100%}.form-scope .help-text.is-error,.form-scope .meta-note.is-error{color:var(--site-danger)}.form-scope .slider-row{display:grid;grid-template-columns:28px minmax(0,1fr) 72px;align-items:center;gap:10px}.form-scope .slider-value{display:inline-flex;justify-content:flex-end;padding:4px 8px;border:1px solid var(--site-border);border-radius:var(--radius-sm);background:var(--site-surface);color:var(--site-muted-fg);font-variant-numeric:tabular-nums}@media(max-width:640px){.form-scope .field-block{width:100%}.form-scope .slider-row{grid-template-columns:1fr;gap:8px}.form-scope .slider-value{justify-content:flex-start;width:fit-content}}}@layer umamichi-primitives{.theme-toggle,.ghost-button,.action-button,.primary-button,.secondary-button,.outline-button,.icon-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:none;border-radius:var(--radius-sm);background:var(--site-button-bg);color:var(--site-button-fg);font-size:.875rem;font-weight:var(--site-weight-regular);transition:background-color var(--transition-fast),color var(--transition-fast),transform 60ms ease}.theme-toggle:hover,.action-button:hover,.secondary-button:hover,.icon-button:hover{border:none;background:var(--site-button-hover-bg);color:var(--site-button-fg)}.theme-toggle:active,.action-button:active,.primary-button:active,.secondary-button:active,.icon-button:active{border:none;background:var(--site-button-active-bg);color:var(--site-button-fg);transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.theme-toggle:active,.action-button:active,.primary-button:active,.secondary-button:active,.icon-button:active,.outline-button:active,.ghost-button:active,.danger-button:active{transform:none}}.theme-toggle:focus-visible,.ghost-button:focus-visible,.action-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.outline-button:focus-visible,.icon-button:focus-visible,.danger-button:focus-visible{outline:2px solid var(--site-focus-ring);outline-offset:1px}.primary-button,.action-button.primary{background:var(--site-button-accent-bg);color:var(--site-button-accent-fg)}.primary-button:hover,.action-button.primary:hover{border:none;background:var(--site-button-accent-hover-bg);color:var(--site-button-accent-fg)}.primary-button:active,.action-button.primary:active{border:none;background:var(--site-button-accent-active-bg);color:var(--site-button-accent-fg)}.secondary-button,.action-button:not(.primary){background:var(--site-button-bg);color:var(--site-button-fg)}.outline-button{border:1px solid var(--site-sidebar-border);background:var(--site-surface);color:var(--site-fg)}.outline-button:hover{border-color:var(--site-sidebar-border);background:var(--site-hover-bg);color:var(--site-fg)}.outline-button:active{border-color:var(--site-border-strong);background:var(--site-active-bg);color:var(--site-fg);transform:translateY(1px)}.ghost-button{border:1px solid transparent;background:transparent;color:var(--site-fg)}.ghost-button:hover{border-color:transparent;background:var(--site-hover-bg);color:var(--site-fg)}.ghost-button:active{border-color:transparent;background:var(--site-active-bg);color:var(--site-fg);transform:translateY(1px)}.icon-button{width:34px;padding:0}.danger-button{background:var(--site-danger-soft);color:var(--site-danger)}.danger-button:hover{border:none;background:color-mix(in srgb,var(--site-danger-soft) 78%,var(--site-button-hover-bg));color:var(--site-danger)}.danger-button:active{border:none;background:color-mix(in srgb,var(--site-danger-soft) 65%,var(--site-button-active-bg));color:var(--site-danger);transform:translateY(1px)}.ghost-button:disabled,.action-button:disabled,.primary-button:disabled,.secondary-button:disabled,.outline-button:disabled,.icon-button:disabled,.danger-button:disabled,.theme-toggle:disabled{opacity:.5;cursor:not-allowed;transform:none}.status-pill{display:inline-flex;align-items:center;min-height:2rem;padding:.2rem .7rem;border:1px solid transparent;font-size:.84rem;font-weight:600;line-height:1.2}.status-pill.pending{border-color:var(--site-accent-border);background:var(--site-accent-soft);color:var(--site-fg)}.status-pill.success{border-color:var(--site-success-border);background:var(--site-success-soft);color:var(--site-success)}.status-pill.warning{border-color:var(--site-warning-border);background:var(--site-warning-soft);color:var(--site-warning)}.status-pill.danger,.status-pill.error{border-color:var(--site-danger-border);background:var(--site-danger-soft);color:var(--site-danger)}.sidebar-panel,.toc-panel,.aside-panel{border:1px solid var(--site-sidebar-border);background:var(--site-sidebar-bg)}.nav-link,.inline-nav-link{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .65rem;border-radius:var(--radius-md);color:var(--site-fg);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-link:hover,.inline-nav-link:hover{background:var(--site-hover-bg);color:var(--site-accent);text-decoration:none}.nav-link[aria-current=page],.nav-link[aria-current=true],.nav-link.active,.inline-nav-link[aria-current=page],.inline-nav-link[aria-current=true],.inline-nav-link.active{background:var(--site-nav-active-bg);color:var(--site-accent);font-weight:600}.content-surface,.content-panel{border:1px solid var(--site-content-border);background:var(--site-surface);color:var(--site-content-fg)}.toolbar-buttons,.modal-transfer-actions,.result-actions,.actions,.status-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.toolbar-buttons>*{flex:0 0 auto}.docs-callout,.app-disclaimer{display:grid;gap:4px;margin-top:14px;padding:12px 14px;border:1px solid var(--site-accent-border);background:var(--site-accent-soft);color:var(--site-fg);line-height:1.65}.docs-callout strong,.app-disclaimer-label{font-weight:700}.preview-canvas,.canvas-host,.table-wrap{border:1px solid var(--site-content-border);background:var(--site-surface);overflow:hidden}.table-wrap{margin-top:14px;overflow-x:auto}.preview-canvas{display:grid;place-items:center;min-height:220px;padding:1.5rem;color:var(--site-content-muted-fg);text-align:center}@media(max-width:720px){.toolbar-buttons{width:100%}.toolbar-buttons>button,.toolbar-buttons>.action-button,.toolbar-buttons>.primary-button,.toolbar-buttons>.secondary-button,.toolbar-buttons>.outline-button{flex:1 1 calc(50% - 6px)}}.dropdown-menu,.download-format-menu{position:relative;display:inline-flex;flex-shrink:0}.dropdown-menu-trigger,.download-format-menu-trigger{display:inline-flex;align-items:center;gap:.28em}.dropdown-menu-chevron,.download-format-menu-chevron{display:inline-block;flex-shrink:0;line-height:0;opacity:.82;vertical-align:middle}.dropdown-menu-panel,.download-format-menu-panel{position:fixed;z-index:200;min-width:11.5rem;max-width:calc(100vw - 16px);margin:0;padding:4px 0;list-style:none;border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-fg);box-sizing:border-box;opacity:0;transform:translateY(-4px);visibility:hidden;pointer-events:none;transition:opacity var(--transition-overlay),transform var(--transition-overlay),visibility 0s linear var(--transition-overlay)}.dropdown-menu-panel.is-open,.download-format-menu-panel.is-open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition:opacity var(--transition-overlay),transform var(--transition-overlay),visibility 0s}@media(prefers-reduced-motion:reduce){.dropdown-menu-panel,.download-format-menu-panel{transform:none}}.dropdown-menu-panel>li,.download-format-menu-panel>li{margin:0}.dropdown-menu-separator,.download-format-menu-separator{height:0;margin:6px 10px;padding:0;list-style:none;border:0;border-top:1px solid var(--site-border);pointer-events:none}.dropdown-menu-item,.download-format-menu-item{display:block;width:100%;padding:8px 14px;border:none;background:transparent;color:inherit;font:inherit;font-size:.92rem;line-height:1.35;text-align:left;cursor:pointer}.dropdown-menu-item:hover:not(:disabled),.download-format-menu-item:hover:not(:disabled){background:var(--site-hover-bg)}.dropdown-menu-item:active:not(:disabled),.download-format-menu-item:active:not(:disabled){background:var(--site-active-bg)}.dropdown-menu-item:disabled,.download-format-menu-item:disabled{opacity:.45;cursor:not-allowed}}h1,h2,p,dl,dd,figure{margin:0}.app-shell{padding-top:34px}.app-header{padding-top:0}.page-header,.control-section,.metrics-section,.canvas-section{padding:18px 0 20px;border-bottom:1px solid var(--site-border-soft)}h1{margin-top:8px;font-size:clamp(2rem,5vw,2.8rem);font-weight:var(--site-weight-page-title);line-height:1.15;letter-spacing:-.03em}.app-header .app-disclaimer{margin-top:24px}.lead{margin-top:10px}.section-heading-row{margin-bottom:14px}.section-heading-row .site-content-heading{margin:0}.section-note{font-size:.92rem;line-height:1.6}.intro-copy{display:grid;gap:12px;color:var(--site-muted-fg);line-height:1.75}.intro-copy a{margin-left:.4rem}.form-scope.controls-grid{gap:14px}.slider-label{color:var(--site-fg);font-weight:600}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--site-border-soft)}.metrics-grid div{padding:12px 14px;border-bottom:1px solid var(--site-border-soft)}.metrics-grid div:nth-child(3n+2),.metrics-grid div:nth-child(3n+3){border-left:1px solid var(--site-border-soft)}.metrics-grid dt{margin-bottom:6px;font-size:.82rem;color:var(--site-muted-fg)}.metrics-grid dd{color:var(--site-fg);font-size:.96rem;line-height:1.5;font-variant-numeric:tabular-nums}.canvas-figure{display:grid;gap:10px}.canvas-host{width:100%}.canvas-host canvas{display:block;width:100%}.solver-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.solver-status{padding:6px 10px;border:1px solid var(--site-border);border-radius:999px;font-size:.92rem;font-weight:600}.solver-status-ok{border-color:var(--site-accent-border);background:var(--site-accent-soft);color:var(--site-accent-strong)}.solver-status-approx{background:var(--site-surface-muted);color:var(--site-fg)}.solver-status-invalid{background:var(--site-surface-muted);color:var(--site-muted-fg)}.solver-metrics-grid{margin-bottom:18px}.solver-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--site-border-soft)}.solver-notes div{padding:12px 14px;border-bottom:1px solid var(--site-border-soft)}.solver-notes div:nth-child(3n+2),.solver-notes div:nth-child(3n+3){border-left:1px solid var(--site-border-soft)}.solver-notes h3{margin:0 0 6px;font-size:.95rem}.solver-notes p{color:var(--site-muted-fg);line-height:1.65}.canvas-caption{font-size:.9rem;line-height:1.6}@media(max-width:840px){.solver-notes{grid-template-columns:1fr}.solver-notes div:nth-child(3n+2),.solver-notes div:nth-child(3n+3){border-left:none}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid div{border-left:none}.metrics-grid div:nth-child(2n){border-left:1px solid var(--site-border-soft)}}@media(max-width:640px){.solver-actions{align-items:flex-start;flex-direction:column}.metrics-grid{grid-template-columns:1fr}.metrics-grid div:nth-child(2n){border-left:none}}