:root{--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "JetBrains Mono", Consolas, monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 22px;--font-size-2xl: 28px;--accent: #7c5cff;--accent-strong: #6a45f5;--accent-hover: #7a58fa;--accent-dim: #5b43b8;--accent-ink: #ffffff;--accent-glow: rgba(124, 92, 255, .24);--accent-bg: rgba(124, 92, 255, .11);--transition-fast: .1s ease;--transition-med: .2s ease;--transition-slow: .35s ease;--header-height: 54px;--sidebar-width: 304px;--control-height: 34px;--toolbar-height: calc(var(--control-height) + (var(--space-3) * 2) + 1px);--footer-height: 40px;--z-content: 1;--z-sticky: 5;--z-overlay: 10;--z-menu: 30;--z-drawer: 40;--z-toast: 60;--z-modal: 100}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-med: 0ms;--transition-slow: 0ms}}[data-theme=dark]{--bg-base: #20202a;--bg-surface: #292934;--bg-elevated: #33333f;--bg-hover: #3d3d4b;--bg-active: #484858;--border-subtle: #3d3d4a;--border-default: #515162;--border-strong: #6f6f86;--text-primary: #f2f2f7;--text-secondary: #bcbcd1;--text-tertiary: #a8a8be;--text-disabled: #67677a;--text-inverse: #20202a;--accent-text: #c0b3ff;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--content-bg: #242430;--scrim: rgba(0, 0, 0, .62);--scrollbar-track: #292934;--scrollbar-thumb: #515162;--scrollbar-thumb-hover: #6f6f86;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .7)}[data-theme=light]{--bg-base: #d9d9e2;--bg-surface: #e6e6ef;--bg-elevated: #f2f2f8;--bg-hover: #d2d2e0;--bg-active: #c1c1d3;--border-subtle: #c8c8d8;--border-default: #a8a8bf;--border-strong: #8484a0;--text-primary: #14142a;--text-secondary: #3c3c55;--text-tertiary: #5a5a70;--text-disabled: #90909f;--text-inverse: #f2f2f7;--accent-text: #5433c4;--color-success: #15803d;--color-warning: #96400a;--color-error: #b91c1c;--content-bg: #cbcbda;--scrim: rgba(20, 20, 34, .45);--scrollbar-track: #d2d2e0;--scrollbar-thumb: #a8a8bf;--scrollbar-thumb-hover: #8484a0;--shadow-sm: 0 1px 2px rgba(20, 20, 42, .16);--shadow-md: 0 6px 18px rgba(20, 20, 42, .2);--shadow-lg: 0 14px 40px rgba(20, 20, 42, .26)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-base);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background var(--transition-med),color var(--transition-med)}body.is-scroll-locked{overflow:hidden;touch-action:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit;color:inherit}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:4px;background:var(--bg-active);border-radius:var(--radius-pill);cursor:pointer;outline-offset:4px}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-surface);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.24)}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-surface);cursor:pointer}input[type=range]:disabled{opacity:.4;cursor:not-allowed}select{width:100%;padding:var(--space-1-5) var(--space-6) var(--space-1-5) var(--space-3);background:var(--bg-elevated) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238a8aa0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right var(--space-2) center;border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color var(--transition-fast)}select:hover:not(:disabled){border-color:var(--border-strong)}select:focus-visible{border-color:var(--accent)}select:disabled{opacity:.5;cursor:not-allowed}input[type=number],input[type=text]{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--space-1) var(--space-1-5);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}input[type=number]:hover:not(:disabled),input[type=text]:hover:not(:disabled){border-color:var(--border-strong)}input[type=number]:focus-visible,input[type=text]:focus-visible{border-color:var(--accent)}input[type=number]:disabled,input[type=text]:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox]{width:15px;height:15px;flex-shrink:0;accent-color:var(--accent-strong);cursor:pointer}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-default);transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.button:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-strong)}.button:active:not(:disabled){background:var(--bg-active)}.button:disabled{opacity:.45;cursor:not-allowed}.button.is-icon-only{width:34px;padding:var(--space-1-5)}.button.is-accent{color:var(--text-primary);border-color:var(--accent-dim);background:var(--accent-bg)}.button.is-accent:hover:not(:disabled){background:var(--accent-glow);border-color:var(--accent)}.button.is-accent:active:not(:disabled){background:var(--accent-glow);border-color:var(--accent-strong)}.button.is-primary{color:var(--accent-ink);background:var(--accent-strong);border-color:var(--accent-strong);font-weight:600}.button.is-primary:hover:not(:disabled){color:var(--accent-ink);background:var(--accent-hover);border-color:var(--accent-hover)}.button.is-primary:active:not(:disabled){color:var(--accent-ink);background:var(--accent-dim);border-color:var(--accent-dim)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.toast-region{position:fixed;left:50%;bottom:calc(var(--footer-height) + var(--space-4));z-index:var(--z-toast);display:flex;justify-content:center;transform:translate(-50%);pointer-events:none}.toast-region .toast{max-width:calc(100vw - var(--space-8));padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);background:var(--bg-active);border:1px solid var(--border-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:toast-rise var(--transition-med) ease-out}@keyframes toast-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.toast-region .toast{animation:none}}.app-icon{display:inline-block;flex-shrink:0;width:var(--icon-size, 16px);height:var(--icon-size, 16px);vertical-align:-.125em}.header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-3);height:var(--header-height);padding:0 var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.header__brand{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text-primary);white-space:nowrap}.header__brand-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-family:Georgia,Times New Roman,serif;font-size:var(--font-size-sm);font-weight:700}.header__brand-name{font-size:var(--font-size-md);font-weight:600}.header__preview{position:relative;flex:1;min-width:0;max-width:560px}.header__preview-input{width:100%;height:var(--control-height);padding:0 var(--space-6) 0 var(--space-3);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md)}.header__preview-input::placeholder{color:var(--text-disabled)}.header__preview-input:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.header__preview-clear{position:absolute;top:50%;right:var(--space-1-5);transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-tertiary);cursor:pointer}.header__preview-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.header__tools{display:flex;gap:var(--space-1);margin-left:auto}.header__button{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height);height:var(--control-height);border:1px solid transparent;border-radius:var(--radius-md);background:none;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.header__button:hover{color:var(--text-primary);background:var(--bg-hover)}.header__button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (max-width: 767.98px){.header__brand-name{display:none}}.banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--font-size-sm)}.banner__text{flex:1;min-width:0}.banner__dismiss{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-tertiary);cursor:pointer}.banner__dismiss:hover{color:var(--text-primary);background:var(--bg-hover)}.control{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.control.is-row{flex-direction:row;align-items:center;justify-content:space-between}.control.is-disabled .label{color:var(--text-disabled)}.control .head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.control .label{font-size:var(--font-size-sm);color:var(--text-secondary)}.control .value-field{display:flex;align-items:stretch;flex-shrink:0;width:92px}.control .value-field input[type=number]{flex:1 1 auto;width:auto;min-width:0;text-align:right}.control .value-field.has-unit input[type=number]{border-top-right-radius:0;border-bottom-right-radius:0}.control .unit{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:26px;padding:0 var(--space-1-5);font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-active);border:1px solid var(--border-default);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.control .text-field{width:100%;padding:var(--space-1-5) var(--space-2)}.control.is-checks{display:block;border:none}.control.is-checks .checks-group{display:flex;flex-direction:column;gap:var(--space-0-5);margin-top:var(--space-2)}.control.is-checks .check-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.control.is-checks .check-row:hover{background:var(--bg-hover)}.control.is-checks .check-row:active{background:var(--bg-active)}.control.is-checks .check-count{margin-left:auto;font-size:var(--font-size-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.control.is-checks.is-disabled .check-row{color:var(--text-disabled);cursor:not-allowed}.control.is-checks.is-disabled .check-row:hover{background:none}.toggle-switch{position:relative;flex-shrink:0;width:38px;height:22px;border-radius:var(--radius-pill);background:var(--bg-active);border:1px solid var(--border-default);transition:background var(--transition-fast),border-color var(--transition-fast)}.toggle-switch:hover:not(:disabled){border-color:var(--border-strong)}.toggle-switch.is-on{background:var(--accent-strong);border-color:var(--accent-strong)}.toggle-switch.is-on:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.toggle-switch:disabled{opacity:.4;cursor:not-allowed}.toggle-switch .knob{position:absolute;top:var(--space-0-5);left:var(--space-0-5);width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle-switch.is-on .knob{transform:translate(16px)}.segmented-control{display:flex;padding:var(--space-0-5);gap:var(--space-0-5);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm)}.segmented-control button{flex:1 1 0;padding:var(--space-1-5);font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);border-radius:3px;transition:color var(--transition-fast),background var(--transition-fast)}.segmented-control button:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.segmented-control button:active:not(:disabled){background:var(--bg-active)}.segmented-control button:disabled{opacity:.4;cursor:not-allowed}.segmented-control button.is-selected{color:var(--accent-ink);background:var(--accent-strong)}.segmented-control button.is-selected:hover:not(:disabled){color:var(--accent-ink);background:var(--accent-hover)}.control-note{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-2);font-size:var(--font-size-xs);line-height:1.45;color:var(--text-secondary);background:var(--accent-bg);border:1px solid var(--accent-dim);border-radius:var(--radius-sm)}.control-note .note-icon{flex-shrink:0;margin-top:var(--space-0-5);color:var(--accent-text)}.control-note .note-action{display:block;margin-top:var(--space-1);padding:0;font-size:var(--font-size-xs);font-weight:600;color:var(--accent-text);background:none;border:none;text-decoration:underline;transition:color var(--transition-fast)}.control-note .note-action:hover{color:var(--text-primary)}.list-filter__manage{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-1);margin:calc(var(--space-0-5) * -1) calc(var(--space-1) * -1);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-tertiary);transition:color var(--transition-fast),background var(--transition-fast)}.list-filter__manage:hover{color:var(--text-primary);background:var(--bg-hover)}.lists-dialog__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--scrim)}.lists-dialog{display:flex;flex-direction:column;width:100%;max-width:420px;max-height:min(560px,calc(100vh - var(--space-10)));background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.lists-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.lists-dialog__title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.lists-dialog__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:color var(--transition-fast),background var(--transition-fast)}.lists-dialog__close:hover{color:var(--text-primary);background:var(--bg-hover)}.lists-dialog__empty{padding:var(--space-8) var(--space-6);font-size:var(--font-size-sm);line-height:1.5;text-align:center;color:var(--text-secondary)}.lists-dialog__rows{overflow-y:auto;padding:var(--space-2);list-style:none}.lists-dialog__row{display:flex;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary)}.lists-dialog__row:hover{background:var(--bg-hover)}.lists-dialog__row.is-confirming{background:var(--accent-bg)}.lists-dialog__row-icon{flex-shrink:0;color:var(--text-tertiary)}.lists-dialog__row-name{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lists-dialog__row-count{flex-shrink:0;font-size:var(--font-size-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.lists-dialog__action{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:var(--radius-sm);color:var(--text-tertiary);transition:color var(--transition-fast),background var(--transition-fast)}.lists-dialog__action:hover{color:var(--text-primary);background:var(--bg-active)}.lists-dialog__action.is-danger:hover{color:var(--color-error)}.lists-dialog__rename{display:flex;align-items:center;gap:var(--space-2);width:100%}.lists-dialog__rename-input{flex:1 1 auto;min-width:0;padding:var(--space-1-5) var(--space-2)}.lists-dialog__confirm-question{flex:1 1 auto;color:var(--text-primary)}.lists-dialog__confirm-button{flex-shrink:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-default);font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-elevated);transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.lists-dialog__confirm-button:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-strong)}.lists-dialog__confirm-button.is-yes:hover{color:var(--color-error);border-color:var(--color-error)}.control-section{border-bottom:1px solid var(--border-subtle)}.control-section .section-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-md);font-weight:600;letter-spacing:-.005em;color:var(--text-primary);background:var(--bg-elevated);transition:background var(--transition-fast)}.control-section .section-header:hover{background:var(--bg-hover)}.control-section .section-header:active{background:var(--bg-active)}.control-section .section-header[aria-expanded=true]{box-shadow:inset 3px 0 0 var(--accent)}.control-section .section-chevron{color:var(--text-tertiary);transition:transform var(--transition-fast),color var(--transition-fast)}.control-section .section-header:hover .section-chevron{color:var(--text-secondary)}.control-section .section-header[aria-expanded=true] .section-chevron{color:var(--accent-text);transform:rotate(180deg)}.control-section .section-body{padding:var(--space-3) var(--space-4) var(--space-4)}.presets{display:flex;flex-wrap:wrap;gap:var(--space-1-5);padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.presets__button{padding:3px var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:none;color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.presets__button:hover{color:var(--text-primary);border-color:var(--border-default)}.presets__button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);flex-shrink:0;border-right:1px solid var(--border-subtle);background:var(--bg-surface);position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height))}.sidebar__sections{flex:1;overflow-y:auto;padding-bottom:var(--space-4)}.sidebar__filter-note{margin:var(--space-3) 0 var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.sidebar__credit{display:flex;align-items:center;justify-content:center;margin-top:auto;min-height:var(--footer-height);padding:0 var(--space-4);font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-surface);border-top:1px solid var(--border-subtle)}.sidebar__credit a{color:var(--accent-text);text-decoration:none}.sidebar__credit a:hover{text-decoration:underline}@media (max-width: 991.98px){.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;height:auto;z-index:var(--z-drawer);transform:translate(-100%);transition:transform var(--transition-med);box-shadow:var(--shadow-lg)}.sidebar.is-open{transform:translate(0)}}.list-picker{--picker-width: 232px;display:flex;flex-direction:column;width:var(--picker-width);padding:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.list-picker.is-anchored{position:fixed;left:var(--picker-left, 0);top:var(--picker-y, 0);max-height:var(--picker-max-height, 320px);z-index:var(--z-menu);opacity:0}.list-picker.is-anchored.is-placed{opacity:1}.list-picker.is-anchored.is-above{top:auto;bottom:calc(100vh - var(--picker-y, 0px))}.list-picker.is-inline{position:absolute;top:100%;right:0;max-height:320px;margin-top:var(--space-1);z-index:var(--z-menu)}.list-picker__title{padding:var(--space-1) var(--space-1-5) var(--space-2);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.list-picker__rows{flex:1 1 auto;min-height:0;overflow-y:auto;list-style:none}.list-picker__row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.list-picker__row:hover{background:var(--bg-hover)}.list-picker__row:active{background:var(--bg-active)}.list-picker__row-icon{flex-shrink:0;color:var(--accent-text)}.list-picker__row-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list-picker__new,.list-picker__new-button{flex-shrink:0;margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.list-picker__new-button{display:flex;align-items:center;gap:var(--space-2);width:100%;padding-right:var(--space-1-5);padding-bottom:var(--space-1);padding-left:var(--space-1-5);font-size:var(--font-size-sm);color:var(--text-secondary);transition:color var(--transition-fast)}.list-picker__new-button:hover{color:var(--text-primary)}.list-picker__new-input{width:100%;padding:var(--space-1-5) var(--space-2)}.font-card{position:relative;list-style:none;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.font-card:hover,.font-card:focus-within{border-color:var(--border-default)}.font-card:hover .font-card__actions,.font-card:focus-within .font-card__actions{opacity:1}.font-card__open{display:block;width:100%;padding:var(--space-3);background:none;border:none;text-align:left;cursor:pointer;color:inherit;font:inherit}.font-card__open:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-md)}.font-card__specimen{height:var(--specimen-box);display:flex;align-items:center;overflow:hidden;white-space:nowrap;color:var(--specimen-ink, var(--text-primary));-webkit-mask-image:linear-gradient(to right,black calc(100% - 24px),transparent);mask-image:linear-gradient(to right,black calc(100% - 24px),transparent)}.font-card__text{line-height:1.2}.font-card__skeleton{display:block;width:70%;height:55%;border-radius:var(--radius-sm);background:var(--bg-elevated)}.font-card[data-state=loading] .font-card__skeleton{animation:font-card-shimmer 1.2s ease-in-out infinite}.font-card[data-state=regenerating]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);animation:font-card-sweep 1s ease-in-out infinite}.font-card[data-state=unsupported] .font-card__specimen,.font-card[data-state=error] .font-card__specimen{opacity:.45}@keyframes font-card-shimmer{0%,to{opacity:.5}50%{opacity:1}}@keyframes font-card-sweep{0%{transform:scaleX(.15);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@media (prefers-reduced-motion: reduce){.font-card[data-state=loading] .font-card__skeleton,.font-card[data-state=regenerating]:before{animation:none}}.font-card__meta{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2);overflow:hidden}.font-card__name-row{display:flex;align-items:center;gap:var(--space-1-5);white-space:nowrap;overflow:hidden;min-height:20px}.font-card__name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.font-card__badges{display:flex;gap:var(--space-1);white-space:nowrap;overflow:hidden;min-height:20px}.font-card__badge{font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-elevated);border-radius:var(--radius-sm);padding:1px var(--space-1-5)}.font-card__badge.font-card__badge--variable{color:var(--accent-text);background:var(--accent-bg)}.font-card__badge.font-card__badge--new{color:var(--color-success)}.font-card__ink{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-tertiary)}.font-card__ink-bar{width:44px;height:4px;border-radius:var(--radius-pill);background:var(--bg-elevated);overflow:hidden}.font-card__ink-fill{display:block;height:100%;background:var(--text-tertiary)}.font-card__note{margin-left:auto;font-size:var(--font-size-xs);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis}.font-card[data-state=error] .font-card__note{color:var(--color-warning)}.font-card__actions{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.font-card__actions.is-open{opacity:1}@media (pointer: coarse){.font-card__actions{opacity:1}}.font-card__action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.font-card__action:hover{color:var(--text-primary);border-color:var(--border-default)}.font-card__action:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.font-card__action.is-active{color:var(--accent-text);border-color:var(--accent-dim);background:var(--accent-bg)}.font-grid{position:relative;width:100%}.font-grid__row{position:absolute;top:0;left:0;right:0;display:grid;gap:12px;margin:0;padding:0 var(--space-4);list-style:none}.font-grid[data-ink=dark-on-light] .font-card{background:#fff;--specimen-ink: #16161a}.font-grid[data-ink=light-on-dark] .font-card{background:#16161a;--specimen-ink: #f5f2ea}.results-bar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-4);background:var(--content-bg);border-bottom:1px solid var(--border-subtle)}.results-bar__count{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.results-bar__chips{display:flex;flex-wrap:wrap;gap:var(--space-1-5);list-style:none;margin:0;padding:0}.results-bar__chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-1) 2px var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:var(--font-size-xs);color:var(--text-secondary)}.results-bar__actions{display:flex;gap:var(--space-1);margin-left:auto}.results-bar__action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);height:30px;padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer}.results-bar__action:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.results-bar__action:disabled{color:var(--text-disabled);border-color:var(--border-subtle);background:none;cursor:default}.results-bar__action:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (max-width: 767.98px){.results-bar__action{width:28px;padding:0}.results-bar__action-label{display:none}}.results-bar__chip-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:var(--radius-pill);background:none;color:var(--text-tertiary);cursor:pointer}.results-bar__chip-remove:hover{color:var(--text-primary);background:var(--bg-hover)}.results-bar__chip-remove:focus-visible{outline:2px solid var(--accent)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4)}.pagination__button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer}.pagination__button:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-default)}.pagination__button:disabled{color:var(--text-disabled);cursor:default}.pagination__button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pagination__label{font-size:var(--font-size-sm);color:var(--text-secondary);min-width:100px;text-align:center}.detail-panel{position:fixed;top:var(--header-height);right:0;bottom:0;width:480px;max-width:100vw;z-index:var(--z-drawer);display:flex;flex-direction:column;background:var(--bg-surface);border-left:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);animation:detail-panel-in var(--transition-med) ease-out}@keyframes detail-panel-in{0%{transform:translate(16px);opacity:0}}@media (prefers-reduced-motion: reduce){.detail-panel{animation:none}}@media (max-width: 575.98px){.detail-panel{width:100vw;border-left:none}}.detail-panel__close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.detail-panel__close:hover{color:var(--text-primary);border-color:var(--border-default)}.detail-panel__close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.detail-panel__content{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4)}.detail-panel__header{padding-right:38px}.detail-panel__title{margin:0;font-size:var(--font-size-2xl);font-weight:650;line-height:1.2;color:var(--text-primary)}.detail-panel__subtitle{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--text-tertiary)}.detail-panel__error{margin:var(--space-3) 0 0;font-size:var(--font-size-sm);color:var(--color-warning)}.detail-panel a{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--accent-text);text-decoration:none}.detail-panel a:hover{text-decoration:underline}.detail-panel a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.detail-panel__section{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.detail-panel__section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.detail-panel__section-title{margin:0 0 var(--space-3);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.detail-panel__section-head .detail-panel__section-title{margin-bottom:var(--space-3)}.detail-panel__specimen{color:var(--specimen-ink, var(--text-primary));overflow:hidden}.detail-panel__specimen-text{margin:0;line-height:1.15;overflow-wrap:anywhere}.detail-panel__size{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--text-tertiary)}.detail-panel__size input[type=range]{flex:1 1 auto;min-width:0}.detail-panel__size-value,.detail-panel__axis-value{min-width:44px;text-align:right;font-variant-numeric:tabular-nums}.detail-panel__toggle{display:inline-flex;align-items:center;gap:var(--space-1);height:26px;padding:0 var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer}.detail-panel__toggle:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-default)}.detail-panel__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.detail-panel__toggle:disabled{color:var(--text-disabled);cursor:default}.detail-panel__toggle.is-active{color:var(--accent-text);border-color:var(--accent-dim);background:var(--accent-bg)}.detail-panel__ladder,.detail-panel__waterfall{margin:0;padding:0;list-style:none}.detail-panel__ladder-row{padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.detail-panel__ladder-row:last-child{border-bottom:none}.detail-panel__ladder-label,.detail-panel__waterfall-label,.detail-panel__charset-label{display:block;font-size:var(--font-size-xs);color:var(--text-tertiary)}.detail-panel__ladder-text{display:block;margin-top:var(--space-1);font-size:26px;line-height:1.25;color:var(--specimen-ink, var(--text-primary));white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(to right,black calc(100% - 28px),transparent);mask-image:linear-gradient(to right,black calc(100% - 28px),transparent)}.detail-panel__axis{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--text-tertiary)}.detail-panel__axis input[type=range]{flex:1 1 auto;min-width:0}.detail-panel__axis-tag{min-width:42px;font-family:var(--font-mono);color:var(--text-secondary)}.detail-panel__waterfall-row{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-1-5) 0;overflow:hidden}.detail-panel__waterfall-label{flex:0 0 auto;width:26px;text-align:right;font-variant-numeric:tabular-nums}.detail-panel__waterfall-text{flex:1 1 auto;min-width:0;line-height:1.2;color:var(--specimen-ink, var(--text-primary));white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(to right,black calc(100% - 28px),transparent);mask-image:linear-gradient(to right,black calc(100% - 28px),transparent)}.detail-panel__charset{margin-top:var(--space-3)}.detail-panel__charset-text{margin:var(--space-1) 0 0;font-size:22px;line-height:1.5;color:var(--specimen-ink, var(--text-primary));overflow-wrap:anywhere}.detail-panel__facts{margin:0}.detail-panel__fact{display:flex;gap:var(--space-3);padding:var(--space-1-5) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-sm)}.detail-panel__fact:last-child{border-bottom:none}.detail-panel__fact dt{flex:0 0 auto;width:140px;color:var(--text-tertiary)}.detail-panel__fact dd{flex:1 1 auto;min-width:0;margin:0;color:var(--text-primary)}.detail-panel__fact-note{display:block;font-size:var(--font-size-xs);color:var(--text-tertiary)}.detail-panel__embed{margin-top:var(--space-4)}.detail-panel__embed-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-1)}.detail-panel__embed-label{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.detail-panel__copy{display:inline-flex;align-items:center;gap:var(--space-1);height:26px;padding:0 var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer}.detail-panel__copy:hover{color:var(--text-primary);border-color:var(--border-default)}.detail-panel__copy:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.detail-panel__code{margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.detail-panel__caveat{margin:var(--space-1) 0 0;font-size:var(--font-size-xs);line-height:1.5;color:var(--text-tertiary)}.detail-panel__footnote{margin:var(--space-6) 0 0;padding-top:var(--space-4);border-top:1px solid var(--border-subtle);font-size:var(--font-size-xs);color:var(--text-tertiary)}.detail-panel__skeleton{display:block;width:70%;height:24px;margin-top:var(--space-1);border-radius:var(--radius-sm);background:var(--bg-elevated);animation:detail-panel-shimmer 1.2s ease-in-out infinite}@keyframes detail-panel-shimmer{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.detail-panel__skeleton{animation:none}}:root{--compare-tray-height: 56px}.has-compare-tray.has-compare-tray{padding-bottom:calc(var(--compare-tray-height) + var(--space-6))}.compare-tray{position:fixed;left:var(--sidebar-width);right:0;bottom:0;z-index:var(--z-menu);display:flex;align-items:center;gap:var(--space-3);height:var(--compare-tray-height);padding:0 var(--space-4);background:var(--bg-surface);border-top:1px solid var(--border-default);box-shadow:var(--shadow-md)}.compare-tray__count{flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);white-space:nowrap}.compare-tray__chips{display:flex;flex:1;min-width:0;gap:var(--space-1-5);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;list-style:none;padding:var(--space-1) 0;scrollbar-width:thin}.compare-tray__chip{display:inline-flex;align-items:center;flex-shrink:0;gap:var(--space-1);padding:2px var(--space-1) 2px var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:var(--font-size-xs);color:var(--text-secondary)}.compare-tray__chip-name{font-weight:600;color:var(--text-primary);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-tray__chip-weight{color:var(--text-tertiary);white-space:nowrap}.compare-tray__chip-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:var(--radius-pill);background:none;color:var(--text-tertiary);cursor:pointer}.compare-tray__chip-remove:hover{color:var(--text-primary);background:var(--bg-hover)}.compare-tray__chip-remove:focus-visible{outline:2px solid var(--accent)}.compare-tray__actions{display:flex;flex-shrink:0;gap:var(--space-2)}@media (max-width: 991.98px){.compare-tray{left:0}}@media (max-width: 599.98px){.compare-tray{padding:0 var(--space-2);gap:var(--space-2)}.compare-tray__chip-name{max-width:96px}.compare-tray__action-label{display:none}}.compare-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;flex-direction:column;background:var(--bg-base)}.compare-view__bar{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0;min-height:var(--toolbar-height);padding:var(--space-2) var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.compare-view__title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);white-space:nowrap}.compare-view__size{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex:1;min-width:140px;max-width:320px}.compare-view__size-label{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.compare-view__size-value{font-size:var(--font-size-sm);color:var(--text-tertiary);width:44px;text-align:right;font-variant-numeric:tabular-nums}.compare-view__rows{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);list-style:none}.compare-view__row{padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:opacity var(--transition-med),border-color var(--transition-fast)}.compare-view__row[data-dimmed=true]{opacity:.26}.compare-view__row[data-solo=true]{border-color:var(--accent-dim)}.compare-view__row:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.compare-view__row-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.compare-view__row-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.compare-view__row-weight{font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-elevated);border-radius:var(--radius-sm);padding:1px var(--space-1-5)}.compare-view__row-note{font-size:var(--font-size-xs);color:var(--text-tertiary)}.compare-view__row-note.is-warning{color:var(--color-warning)}.compare-view__row-actions{display:flex;gap:var(--space-2);margin-left:auto}.compare-view__solo{min-height:26px;padding:0 var(--space-2);font-size:var(--font-size-xs)}.compare-view__specimen{margin-top:var(--space-2);overflow-x:auto;overflow-y:hidden;white-space:nowrap;color:var(--text-primary);scrollbar-width:thin}.compare-view__text{line-height:1.25}.compare-view__skeleton{display:block;width:60%;border-radius:var(--radius-sm);background:var(--bg-elevated);animation:compare-view-shimmer 1.2s ease-in-out infinite}.compare-view__empty{padding:var(--space-10) var(--space-4);text-align:center;font-size:var(--font-size-sm);color:var(--text-tertiary)}@keyframes compare-view-shimmer{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.compare-view__skeleton{animation:none}}@media (max-width: 599.98px){.compare-view__bar{flex-wrap:wrap;gap:var(--space-2)}.compare-view__size{order:3;max-width:none;width:100%;margin-left:0}.compare-view__rows{padding:var(--space-2)}}.font-stage{flex:1;min-width:0;overflow-y:auto;scrollbar-gutter:stable;background:var(--content-bg);padding-bottom:var(--space-8)}.font-stage__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-4);text-align:center}.font-stage__empty-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.font-stage__empty-hint{font-size:var(--font-size-sm);color:var(--text-tertiary);max-width:360px}.shortcuts-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.shortcuts{width:100%;max-width:380px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4)}.shortcuts__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.shortcuts__title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.shortcuts__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-tertiary);cursor:pointer}.shortcuts__close:hover{color:var(--text-primary);background:var(--bg-hover)}.shortcuts__list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.shortcuts__row{display:flex;align-items:center;gap:var(--space-3)}.shortcuts__keys{display:inline-flex;gap:var(--space-1);min-width:72px}.shortcuts__key{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 var(--space-1);border:1px solid var(--border-default);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs)}.shortcuts__action{font-size:var(--font-size-sm);color:var(--text-secondary)}.app{display:flex;flex-direction:column;height:100vh}.app__body{display:flex;flex:1;min-height:0}.app__notice{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--font-size-md);padding:var(--space-8);text-align:center}.app__footer{display:flex;align-items:center;justify-content:center;min-height:var(--footer-height);padding:0 var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-surface);font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center}@media (min-width: 992px){.app__footer{margin-left:var(--sidebar-width)}}.app__footer a{color:var(--text-secondary);text-decoration:underline}.app__footer a:hover{color:var(--text-primary)}.app__scrim{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-height);background:var(--scrim);z-index:calc(var(--z-drawer) - 1)}.app__sidebar.is-drawer-open .sidebar{transform:translate(0)}@media (max-width: 991.98px){.app__sidebar .sidebar{transform:translate(-100%);visibility:hidden;transition:transform var(--transition-med),visibility 0s var(--transition-med)}.app__sidebar.is-drawer-open .sidebar{transform:translate(0);visibility:visible;transition:transform var(--transition-med)}}