:root{color-scheme:light dark;--bg: #f6f7fb;--bg-elevated: #ffffff;--surface: rgba(255, 255, 255, .86);--surface-solid: #ffffff;--surface-muted: #f1f5f9;--surface-sunken: #eef2f7;--border: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .18);--text: #0f172a;--text-muted: #576274;--text-subtle: #6b7688;--accent: #0284c7;--accent-hover: #0369a1;--accent-contrast: #ffffff;--accent-soft: #e0f2fe;--accent-line: #bae6fd;--warning: #b45309;--warning-soft: #fef3c7;--success: #047857;--success-soft: #d1fae5;--danger: #be123c;--canvas-light-bg: #ffffff;--canvas-light-fg: #0f172a;--canvas-dark-bg: #10151f;--canvas-dark-fg: #f1f5f9;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .07);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .12);--radius-xl: 22px;--radius-lg: 16px;--radius-md: 11px;--radius-sm: 8px;--transition: .16s cubic-bezier(.4, 0, .2, 1);--card-min: 340px;--card-pad: 1.1rem;--board-gap: 1rem;--font-ui: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace}@media(prefers-color-scheme:dark){:root{--bg: #0b1120;--bg-elevated: #141c2e;--surface: rgba(20, 28, 46, .86);--surface-solid: #141c2e;--surface-muted: #1b2438;--surface-sunken: #101827;--border: rgba(148, 163, 184, .16);--border-strong: rgba(148, 163, 184, .3);--text: #e8edf6;--text-muted: #a3aec2;--text-subtle: #8b97ad;--accent: #38bdf8;--accent-hover: #7dd3fc;--accent-contrast: #08131f;--accent-soft: rgba(56, 189, 248, .16);--accent-line: rgba(56, 189, 248, .42);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .14);--success: #34d399;--success-soft: rgba(52, 211, 153, .14);--danger: #fb7185;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55)}}:root[data-theme=light]{--bg: #f6f7fb;--bg-elevated: #ffffff;--surface: rgba(255, 255, 255, .86);--surface-solid: #ffffff;--surface-muted: #f1f5f9;--surface-sunken: #eef2f7;--border: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .18);--text: #0f172a;--text-muted: #576274;--text-subtle: #6b7688;--accent: #0284c7;--accent-hover: #0369a1;--accent-contrast: #ffffff;--accent-soft: #e0f2fe;--accent-line: #bae6fd;--warning: #b45309;--warning-soft: #fef3c7;--success: #047857;--success-soft: #d1fae5;--danger: #be123c;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .07);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .12);color-scheme:light}:root[data-theme=dark]{--bg: #0b1120;--bg-elevated: #141c2e;--surface: rgba(20, 28, 46, .86);--surface-solid: #141c2e;--surface-muted: #1b2438;--surface-sunken: #101827;--border: rgba(148, 163, 184, .16);--border-strong: rgba(148, 163, 184, .3);--text: #e8edf6;--text-muted: #a3aec2;--text-subtle: #8b97ad;--accent: #38bdf8;--accent-hover: #7dd3fc;--accent-contrast: #08131f;--accent-soft: rgba(56, 189, 248, .16);--accent-line: rgba(56, 189, 248, .42);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .14);--success: #34d399;--success-soft: rgba(52, 211, 153, .14);--danger: #fb7185;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);color-scheme:dark}:root[data-density=compact]{--card-min: 260px;--card-pad: .75rem;--board-gap: .65rem}[data-tone],[data-tone=sky]{--tone-accent: #0ea5e9;--tone-surface: #e0f2fe;--tone-soft: rgba(14, 165, 233, .18);--tone-line: rgba(14, 165, 233, .3)}[data-tone=gold]{--tone-accent: #d97706;--tone-surface: #fef3c7;--tone-soft: rgba(217, 119, 6, .18);--tone-line: rgba(217, 119, 6, .3)}[data-tone=mint]{--tone-accent: #059669;--tone-surface: #d1fae5;--tone-soft: rgba(5, 150, 105, .18);--tone-line: rgba(5, 150, 105, .3)}[data-tone=coral]{--tone-accent: #e11d48;--tone-surface: #ffe4e6;--tone-soft: rgba(225, 29, 72, .18);--tone-line: rgba(225, 29, 72, .3)}[data-tone=violet]{--tone-accent: #6366f1;--tone-surface: #e0e7ff;--tone-soft: rgba(99, 102, 241, .18);--tone-line: rgba(99, 102, 241, .3)}[data-tone=rose]{--tone-accent: #db2777;--tone-surface: #fce7f3;--tone-soft: rgba(219, 39, 119, .18);--tone-line: rgba(219, 39, 119, .3)}[data-tone=slate]{--tone-accent: #64748b;--tone-surface: #eef2f7;--tone-soft: rgba(100, 116, 139, .18);--tone-line: rgba(100, 116, 139, .3)}@media(prefers-color-scheme:dark){[data-tone=sky]{--tone-surface: #10202e}[data-tone=gold]{--tone-surface: #241c0c}[data-tone=mint]{--tone-surface: #0c2119}[data-tone=coral]{--tone-surface: #26121a}[data-tone=violet]{--tone-surface: #171a33}[data-tone=rose]{--tone-surface: #26121f}[data-tone=slate]{--tone-surface: #161d2b}}:root[data-theme=dark] [data-tone=sky]{--tone-surface: #10202e}:root[data-theme=dark] [data-tone=gold]{--tone-surface: #241c0c}:root[data-theme=dark] [data-tone=mint]{--tone-surface: #0c2119}:root[data-theme=dark] [data-tone=coral]{--tone-surface: #26121a}:root[data-theme=dark] [data-tone=violet]{--tone-surface: #171a33}:root[data-theme=dark] [data-tone=rose]{--tone-surface: #26121f}:root[data-theme=dark] [data-tone=slate]{--tone-surface: #161d2b}:root[data-theme=light] [data-tone=sky]{--tone-surface: #e0f2fe}:root[data-theme=light] [data-tone=gold]{--tone-surface: #fef3c7}:root[data-theme=light] [data-tone=mint]{--tone-surface: #d1fae5}:root[data-theme=light] [data-tone=coral]{--tone-surface: #ffe4e6}:root[data-theme=light] [data-tone=violet]{--tone-surface: #e0e7ff}:root[data-theme=light] [data-tone=rose]{--tone-surface: #fce7f3}:root[data-theme=light] [data-tone=slate]{--tone-surface: #eef2f7}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;letter-spacing:-.02em;line-height:1.2}p{margin:0}code,kbd{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:.5rem;left:.5rem;z-index:100;padding:.6rem .9rem;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast);font-size:.88rem;font-weight:600;text-decoration:none;transform:translateY(-160%);transition:transform var(--transition)}.skip-link:focus-visible{transform:translateY(0)}.eyebrow{color:var(--text-subtle);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hint{color:var(--text-muted);font-size:.85rem;line-height:1.55}.background{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.background__mesh{position:absolute;width:38rem;height:38rem;border-radius:999px;filter:blur(60px);opacity:.5}.background__mesh--left{top:-14rem;left:-14rem;background:radial-gradient(circle,var(--accent-soft),transparent 68%)}.background__mesh--right{right:-14rem;bottom:-14rem;background:radial-gradient(circle,var(--surface-muted),transparent 70%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1rem;min-height:var(--app-bar-height, 3.4rem);padding:.6rem 1rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-bar__brand{display:flex;align-items:center;gap:.65rem;min-width:0}.app-bar__logo{flex:0 0 auto;width:36px;height:36px;object-fit:contain;border-radius:9px}.app-bar__identity{display:flex;flex-direction:column;min-width:0;line-height:1.15}.app-bar__title{font-size:1.02rem;font-weight:700;letter-spacing:-.02em}.app-bar__tagline{color:var(--text-subtle);font-size:.72rem;font-weight:500}.app-bar__actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.counter-pill{padding:.3rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-muted);color:var(--text-muted);font-size:.78rem;font-weight:600;white-space:nowrap}.counter-pill[data-empty=false]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.board{position:relative;padding:0 1rem 3rem;border:2px dashed transparent;transition:border-color var(--transition),background var(--transition)}.board.is-dragging{border-color:var(--accent-line);background:var(--accent-soft)}.board.is-dragging:after{content:"Drop font files to add them";position:fixed;left:50%;bottom:2rem;z-index:40;padding:.7rem 1.1rem;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-size:.9rem;font-weight:600;transform:translate(-50%);box-shadow:var(--shadow-lg)}.command-bar{position:sticky;top:var(--app-bar-height, 3.4rem);z-index:20;display:grid;gap:.6rem;margin-bottom:var(--board-gap);padding:.7rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm)}.command-bar__primary{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.command-bar__tools{display:flex;align-items:center;gap:.5rem;margin-left:auto}.command-bar__text{display:grid;gap:.5rem;padding-top:.6rem;border-top:1px solid var(--border)}.command-bar__text-head{display:flex;align-items:center;gap:.75rem}.command-bar__collapse{flex:0 0 auto;margin-left:auto;white-space:nowrap}.command-bar__text.is-collapsed #sample-text{display:none}.field-search{position:relative;flex:1 1 16rem;min-width:12rem}.field-search__icon{position:absolute;top:50%;left:.7rem;width:1.05rem;height:1.05rem;color:var(--text-subtle);transform:translateY(-50%);pointer-events:none}.field-search__input.text-input{padding-left:2.15rem}.drawer{width:min(30rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:none;border-left:1px solid var(--border);background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-lg)}.drawer::backdrop{background:#080c166b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer__header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.drawer__title{margin-top:.15rem;font-size:1.15rem;font-weight:700}.drawer__body{display:grid;gap:1.5rem;padding:1.15rem}.drawer__section{display:grid;gap:.7rem}.drawer__section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.drawer__section-title{font-size:.94rem;font-weight:700}.drawer__actions{display:flex;flex-wrap:wrap;gap:.5rem}.drawer__actions .action-button,.drawer__actions .ghost-button{flex:1 1 auto}@media(max-width:900px){.command-bar__tools{margin-left:0}.command-bar__primary>.segmented{order:3;width:100%;overflow-x:auto}}@media(max-width:720px){.app-bar{position:static;flex-wrap:wrap;gap:.6rem;padding:.6rem .75rem}.app-bar__actions{width:100%;margin-left:0;justify-content:space-between}.app-bar__tagline{display:none}.board{padding-inline:.6rem}.command-bar{top:.25rem}.command-bar__tools{width:100%;justify-content:space-between}.drawer{width:100vw}}.action-button,.ghost-button,.preset-button,.segmented__button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;appearance:none;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-solid);color:var(--text);font-weight:600;text-decoration:none;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.action-button{padding:.55rem 1rem;border-color:var(--accent);background:var(--accent);color:var(--accent-contrast);font-size:.9rem}.action-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.ghost-button{padding:.5rem .85rem;font-size:.88rem}.ghost-button--small{padding:.35rem .65rem;font-size:.82rem}.ghost-button:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.icon-button{width:1.9rem;height:1.9rem;padding:0;border-radius:999px;background:transparent;color:var(--text-muted);font-size:1.15rem;line-height:1}.icon-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-muted);color:var(--text)}.quiet-button{padding:.25rem 0;border:0;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:color var(--transition)}.quiet-button:hover:not(:disabled){color:var(--accent)}.quiet-button--danger:hover:not(:disabled){color:var(--danger)}.action-button:disabled,.ghost-button:disabled,.preset-button:disabled,.segmented__button:disabled,.icon-button:disabled,.quiet-button:disabled{opacity:.5;cursor:not-allowed}.segmented{display:inline-flex;flex:0 0 auto;padding:3px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted)}.segmented--fill{display:flex;width:100%}.segmented__button{padding:.34rem .7rem;border:1px solid transparent;border-radius:calc(var(--radius-md) - 3px);background:transparent;color:var(--text-muted);font-size:.83rem;white-space:nowrap}.segmented--fill .segmented__button{flex:1}.segmented__button:hover:not(:disabled):not(.is-active){color:var(--text)}.segmented__button.is-active{border-color:var(--border);background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow-sm)}.text-input,textarea{width:100%;padding:.5rem .7rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);color:var(--text);font-size:.9rem;transition:border-color var(--transition),background var(--transition)}.text-input::placeholder,textarea::placeholder{color:var(--text-subtle)}.text-input:focus,textarea:focus{outline:none;border-color:var(--accent);background:var(--surface-solid)}textarea{min-height:3.2rem;padding:.6rem .7rem;line-height:1.55;resize:vertical;font-family:inherit}#sample-text{min-height:5.1rem;max-height:40vh;transition:min-height var(--transition)}#sample-text:focus{min-height:9rem}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.color-picker{width:100%;height:2.1rem;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;cursor:pointer}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border:none;border-radius:5px}.color-picker::-moz-color-swatch{border:none;border-radius:5px}.preset-list{display:flex;flex:1 1 auto;gap:.35rem;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.preset-button{flex:0 0 auto;padding:.3rem .65rem;border-radius:999px;background:var(--surface-muted);color:var(--text-muted);font-size:.8rem}.preset-button:hover:not(.is-active){border-color:var(--accent-line);color:var(--accent)}.preset-button.is-active{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.popover{position:relative;flex:0 0 auto}.popover__chevron{font-size:.7rem;color:var(--text-subtle)}.popover__panel{position:absolute;top:calc(100% + .5rem);right:0;z-index:25;width:min(30rem,calc(100vw - 2rem));padding:.9rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.popover__panel[hidden]{display:none}.popover__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem;padding-bottom:.7rem;border-bottom:1px solid var(--border)}.popover__header-actions{display:flex;align-items:center;gap:.6rem}.popover__title{margin-top:.12rem;font-size:1rem;font-weight:700}.popover__section{display:grid;gap:.55rem;margin-top:.9rem;padding-top:.8rem;border-top:1px solid var(--border)}.field-grid{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.35rem .5rem;padding:.6rem .7rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted)}.field__label{color:var(--text-muted);font-size:.78rem;font-weight:600}.field__value{justify-self:end;padding:.1rem .4rem;border-radius:999px;background:var(--surface-solid);color:var(--text);font-family:var(--font-mono);font-size:.74rem;font-weight:600;font-variant-numeric:tabular-nums}.field input[type=range]{grid-column:1 / -1}.field--color{grid-template-columns:1fr}.field--color .color-picker{grid-column:1 / -1}.color-fields{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr))}.color-fields[hidden]{display:none}.sort-bar{display:flex;flex-wrap:wrap;gap:.35rem}.sort-bar[hidden]{display:none}.font-list{display:grid;gap:.3rem}.font-chip{position:relative;display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.4rem .5rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);cursor:grab;transition:border-color var(--transition),background var(--transition)}.font-chip:hover{border-color:var(--border-strong)}.font-chip.is-dragging{opacity:.45;cursor:grabbing}.font-chip.is-drop-target:before{content:"";position:absolute;left:0;right:0;height:2px;border-radius:2px;background:var(--accent)}.font-chip.is-drop-target[data-drop-position=before]:before{top:-2px}.font-chip.is-drop-target[data-drop-position=after]:before{bottom:-2px}.font-chip__grip{color:var(--text-subtle);font-size:.85rem;line-height:1;cursor:grab}.font-chip__index{min-width:1.15rem;color:var(--text-subtle);font-family:var(--font-mono);font-size:.7rem;font-variant-numeric:tabular-nums;text-align:right}.font-chip__marker{width:9px;height:9px;border-radius:999px;background:var(--tone-accent);box-shadow:0 0 0 3px var(--tone-soft)}.font-chip__actions{display:flex;align-items:center;gap:.1rem}.font-chip__actions .icon-button{width:1.55rem;height:1.55rem;font-size:.85rem}.font-chip__content{min-width:0}.font-chip__name{display:block;font-size:.88rem;overflow-wrap:anywhere}.font-chip__meta{color:var(--text-muted);font-size:.76rem;overflow-wrap:anywhere}.starter-list{display:grid;gap:.5rem}.starter-card{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem .8rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted)}.starter-card.is-loaded{border-color:var(--accent-line);background:var(--accent-soft)}.starter-card__copy{display:grid;gap:.15rem;min-width:0}.starter-card__eyebrow{color:var(--text-subtle);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.starter-card__title{font-size:1rem;font-weight:600}.starter-card__description{color:var(--text-muted);font-size:.78rem;line-height:1.45}.starter-card__action{flex:0 0 auto}.font-picker{width:min(46rem,calc(100vw - 2rem));max-height:min(80dvh,46rem);padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-lg);overflow:hidden}.font-picker::backdrop{background:#080c1673;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.font-picker__form{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;max-height:inherit;height:min(80dvh,46rem)}.font-picker__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem .8rem;border-bottom:1px solid var(--border)}.font-picker__title{margin-top:.12rem;font-size:1.1rem;font-weight:700}.font-picker__search{padding:.8rem 1.1rem .5rem}.font-picker__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.1rem .6rem}.font-picker__summary{color:var(--text-muted);font-size:.82rem}.font-picker__toolbar-actions{display:flex;gap:.8rem}.font-picker__list{overflow-y:auto;padding:0 1.1rem;border-top:1px solid var(--border)}.font-picker__group{content-visibility:auto;contain-intrinsic-size:auto 200px;padding:.6rem 0;border-bottom:1px solid var(--border)}.font-picker__group-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem;color:var(--text-subtle);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.font-picker__group-count{padding:.05rem .35rem;border-radius:999px;background:var(--surface-muted);font-size:.68rem;letter-spacing:0}.font-picker__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.35rem .45rem;border-radius:var(--radius-sm);cursor:pointer}.font-picker__row:hover{background:var(--surface-muted)}.font-picker__row input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.font-picker__row-text{display:grid;min-width:0}.font-picker__row-name{font-size:.86rem;overflow-wrap:anywhere}.font-picker__row-meta{color:var(--text-subtle);font-family:var(--font-mono);font-size:.7rem;overflow-wrap:anywhere}.font-picker__row-sample{flex:0 0 auto;color:var(--text-muted);font-size:1.25rem;line-height:1}.font-picker__filters{display:flex;align-items:center;gap:.6rem;margin-top:.55rem;flex-wrap:wrap}.segmented--scroll{max-width:100%;overflow-x:auto;scrollbar-width:thin}.font-picker__flags{display:flex;gap:.35rem;margin-left:auto}.checkbox-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-muted);color:var(--text-muted);font-size:.78rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.checkbox-chip:hover{border-color:var(--accent-line);color:var(--accent)}.checkbox-chip:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.checkbox-chip input{width:.85rem;height:.85rem;accent-color:var(--accent);cursor:pointer}.google-row{content-visibility:auto;contain-intrinsic-size:auto 70px;border-bottom:1px solid var(--border);border-radius:0}.google-row__name{font-size:1.05rem;line-height:1.25;overflow-wrap:anywhere;transition:font-family var(--transition)}.google-row__specimen{display:grid;flex:0 0 auto;justify-items:end;gap:.1rem;color:var(--text-subtle);text-align:right}.google-row__specimen-line{font-size:1.05rem;line-height:1.25;white-space:nowrap}.google-row__specimen-line--thai{font-size:1.15rem}.google-row:not(.has-preview) .google-row__specimen{opacity:.35}.font-picker__empty{display:grid;gap:.75rem;justify-items:center;padding:2rem 0;color:var(--text-muted);text-align:center}.font-picker__footer{display:flex;justify-content:flex-end;gap:.6rem;padding:.8rem 1.1rem;border-top:1px solid var(--border);background:var(--surface-muted)}.toast-region{position:fixed;right:1rem;bottom:1rem;z-index:60;display:grid;gap:.5rem;width:min(24rem,calc(100vw - 2rem));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.6rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(.5rem);transition:opacity var(--transition),transform var(--transition);pointer-events:auto}.toast.is-visible{opacity:1;transform:translateY(0)}.toast[data-tone=success]{border-color:var(--success);background:var(--success-soft);color:var(--success)}.toast[data-tone=warning]{border-color:var(--warning);background:var(--warning-soft);color:var(--warning)}.toast__text{flex:1;font-size:.85rem;line-height:1.45}.toast__dismiss{flex:0 0 auto;padding:0 .2rem;border:0;background:transparent;color:inherit;font-size:1.05rem;line-height:1;opacity:.7;cursor:pointer}.toast__dismiss:hover{opacity:1}@media(max-width:720px){.field-grid,.color-fields{grid-template-columns:1fr}.toast-region{right:.6rem;left:.6rem;width:auto}}.preview-grid{display:grid;gap:var(--board-gap);grid-template-columns:repeat(auto-fill,minmax(min(var(--card-min),100%),1fr));align-content:start;min-height:40vh;--pv-size: 42px;--pv-weight: 400;--pv-line: 1.45;--pv-track: 0em}.preview-grid:focus{outline:none}.preview-grid[data-view=stack],.preview-grid[data-view=simple],.preview-grid[data-view=waterfall],.preview-grid[data-view=glyphs]{grid-template-columns:minmax(0,1fr)}.preview-card{display:grid;gap:.7rem;align-content:start;padding:var(--card-pad);border:1px solid var(--tone-line);border-radius:var(--radius-lg);background:var(--surface-solid);box-shadow:var(--shadow-sm);cursor:grab;content-visibility:auto;contain-intrinsic-size:auto 320px}.preview-grid[data-view=cards] .preview-card{min-height:260px}.preview-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preview-card.is-dragging{opacity:.5;cursor:grabbing}.preview-card.is-drop-target{box-shadow:0 0 0 2px var(--accent),var(--shadow-sm)}.preview-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.preview-card__info{min-width:0}.preview-card__source{color:var(--tone-accent);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.preview-card__title{margin-top:.15rem;font-size:.98rem;font-weight:650;overflow-wrap:anywhere}.preview-card__subtitle{margin-top:.12rem;color:var(--text-muted);font-size:.78rem;overflow-wrap:anywhere}.preview-card__tools{display:flex;flex:0 0 auto;align-items:center;gap:.2rem}.preview-card__to-top{opacity:0;transition:opacity var(--transition)}.preview-card:hover .preview-card__to-top,.preview-card:focus-within .preview-card__to-top{opacity:1}.preview-card__to-top[hidden]{display:none}@media(hover:none){.preview-card__to-top{opacity:1}}.preview-card__sample{padding:.85rem;border-radius:var(--radius-md);background:var(--pv-bg, var(--tone-surface));color:var(--pv-fg, var(--text));font-size:var(--pv-size);font-weight:var(--pv-weight);line-height:var(--pv-line);letter-spacing:var(--pv-track);white-space:pre-wrap;overflow-wrap:anywhere;transition:background-color var(--transition),color var(--transition)}.preview-card__sample[data-mode=waterfall],.preview-card__sample[data-mode=glyphs]{white-space:normal;font-size:inherit}.preview-grid[data-preview-theme=light] .preview-card__sample{background:var(--canvas-light-bg);color:var(--canvas-light-fg)}.preview-grid[data-preview-theme=dark] .preview-card__sample{background:var(--canvas-dark-bg);color:var(--canvas-dark-fg)}.preview-grid[data-preview-theme=light] .glyph-cell{background:var(--canvas-light-bg);color:var(--canvas-light-fg);border-color:#0f172a1f}.preview-grid[data-preview-theme=dark] .glyph-cell{background:var(--canvas-dark-bg);color:var(--canvas-dark-fg);border-color:#e2e8f029}.preview-card__axes{display:grid;gap:.35rem;padding:.6rem .7rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted)}.preview-card__axes[hidden]{display:none}.axis-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem .6rem}.axis-row__label{display:flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.76rem;font-weight:600}.axis-row__tag{padding:.02rem .3rem;border-radius:4px;background:var(--surface-solid);color:var(--text-subtle);font-family:var(--font-mono);font-size:.66rem;font-weight:600}.axis-row__value{justify-self:end;color:var(--text);font-family:var(--font-mono);font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums}.axis-row__slider{grid-column:1 / -1}.axis-reset{justify-self:start;font-size:.74rem}.axis-reset[hidden]{display:none}.preview-grid[data-view=stack] .preview-card,.preview-grid[data-view=simple] .preview-card,.preview-grid[data-view=waterfall] .preview-card{grid-template-columns:minmax(180px,.26fr) minmax(0,1fr);gap:.7rem 1rem;contain-intrinsic-size:auto 220px}.preview-grid[data-view=stack] .preview-card__head,.preview-grid[data-view=simple] .preview-card__head,.preview-grid[data-view=waterfall] .preview-card__head{grid-column:1;align-items:flex-start}.preview-grid[data-view=stack] .preview-card__axes,.preview-grid[data-view=simple] .preview-card__axes,.preview-grid[data-view=waterfall] .preview-card__axes{grid-column:1}.preview-grid[data-view=stack] .preview-card__sample,.preview-grid[data-view=simple] .preview-card__sample{grid-column:2;grid-row:1 / span 2;align-self:center}.preview-grid[data-view=waterfall] .preview-card__sample{grid-column:2;grid-row:1 / span 2;align-self:start}.preview-grid[data-view=stack] .preview-card__details{grid-column:1 / -1}.preview-grid[data-view=glyphs] .preview-card{contain-intrinsic-size:auto 400px}.waterfall-row{display:grid;grid-template-columns:2.6rem minmax(0,1fr);align-items:baseline;gap:.7rem;padding:.3rem 0;border-bottom:1px solid var(--border)}.waterfall-row:last-child{border-bottom:none}.waterfall-row__label{color:var(--text-subtle);font-family:var(--font-mono);font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.waterfall-row__text{font-size:var(--waterfall-size);line-height:1.25;overflow-wrap:anywhere}.preview-card__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.4rem;margin:0}.preview-card__details[hidden]{display:none}.meta-item{padding:.45rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted)}.meta-item dt{margin-bottom:.15rem;color:var(--text-subtle);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.meta-item dd{margin:0;font-size:.82rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.glyph-block{content-visibility:auto;contain-intrinsic-size:auto 180px;margin-bottom:.9rem}.glyph-block:last-child{margin-bottom:0}.glyph-block__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.glyph-block__title{color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.glyph-block__count{padding:.05rem .35rem;border-radius:999px;background:var(--surface-muted);color:var(--text-subtle);font-size:.66rem;font-weight:600}.glyph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.1rem,1fr));gap:.25rem}.glyph-cell{display:grid;gap:.1rem;place-items:center;aspect-ratio:1;padding:.2rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid);color:inherit;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.glyph-cell:hover{border-color:var(--accent);background:var(--accent-soft)}.glyph-cell__glyph{font-family:inherit;font-size:1.35rem;line-height:1.1}.glyph-cell__code{color:var(--text-subtle);font-family:var(--font-mono);font-size:.56rem;letter-spacing:.02em}.glyph-notice{margin-bottom:.7rem;padding:.5rem .65rem;border:1px solid var(--warning);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--warning);font-family:var(--font-ui);font-size:.8rem;line-height:1.45}.empty-state{grid-column:1 / -1;display:grid;gap:.3rem;place-content:center;justify-items:center;min-height:16rem;padding:2rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-solid);text-align:center}.empty-state h3{font-size:1.1rem}.empty-state p{max-width:34rem;color:var(--text-muted);font-size:.88rem;line-height:1.55}.empty-state--upload{border-style:dashed;border-width:2px;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.empty-state--upload:hover,.empty-state--upload:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.empty-state__eyebrow{color:var(--text-subtle);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.empty-state__subtitle{color:var(--text)!important;font-size:.9rem;font-weight:600}@media(max-width:860px){.preview-grid[data-view=stack] .preview-card,.preview-grid[data-view=simple] .preview-card,.preview-grid[data-view=waterfall] .preview-card{grid-template-columns:minmax(0,1fr)}.preview-grid[data-view=stack] .preview-card__sample,.preview-grid[data-view=simple] .preview-card__sample,.preview-grid[data-view=waterfall] .preview-card__sample{grid-column:1;grid-row:auto}}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62.5% 100%;src:url(/assets/noto-sans-thai-thai-wdth-normal-cxDUaghR.woff2) format("woff2-variations");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62.5% 100%;src:url(/assets/noto-sans-thai-latin-ext-wdth-normal-4a0kX6bJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62.5% 100%;src:url(/assets/noto-sans-thai-latin-wdth-normal-D1fJE4jB.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Looped Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62.5% 100%;src:url(/assets/noto-sans-thai-looped-thai-wdth-normal-CsplVpWD.woff2) format("woff2-variations");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62.5% 100%;src:url(/assets/noto-sans-thai-looped-latin-ext-wdth-normal-DzXPRS5h.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Looped Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62.5% 100%;src:url(/assets/noto-sans-thai-looped-latin-wdth-normal-B-eC2BSE.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Noto Serif Thai Variable";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62.5% 100%;src:url(/assets/noto-serif-thai-thai-wdth-normal-KB7Hzfqe.woff2) format("woff2-variations");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:"Noto Serif Thai Variable";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62.5% 100%;src:url(/assets/noto-serif-thai-latin-ext-wdth-normal-CN3WbieL.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Noto Serif Thai Variable";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62.5% 100%;src:url(/assets/noto-serif-thai-latin-wdth-normal-BvLMYFsF.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}