@layer umamichi-tokens{:root{--font-ui:"Segoe UI Variable", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", sans-serif;--font-code:"Cascadia Code", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--site-bg:#fff;--site-surface:#fff;--site-surface-muted:#fafafa;--site-fg:#27272a;--site-muted-fg:#52525b;--site-subtle-fg:#71717a;--site-content-fg:#3f3f46;--site-content-muted-fg:#71717a;--site-border:#00000014;--site-border-strong:#00000029;--site-border-soft:#f4f4f5;--site-content-border:#f4f4f5;--site-hover-bg:#0000000a;--site-active-bg:#00000014;--site-header-bg:#ecfeff;--site-header-border:#a5f3fc;--site-sidebar-bg:#fafafa;--site-sidebar-border:#d4d4d8;--site-nav-active-bg:#fff;--site-accent:#0c5c72;--site-accent-hover:#134152;--site-accent-strong:#072a38;--site-accent-soft:#ecfeff;--site-accent-border:#a5f3fc;--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:#11182780;--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;--control-height:38px;--control-padding-inline:12px;--transition-fast:.12s ease}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--site-bg:#0d1117;--site-surface:#161b22;--site-surface-muted:#18181b;--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:#b1bac41f;--site-active-bg:#b1bac433;--site-header-bg:#051b24;--site-header-border:#134152;--site-sidebar-bg:#18181b;--site-sidebar-border:#3f3f46;--site-nav-active-bg:color-mix(in srgb, var(--site-accent) 20%, transparent);--site-accent:#67e8f9;--site-accent-hover:#a5f3fc;--site-accent-strong:#a5f3fc;--site-accent-soft:#67e8f91f;--site-accent-border:#67e8f952;--site-link:var(--site-accent);--site-link-hover:var(--site-accent-hover);--site-success:#4ade80;--site-success-soft:#16653447;--site-success-border:#4ade8059;--site-warning:#fcd34d;--site-warning-soft:#f59e0b1f;--site-warning-border:#f59e0b59;--site-danger:#fca5a5;--site-danger-soft:#ef444424;--site-danger-border:#f8717159;--site-backdrop:#010409a8;--site-focus-ring:color-mix(in srgb, var(--site-accent) 28%, transparent)}}@layer umamichi-reset{*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html,body{margin:0}body{background:var(--site-bg);color:var(--site-fg);font-family:var(--font-ui);text-rendering:optimizelegibility}a{color:var(--site-link);text-underline-offset:.15em;text-decoration:none}a:hover{color:var(--site-link-hover);text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}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}}@layer umamichi-layout{.page-shell{width:min(var(--page-max-width), calc(100vw - (var(--page-gutter) * 2)));padding:var(--page-padding-top) 0 var(--page-padding-bottom);margin:0 auto}.page-header{padding-bottom:var(--section-gap);border-bottom:1px solid var(--site-header-border)}.page-meta-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.eyebrow{color:var(--site-subtle-fg);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.lead,.section-note,.help-text,.meta-note,.panel-subtitle,.toolbar-hint,.canvas-caption{color:var(--site-content-muted-fg);line-height:1.7}.inline-links{align-items:center;gap:var(--inline-gap);flex-wrap:wrap;margin-top:14px;font-size:.95rem;display:flex}.panel{border-top:1px solid var(--site-content-border);margin-top:22px;padding-top:18px}.panel:first-of-type{border-top:0;margin-top:18px;padding-top:0}.panel-heading,.section-toolbar,.modal-header,.modal-toolbar,.modal-actions,.section-heading-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-grid,.solver-controls-grid,.preview-panel,.slider-group{gap:12px;display:grid}.single-column{max-width:280px}.modal-backdrop,.example-modal-backdrop{z-index:50;background:var(--site-backdrop);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card,.example-modal{border:1px solid var(--site-border-strong);border-radius:var(--radius-lg);background:var(--site-surface);width:min(520px,100%);padding:16px}.example-modal{width:min(72rem,100vw - 32px);max-height:min(88vh,64rem);padding:20px;overflow:auto}@media (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{flex-direction:column;align-items:flex-start}.modal-backdrop,.example-modal-backdrop{padding:12px}.modal-card,.example-modal{border-radius:var(--radius-md);width:100%;padding:16px}}}@layer umamichi-forms{label,.field-label{color:var(--site-fg);gap:6px;font-size:.94rem;font-weight:600;display:grid}.field-block{width:min(100%,22rem);margin-bottom:.5rem;display:block}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select,.text-input,.solver-select{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);transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);outline:none}input:not([type=checkbox]):not([type=radio]):not([type=range]):hover,textarea:hover,select:hover,.text-input:hover,.solver-select:hover{border-color:var(--site-border-strong)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,textarea:focus,select:focus,.text-input:focus,.solver-select:focus{border-color:var(--site-accent);box-shadow:0 0 0 3px var(--site-focus-ring)}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true],.text-input[aria-invalid=true],.solver-select[aria-invalid=true]{border-color:var(--site-danger)}input[type=color]{cursor:pointer;min-height:36px;padding:3px}input[type=range]{width:100%;accent-color:var(--site-accent);margin:0}.help-text,.meta-note{font-size:.92rem}.help-text.is-error,.meta-note.is-error{color:var(--site-danger)}.slider-row{grid-template-columns:28px minmax(0,1fr) 72px;align-items:center;gap:10px;display:grid}.slider-value{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;justify-content:flex-end;padding:4px 8px;display:inline-flex}@media (width<=640px){.field-block{width:100%}.slider-row{grid-template-columns:1fr;gap:8px}.slider-value{justify-content:flex-start;width:fit-content}}}@layer umamichi-primitives{.theme-toggle,.ghost-button,.action-button,.primary-button,.secondary-button,.icon-button,.danger-button{border:1px solid var(--site-border);border-radius:var(--radius-pill);background:var(--site-surface);min-height:34px;color:var(--site-fg);transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), transform 60ms ease;justify-content:center;align-items:center;padding:0 12px;font-size:.92rem;display:inline-flex}.theme-toggle:hover,.ghost-button:hover,.action-button:hover,.secondary-button:hover,.icon-button:hover,.danger-button:hover{border-color:var(--site-border-strong);background:var(--site-hover-bg)}.theme-toggle:active,.ghost-button:active,.action-button:active,.primary-button:active,.secondary-button:active,.icon-button:active,.danger-button:active{background:var(--site-active-bg);transform:translateY(1px)}.theme-toggle:focus-visible,.ghost-button:focus-visible,.action-button:focus-visible,.primary-button:focus-visible,.secondary-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{border-color:var(--site-accent-border);background:var(--site-accent-soft);color:var(--site-fg)}.primary-button:hover,.action-button.primary:hover{border-color:var(--site-accent);background:color-mix(in srgb, var(--site-accent-soft) 72%, var(--site-hover-bg))}.primary-button:active,.action-button.primary:active{border-color:var(--site-accent);background:color-mix(in srgb, var(--site-accent-soft) 64%, var(--site-active-bg))}.ghost-button,.secondary-button,.action-button{border-color:var(--site-border-strong)}.icon-button{width:34px;padding:0}.danger-button{color:var(--site-danger)}.ghost-button:disabled,.action-button:disabled,.primary-button:disabled,.secondary-button:disabled,.icon-button:disabled,.danger-button:disabled,.theme-toggle:disabled{opacity:.5;cursor:not-allowed;transform:none}.status-pill{border-radius:var(--radius-pill);border:1px solid #0000;align-items:center;min-height:2rem;padding:.2rem .7rem;font-size:.84rem;font-weight:600;line-height:1.2;display:inline-flex}.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{border-radius:var(--radius-md);color:var(--site-fg);transition:background-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:.5rem;padding:.4rem .65rem;text-decoration:none;display:inline-flex}.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{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-buttons>*{flex:none}.docs-callout,.app-disclaimer{border:1px solid var(--site-accent-border);border-radius:var(--radius-md);background:var(--site-accent-soft);color:var(--site-fg);gap:4px;margin-top:14px;padding:12px 14px;line-height:1.65;display:grid}.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{min-height:220px;color:var(--site-content-muted-fg);text-align:center;place-items:center;padding:1.5rem;display:grid}@media (width<=720px){.toolbar-buttons{width:100%}.toolbar-buttons>button,.toolbar-buttons>.action-button,.toolbar-buttons>.primary-button,.toolbar-buttons>.secondary-button{flex:calc(50% - 6px)}}}@layer umamichi-article{:root{--article-fg:var(--site-content-fg);--article-muted-fg:var(--site-content-muted-fg);--article-border:var(--site-content-border);--article-table-bg:var(--site-surface);--article-table-stripe-bg:var(--site-surface-muted);--article-inline-code-bg:var(--site-hover-bg);--article-code-block-bg:var(--site-surface-muted);--article-quote-fg:var(--site-content-muted-fg);--article-list-marker:var(--site-subtle-fg);--article-link:var(--site-link);--article-link-hover:var(--site-link-hover);--article-title-bar:var(--site-accent-border)}.article-content{color:var(--article-fg);font-size:var(--site-content-font-size,1rem);line-height:var(--site-content-line-height,1.75);word-break:break-word}.article-content>:first-child{margin-top:0}.article-content>:last-child{margin-bottom:0}.article-content p{margin-top:0;margin-bottom:1rem}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{scroll-margin-top:calc(var(--site-header-offset,0px) + 1.5rem)}.article-content h1{border-bottom:1px solid var(--article-border);margin-top:1.4em;margin-bottom:1rem;padding-bottom:.35em;font-size:2.2em;font-weight:700;line-height:1.24}.article-content h2{border-bottom:1px solid var(--article-border);margin-top:1.32em;margin-bottom:1rem;padding-bottom:.3em;font-size:1.95em;font-weight:600;line-height:1.32}.article-content h3{margin-top:1.26em;margin-bottom:1rem;font-size:1.65em;font-weight:600;line-height:1.42}.article-content h4{margin-top:1.2em;margin-bottom:1rem;font-size:1.38em;font-weight:600;line-height:1.52}.article-content h5,.article-content h6{margin-top:1.12em;margin-bottom:1rem;font-size:1.18em;font-weight:600;line-height:1.625}.article-content ul,.article-content ol{margin-top:0;margin-bottom:1rem;padding-inline-start:2em;list-style-position:outside}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content ul ul{margin-top:.35rem;margin-bottom:0;list-style-type:circle}.article-content ul ul ul{list-style-type:square}.article-content ol ol{margin-top:.35rem;margin-bottom:0;list-style-type:lower-alpha}.article-content ol ol ol{list-style-type:lower-roman}.article-content ul ol,.article-content ol ul{margin-top:.35rem;margin-bottom:0}.article-content li{margin-top:.25em}.article-content li>p{margin-top:.25em;margin-bottom:.25em}.article-content li::marker{color:var(--article-list-marker)}.article-content .contains-task-list{padding-inline-start:0;list-style:none}.article-content .task-list-item{list-style:none}.article-content .task-list-item::marker{content:""}.article-content .task-list-item input{vertical-align:middle;margin-inline-end:.6em}.article-content a{color:var(--article-link);text-underline-offset:.15em;text-decoration:none}.article-content a:hover{color:var(--article-link-hover);text-decoration:underline}.article-content strong{font-weight:600}.article-content table{border-collapse:collapse;border-spacing:0;width:max-content;max-width:100%;margin-top:0;margin-bottom:1rem;display:block;overflow-x:auto}.article-content th,.article-content td{border:1px solid var(--article-border);padding:6px 13px}.article-content tr{background-color:var(--article-table-bg);border-top:1px solid var(--article-border)}.article-content tr:nth-of-type(2n){background-color:var(--article-table-stripe-bg)}.article-content blockquote{color:var(--article-quote-fg);border-left:.25em solid var(--article-border);margin-top:0;margin-bottom:1rem;padding-inline:1em}.article-content blockquote>:first-child{margin-top:0}.article-content blockquote>:last-child{margin-bottom:0}.article-content :not(pre)>code{background-color:var(--article-inline-code-bg);border-radius:6px;margin:0;padding:.2em .4em;font-size:.875em}.article-content pre{background-color:var(--article-code-block-bg);border-radius:6px;margin-top:0;margin-bottom:1rem;padding:16px;font-size:.9em;line-height:1.45;overflow-x:auto}.article-content pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.article-content hr{background-color:var(--article-border);border:0;height:.25em;margin:24px 0}.article-content img{border:1px solid var(--article-border);max-width:100%}}.storybook-migration-notice{border:2px solid var(--site-accent);background:var(--site-surface);gap:10px;margin:0 0 20px;padding:16px 18px;display:grid}.storybook-migration-notice-eyebrow{color:var(--site-accent);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.9rem;font-weight:700}.storybook-migration-notice-lead{margin:0;font-size:1.05rem;line-height:1.55}.storybook-migration-notice-cta{margin:0}.storybook-migration-notice-button{border:1px solid var(--site-accent);border-radius:var(--radius-md);background:var(--site-bg);color:var(--site-accent);padding:8px 14px;font-weight:600;text-decoration:none;display:inline-block}.storybook-migration-notice-button:hover{background:var(--site-surface)}.storybook-migration-notice-links{margin:0;padding-left:1.2em;line-height:1.6}.storybook-migration-notice-footnote{color:var(--site-muted-fg);margin:0;font-size:.95rem;line-height:1.5}.generator-page h1{margin-bottom:8px;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.12}.generator-page h2{margin-bottom:14px;font-size:1.28rem;line-height:1.3}.lead{margin-bottom:0}.package-links-callout{border:1px solid var(--site-border);border-radius:var(--radius-md);background:var(--site-surface);gap:10px;margin-top:18px;padding:16px 18px;display:grid}.package-links-callout strong{font-size:1rem}.package-links-callout p{color:var(--site-muted-fg);margin:0;line-height:1.6}.package-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.package-link-card{border:1px solid var(--site-border-soft);border-radius:var(--radius-md);background:var(--site-bg);color:var(--site-fg);gap:6px;padding:12px 14px;text-decoration:none;display:grid}.package-link-card:hover{border-color:var(--site-accent)}.package-link-card:focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}.package-link-label{color:var(--site-muted-fg);letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;font-weight:700}.package-link-name{word-break:break-word;font-size:.95rem;line-height:1.5}.generator-page .page-header{border-bottom-color:var(--site-content-border)}.docs-callout strong{margin-bottom:6px;font-size:.98rem;display:block}.docs-callout p{color:var(--site-muted-fg);margin:0;line-height:1.6}.font-detection-summary{color:var(--site-muted-fg);margin-bottom:14px;line-height:1.65}.font-detection-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.font-detection-card{border:1px solid var(--site-border);border-radius:var(--radius-md);background:var(--site-surface);padding:14px 16px}.font-detection-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.example-trigger{margin-left:auto}.example-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.example-modal-header .panel-subtitle{margin-bottom:0}.example-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.example-card{border:1px solid var(--site-border);background:var(--site-surface);margin:0;overflow:hidden}.example-card img{background:#fff;width:100%;height:auto;display:block}.example-card figcaption{gap:4px;padding:12px 14px 14px;display:grid}.example-card strong{font-size:.98rem}.example-card span{color:var(--site-muted-fg);font-size:.92rem;line-height:1.5}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.checkbox-row{color:var(--site-fg);grid-template-columns:auto 1fr;align-items:center;gap:10px;font-weight:500;display:grid}.checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--site-accent);margin:0}.preview-canvas.has-svg{color:inherit}.preview-canvas{height:150px;min-height:150px;padding:0}.preview-canvas svg{max-width:100%;height:auto;display:block}.result-panel{padding-bottom:12px}.result-block h3{margin-bottom:10px;font-size:1rem}.badge-preview{margin-top:12px}.result-actions{margin-top:14px}.preview-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;display:grid}.preview-meta div{border-top:1px solid var(--site-border-soft);padding:10px 0}.preview-meta dt{color:var(--site-muted-fg);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:.8rem;font-weight:700}.preview-meta dd{color:var(--site-fg);margin:0}.notes-section p:last-child{margin-bottom:0}@media (width<=720px){.package-link-grid,.example-gallery,.field-row,.preview-meta{grid-template-columns:1fr}}@media (width<=640px){.example-trigger{margin-left:0}}