:root{--color-bg: #f5f0e6;--color-surface: #fffaf2;--color-surface-alt: #ebe4d6;--color-text: #1a0a0c;--color-text-muted: #6b5a52;--color-border: #d9cfc0;--color-border-strong: #a89888;--color-accent: #5d0414;--color-accent-hover: #a30824;--color-success: #2f7d54;--color-warning: #9a6b0d;--color-error: #8b3a2a;--color-vanilla: var(--color-bg);--color-cherry: var(--color-accent);--color-cherry-bright: var(--color-accent-hover);--color-landing-text: #f5f0e6;--color-landing-chrome-bg: var(--color-accent);--color-landing-chrome-text: var(--color-landing-text);--color-landing-chrome-border: color-mix(in srgb, var(--color-landing-text) 28%, var(--color-accent));--font-family-sans: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-family-ui: "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-family-mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, monospace;--font-family-display: "Pilcrow Rounded", var(--font-family-ui);--font-landing-meta: var(--font-family-ui);--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--tracking-label: .08em;--tracking-tight: -.02em;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--border-hairline: 1px solid var(--color-border);--border-box: 1px solid var(--color-border-strong);--control-height: 2.25rem;--control-height-dense: 1.75rem;--control-padding-x: var(--space-lg);--transition-fast: .12s ease;--transition-neu: .15s ease;--max-width: 72rem}@font-face{font-family:Pilcrow Rounded;src:url(/ui-fonts/PilcrowRounded-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--cursor-default: url(/cursors/pointer.png) 6 1, auto}@media(pointer:fine){html,select:not(:disabled),summary{cursor:var(--cursor-default)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family-sans);font-size:.875rem;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}a{color:inherit;text-decoration:none}a:hover{opacity:.85}.semiome-modal{--color-accent: #b9d9eb;--color-charcoal: #2d3047;--color-base: #fff3e5;--color-bg: var(--color-base);--color-surface: color-mix(in srgb, var(--color-base) 62%, #ffffff);--color-surface-alt: color-mix(in srgb, var(--color-base) 90%, var(--color-charcoal));--color-text: #082567;--color-text-muted: color-mix(in srgb, var(--color-text) 55%, var(--color-base));--color-border: color-mix(in srgb, var(--color-charcoal) 18%, var(--color-base));--color-border-strong: color-mix(in srgb, var(--color-charcoal) 38%, var(--color-base));--color-accent-hover: color-mix(in srgb, var(--color-accent) 55%, var(--color-text));--color-on-accent: #082567;--font-family-sans: "Geist Variable", "Geist", ui-sans-serif, system-ui, sans-serif;--font-family-mono: "JetBrains Mono", ui-monospace, monospace;--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-weight-normal: 400;--font-weight-semibold: 600;--tracking-label: .12em;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--border-hairline: 1px solid var(--color-border);--border-box: 1px solid var(--color-border-strong);position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);font-family:var(--font-family-sans);color:var(--color-text)}.semiome-modal__backdrop{position:absolute;inset:0;border:0;padding:0;margin:0;background:color-mix(in srgb,var(--color-charcoal) 45%,transparent);cursor:pointer}.semiome-modal__panel{position:relative;z-index:1;width:min(32rem,100%);max-height:min(80vh,40rem);display:flex;flex-direction:column;border:var(--border-box);background:var(--color-surface);color:var(--color-text);box-shadow:0 12px 40px color-mix(in srgb,var(--color-charcoal) 28%,transparent)}.semiome-modal__panel:focus{outline:none}.semiome-modal__panel:focus-visible{box-shadow:0 12px 40px color-mix(in srgb,var(--color-charcoal) 28%,transparent),inset 0 0 0 1px var(--color-accent)}.semiome-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:var(--border-hairline);flex-shrink:0}.semiome-modal__title{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted)}.semiome-modal__close{flex-shrink:0;border:var(--border-hairline);background:transparent;color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--tracking-label);padding:var(--space-xs) var(--space-sm);cursor:pointer}.semiome-modal__close:hover,.semiome-modal__close:focus-visible{color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-surface-alt)}.semiome-modal__close:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.semiome-modal__body{padding:var(--space-lg);overflow:auto}.semiome-modal__lede{margin:0 0 var(--space-lg);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text)}.semiome-modal__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-sm)}.semiome-modal__btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:0 var(--space-lg);border:var(--border-hairline);background:transparent;color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-label);text-decoration:none;cursor:pointer}.semiome-modal__btn:hover,.semiome-modal__btn:focus-visible{border-color:var(--color-border-strong);background:var(--color-surface-alt)}.semiome-modal__btn:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.semiome-modal__btn--primary{border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-border-strong));background:var(--color-accent);color:var(--color-on-accent)}.semiome-modal__btn--primary:hover,.semiome-modal__btn--primary:focus-visible{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-on-accent)}.landing-page{--bubble-hi: color-mix(in srgb, var(--color-accent-hover) 55%, var(--color-accent));--bubble-mid: var(--color-accent);--bubble-lo: color-mix(in srgb, var(--color-accent) 72%, #1a0a0c);--bubble-stroke: color-mix(in srgb, var(--color-accent) 78%, #1a0a0c 22%);--bubble-fill: radial-gradient( 135% 150% at 30% 22%, var(--bubble-hi) 0%, var(--bubble-mid) 38%, var(--color-accent) 68%, var(--bubble-lo) 100% );position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1;background:var(--color-bg);color:var(--color-accent);font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-content{position:relative;z-index:1;width:100%;max-width:min(100%,58rem);text-align:center}.landing-mark-field{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.landing-mark-field__cell{position:absolute;overflow:visible;transform-origin:center center;user-select:none}.landing-mark-field__cell path{fill:color-mix(in srgb,var(--color-accent) 14%,transparent);stroke:color-mix(in srgb,var(--color-accent) 32%,transparent);stroke-linejoin:round;stroke-linecap:round}.landing-content__title{--wave-amp: .16em;margin:0;display:flex;justify-content:center;align-items:baseline;gap:.1em;font-family:var(--font-family-display);font-size:clamp(4.335rem,19.38vw,10.2rem);font-weight:700;font-style:normal;line-height:1.35;text-transform:lowercase;color:var(--color-accent)}.landing-content__letter{display:inline-block;transform:translateY(calc(var(--wave-y) * var(--wave-amp))) rotate(var(--wave-rot))}.landing-content__letter-magnet{display:inline-block;transform:translate(var(--magnet-x, 0px),var(--magnet-y, 0px));will-change:transform}.landing-content__letter-float{display:inline-block;color:transparent;background:var(--bubble-fill);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px var(--bubble-stroke);paint-order:stroke fill;filter:drop-shadow(0 .02em .05em var(--color-vanilla)) drop-shadow(.02em .04em .08em var(--color-vanilla)) drop-shadow(-.015em -.02em .06em var(--color-vanilla));animation:landing-letter-float var(--float-duration, 5.5s) ease-in-out var(--float-delay, 0s) infinite alternate}@keyframes landing-letter-float{0%{transform:translate(0)}35%{transform:translate(.028em,-.045em)}70%{transform:translate(-.025em,-.018em)}to{transform:translate(.016em,-.035em)}}@media(prefers-reduced-motion:reduce){.landing-content__letter-float{animation:none}.landing-content__letter-magnet{transform:none;will-change:auto}}.landing-content__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;margin-top:2.75rem}.landing-enter-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:32px;font-family:var(--font-family-display);font-size:.75rem;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.08em;padding:0 1.25rem;border-radius:2rem;border:none;background:var(--color-accent);color:var(--color-bg);cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease}.landing-enter-button:hover:not(:disabled){background:var(--color-accent-hover)}.landing-enter-button:disabled{opacity:.55;cursor:wait}.landing-enter-button:focus{outline:none}.landing-enter-button:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:3px}.landing-chrome{position:absolute;inset-inline:0;top:0;z-index:2;display:flex;align-items:stretch;justify-content:space-between;gap:1rem;padding:.625rem 1.5rem;border-bottom:1px solid var(--color-landing-chrome-border);background:var(--color-landing-chrome-bg);pointer-events:none}.landing-chrome__hub,.landing-chrome__account{pointer-events:auto;margin:0;display:flex;align-items:center;color:var(--color-landing-chrome-text);text-decoration:none}.landing-chrome__hub-mark{display:block;width:1.25rem;height:1.25rem;background-color:var(--color-landing-chrome-text);mask-image:url(/semiome-mark.svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:url(/semiome-mark.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.landing-chrome__account-icon{display:block;width:1.25rem;height:1.25rem;color:inherit}.landing-chrome__account-avatar{display:block;width:1.25rem;height:1.25rem;object-fit:contain;border-radius:0}@media(min-width:640px){.landing-chrome{padding-inline:2rem}.landing-chrome__hub-mark,.landing-chrome__account-icon,.landing-chrome__account-avatar{width:1.5rem;height:1.5rem}}.landing-chrome__hub:hover,.landing-chrome__account:hover{opacity:.75}.landing-chrome__hub:focus-visible,.landing-chrome__account:focus-visible{outline:1px solid var(--color-landing-chrome-text);outline-offset:2px}.landing-meta{position:absolute;inset-inline:0;bottom:0;z-index:2;display:flex;align-items:stretch;justify-content:space-between;gap:1rem;padding:.625rem 1.5rem;border-top:1px solid var(--color-landing-chrome-border);background:var(--color-landing-chrome-bg);pointer-events:none}.landing-meta__text,.landing-meta__version{pointer-events:auto;margin:0;display:flex;align-items:center;font-family:var(--font-landing-meta);font-size:.625rem;letter-spacing:.08em;white-space:nowrap;color:var(--color-landing-chrome-text)}@media(min-width:640px){.landing-meta{padding-inline:2rem}.landing-meta__text,.landing-meta__version{font-size:.75rem}}.landing-meta a{color:inherit;text-decoration:none}.landing-meta a:hover{opacity:.75}.landing-meta a:focus-visible{outline:1px solid var(--color-landing-chrome-text);outline-offset:2px}.landing-meta__author{position:relative;align-self:stretch;display:inline-flex;align-items:center;margin-inline-start:.25em;margin-inline-end:.35em;padding-inline-start:3em;vertical-align:middle;line-height:1}.landing-meta__monogram{position:absolute;left:.25em;top:50%;transform:translateY(-50%);width:2.25em;height:2.25em;background-color:currentColor;mask:url(/ssc-monogram.svg) center / contain no-repeat;-webkit-mask:url(/ssc-monogram.svg) center / contain no-repeat}.landing-meta__author a strong{font-weight:600}.app-shell{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-ui)}.app-shell__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-bottom:var(--border-box);background:var(--color-surface);position:sticky;top:0;z-index:10}.app-shell__brand{display:flex;align-items:center;gap:var(--space-lg)}.app-shell__logo{--wave-amp: .16em;display:flex;align-items:baseline;gap:.05em;margin:0;padding:0;border:none;background:transparent;font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:700;font-style:normal;line-height:1.35;letter-spacing:0;text-transform:lowercase;text-decoration:none;color:var(--color-accent);cursor:pointer;position:relative;top:-1.5px}.app-shell__logo:hover,.app-shell__logo:focus-visible{color:var(--color-accent-hover)}.app-shell__logo:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:2px}.app-shell__logo-letter{display:inline-block;transform:translateY(0) rotate(0);transition:transform .35s ease;transition-delay:calc(var(--letter-i, 0) * 30ms)}.app-shell__logo:hover .app-shell__logo-letter,.app-shell__logo:focus-visible .app-shell__logo-letter{transform:translateY(calc(var(--wave-y) * var(--wave-amp))) rotate(var(--wave-rot))}@media(prefers-reduced-motion:reduce){.app-shell__logo-letter{transition:none}.app-shell__logo:hover .app-shell__logo-letter,.app-shell__logo:focus-visible .app-shell__logo-letter{transform:translateY(0) rotate(0)}}.app-shell__nav{display:flex;gap:var(--space-md)}.app-shell__nav a{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);letter-spacing:var(--tracking-label);text-transform:uppercase}.app-shell__nav a.active,.app-shell__nav-current{color:var(--color-accent)}.app-shell__nav a:hover{color:var(--color-accent-hover)}.app-shell__nav-current{font-size:var(--font-size-sm);letter-spacing:var(--tracking-label);text-transform:uppercase}.studio-paywall{max-width:28rem;margin:var(--space-2xl) auto;padding:var(--space-xl);text-align:center}.studio-paywall__title{margin:0 0 var(--space-sm);font-family:var(--font-family-display, inherit);font-size:var(--font-size-xl)}.studio-paywall__lede{margin:0 0 var(--space-lg);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.studio-paywall__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.studio-paywall__cta{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid var(--color-border, currentColor);color:var(--color-text);text-decoration:none;font-size:var(--font-size-sm);letter-spacing:var(--tracking-label);text-transform:uppercase}.studio-paywall__cta--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg, #0a0a0a)}.studio-paywall__cta:hover{border-color:var(--color-accent-hover, var(--color-accent))}.studio-paywall__back{margin:var(--space-lg) 0 0;font-size:var(--font-size-sm)}.studio-paywall__back a{color:var(--color-text-muted)}.app-shell__nav a:focus-visible,.app-shell__account:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:2px}.app-shell__actions{display:flex;align-items:center;gap:var(--space-md)}.app-shell__account{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm)}.app-shell__main{flex:1;min-height:0;display:flex;flex-direction:column}.browse{display:flex;flex-direction:column;min-height:0;flex:1}.browse__header{display:flex;flex-direction:column;gap:var(--space-sm);padding:.75rem;border-bottom:var(--border-hairline);background:var(--color-surface);flex-shrink:0}.browse__toolbar{--control-height: var(--control-height-dense);display:flex;flex-direction:column;gap:var(--space-sm)}.browse__toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);min-width:0}.browse__toolbar-row--text .field--search,.browse__toolbar-row--text .field--sample{flex:1 1 12rem;min-width:9rem}.browse__filters-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--control-height);height:var(--control-height);padding:0;border:var(--border-hairline);border-radius:999px;background:var(--color-bg);color:var(--color-accent);cursor:pointer}.browse__filters-toggle:hover{color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.browse__filters-toggle:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:1px;border-color:var(--color-accent-hover)}.browse__filters-chevron{width:.45rem;height:.45rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s ease}.browse__filters-chevron.is-open{transform:rotate(-135deg)}.browse__filters-badge{position:absolute;top:0;right:0;min-width:1rem;height:1rem;padding:0 .25rem;border-radius:999px;background:var(--color-accent);color:var(--color-landing-text, #fff);font-family:var(--font-family-mono);font-size:.625rem;line-height:1rem;text-align:center}.browse__filters-panel{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.browse__filters-panel[hidden]{display:none}.browse__toolbar-row--filters .field{flex:1 1 8rem;min-width:7.5rem}.browse__toolbar-row--semantic{align-items:stretch}.browse__toolbar-row--semantic .field--semantic{flex:1 1 14rem;min-width:10rem}.field__input--inactive{opacity:.72;cursor:default}.browse__semantic-enable{flex:0 0 auto;height:var(--control-height);padding:0 .85rem;border:var(--border-hairline);border-radius:999px;background:var(--color-bg);color:var(--color-accent);font-family:var(--font-family-mono);font-size:.75rem;letter-spacing:.02em;cursor:pointer;white-space:nowrap}.browse__semantic-enable:hover:not(:disabled){color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.browse__semantic-enable:disabled{opacity:.55;cursor:not-allowed}.browse__semantic-enable:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:1px}.browse__semantic-hint{flex:0 1 auto;margin:0;font-family:var(--font-family-mono);font-size:.7rem;color:var(--color-muted, #7a7a7a);align-self:center}.browse__modal-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1rem;background:color-mix(in srgb,var(--color-ink, #111) 35%,transparent)}.browse__modal{width:min(26rem,100%);padding:1.25rem 1.35rem;border:var(--border-hairline);border-radius:.5rem;background:var(--color-surface);color:var(--color-ink, #111);box-shadow:0 12px 40px color-mix(in srgb,var(--color-ink, #111) 18%,transparent)}.browse__modal-title{margin:0 0 .5rem;font-family:var(--font-family-display, var(--font-family-sans));font-size:1.15rem;font-weight:600}.browse__modal-body{margin:0 0 1.1rem;font-size:.9rem;line-height:1.45;color:var(--color-muted, #555)}.browse__modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.browse__modal-btn{height:var(--control-height-dense, 2rem);padding:0 .9rem;border:var(--border-hairline);border-radius:999px;font-family:var(--font-family-mono);font-size:.75rem;cursor:pointer}.browse__modal-btn--ghost{background:transparent;color:var(--color-ink, #111)}.browse__modal-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-landing-text, #fff)}.browse__modal-btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.browse__toolbar-row--view{justify-content:flex-start}.browse__toolbar-row--view .browse__count{margin-left:auto}.browse__main{display:flex;flex-direction:column;min-height:0;min-width:0;flex:1}.browse__count{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono);white-space:nowrap}.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}.field{display:flex;flex-direction:column;gap:var(--space-xs);min-width:7.5rem}.field__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);width:100%;min-height:1rem}.field__head .field__label{min-width:0}.info-tip{position:static;flex-shrink:0;display:inline-flex}.info-tip__btn{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;border:var(--border-hairline);border-radius:50%;background:var(--color-bg);color:var(--color-text-muted);font-family:var(--font-family-ui);font-size:.625rem;font-weight:var(--font-weight-semibold);font-style:italic;line-height:1;cursor:pointer}.info-tip__btn:hover,.info-tip.is-open .info-tip__btn{color:var(--color-accent);border-color:var(--color-accent-hover)}.info-tip__btn:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:1px}.info-tip__scrim{position:fixed;inset:0;z-index:80;margin:0;padding:0;border:none;border-radius:0;background:color-mix(in srgb,var(--color-text) 28%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:default}.info-tip__panel{position:fixed;z-index:81;max-width:none;padding:var(--space-sm);border:var(--border-hairline);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-ui);font-size:var(--font-size-2xs);font-weight:var(--font-weight-normal);font-style:normal;letter-spacing:normal;text-transform:none;line-height:1.4;white-space:pre-line;box-shadow:none;pointer-events:none;box-sizing:border-box}.browse__toolbar .field{gap:0}.browse__toolbar .field--inline{gap:var(--space-sm)}.field--inline{flex-direction:row;align-items:center;gap:var(--space-sm);min-width:0}.field--designer{min-width:7.5rem}.field--size{min-width:8rem;flex:0 1 10rem}.field--size .field__range{flex:1;min-width:5rem}.field--cols{min-width:auto;flex:0 0 auto}.field__range{-webkit-appearance:none;appearance:none;height:var(--control-height);background:transparent;accent-color:var(--color-accent);cursor:pointer}.field__range:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:2px}.field__range::-webkit-slider-runnable-track{height:.25rem;background:var(--color-border);border-radius:999px}.field__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.875rem;height:.875rem;margin-top:-.3125rem;border-radius:50%;border:none;background:var(--color-accent);cursor:pointer}.field__range:hover::-webkit-slider-thumb{background:var(--color-accent-hover)}.field__range::-moz-range-track{height:.25rem;background:var(--color-border);border-radius:999px;border:none}.field__range::-moz-range-thumb{width:.875rem;height:.875rem;border-radius:50%;border:none;background:var(--color-accent);cursor:pointer}.field__range:hover::-moz-range-thumb{background:var(--color-accent-hover)}.browse__cols-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height);height:var(--control-height);padding:0;border:none;background:transparent;color:var(--color-accent);cursor:pointer}.browse__cols-toggle:hover{color:var(--color-accent-hover)}.browse__cols-toggle:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:2px}.browse__cols-icon{display:block;flex-shrink:0}.field--check{flex-direction:row;align-items:center;gap:var(--space-sm)}.field__label{font-size:var(--font-size-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.field__label--inline{flex-shrink:0;line-height:1}.field__input{display:block;width:100%;height:var(--control-height);padding:0 var(--space-md);border:var(--border-hairline);border-radius:999px;background:var(--color-bg);color:var(--color-text);font:inherit}select.field__input{-webkit-appearance:none;appearance:none;cursor:pointer;padding-inline:var(--space-md) 1.75rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B5A52' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:.75rem .5rem}select.field__input:not(.field__input--empty){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%235D0414' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.field__input:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:1px;border-color:var(--color-accent-hover)}.field__input--empty{color:var(--color-text-muted)}.field__input::placeholder{color:var(--color-text-muted)}.catalog-grid{flex:1;overflow:auto;min-height:0}.catalog-grid__spacer{position:relative;overflow:hidden;width:100%}.catalog-grid__window{display:grid;grid-template-columns:1fr;gap:0;position:absolute;left:0;right:0;top:0;will-change:transform}.family-card-hit{position:relative;width:100%;height:100%;border-bottom:var(--border-hairline);overflow:hidden}.catalog-grid__window--cols-2 .family-card-hit:nth-child(odd){border-right:var(--border-hairline)}.family-card{position:relative;padding:var(--space-md) var(--space-lg);height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start}.family-card__open{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;margin:calc(-1 * var(--space-md)) calc(-1 * var(--space-lg));padding:var(--space-md) var(--space-lg);border:none;background:transparent;text-align:left;cursor:pointer;color:inherit;font:inherit}.family-card__open:hover{background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg))}.family-card__open:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:-2px}.family-card__meta{margin-bottom:var(--space-sm);flex-shrink:0}.family-card__byline{margin:0;font-family:var(--font-family-ui);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.family-card__name,.family-card__designer{font:inherit;color:inherit}.family-card__name{font-weight:var(--font-weight-medium)}.family-card__match{position:absolute;right:var(--space-md);bottom:var(--space-sm);z-index:1;margin:0;font-family:var(--font-family-mono);font-size:.95rem;font-weight:var(--font-weight-medium);letter-spacing:.02em;line-height:1;pointer-events:none}.family-card__match--high{color:var(--color-success)}.family-card__match--mid{color:var(--color-warning)}.family-card__match--low{color:var(--color-error)}.family-card__sample{margin:0;line-height:1.2;word-break:break-word;color:var(--color-accent);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.family-card__sample--tall{line-height:1.55}.family-card__styles{position:absolute;top:var(--space-sm);right:var(--space-md);z-index:2;opacity:0;pointer-events:none}.family-card-hit:hover .family-card__styles,.family-card:focus-within .family-card__styles,.family-card__styles:has([aria-expanded=true]){opacity:1;pointer-events:auto}.family-card__styles-btn{height:var(--control-height-dense);padding:0 var(--space-md);border:1px solid color-mix(in srgb,var(--color-accent) 28%,var(--color-surface));border-radius:999px;background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface));color:var(--color-accent);font-family:var(--font-family-ui);font-size:var(--font-size-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;cursor:pointer}.family-card__styles-btn:hover,.family-card__styles-btn[aria-expanded=true]{color:var(--color-accent-hover);border-color:var(--color-accent-hover);background:color-mix(in srgb,var(--color-accent) 14%,var(--color-surface))}.family-card__styles-btn:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:1px}.family-card__styles-menu{position:fixed;z-index:100;margin:0;padding:var(--space-xs) 0;list-style:none;width:10rem;max-width:min(16rem,calc(100vw - 1rem));overflow:auto;border:var(--border-hairline);background:var(--color-surface);box-shadow:none}.family-card__styles-option{display:block;width:100%;padding:var(--space-xs) var(--space-sm);border:none;background:transparent;color:var(--color-text);font-family:var(--font-family-ui);font-size:var(--font-size-xs);text-align:left;cursor:pointer}.family-card__styles-option:hover,.family-card__styles-option.is-selected{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-surface))}.family-card__styles-option:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:-1px}.specimen{flex:1;min-height:0;overflow:auto;padding:var(--space-xl) 0 var(--space-3xl)}.specimen--missing{max-width:52rem;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-3xl)}.specimen__column{max-width:52rem;margin:0 auto;padding:0 var(--space-lg)}.specimen__playground{max-width:52rem;margin:var(--space-2xl) auto 0;padding:0 var(--space-lg)}.specimen__nav{display:flex;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-xl)}.specimen__nav a{color:var(--color-accent)}.specimen__nav a:hover{color:var(--color-accent-hover)}.specimen__nav a:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:2px}.specimen__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-normal);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-lg)}.specimen__hero-sample{font-size:clamp(1.75rem,4vw,3rem);line-height:1.15;margin:0 0 var(--space-md)}.specimen__lede{color:var(--color-text-muted);margin:0 0 var(--space-lg)}.specimen__section{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:var(--border-hairline)}.specimen__section h2{font-family:var(--font-family-ui);font-size:var(--font-size-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-md)}.specimen__styles,.specimen__credits{list-style:none;padding:0;margin:0}.specimen__styles li,.specimen__credits li{padding:var(--space-sm) 0;border-bottom:var(--border-hairline)}.specimen__style-name{display:block;font-weight:var(--font-weight-medium)}.specimen__style-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.specimen__links{display:flex;gap:var(--space-lg);flex-wrap:wrap}.specimen__links a,.specimen__section a{color:var(--color-accent)}.specimen__links a:hover,.specimen__section a:hover{color:var(--color-accent-hover)}.specimen__links a:focus-visible,.specimen__section a:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:2px}.specimen__ofl{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-surface-alt);border:var(--border-hairline);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);white-space:pre-wrap;max-height:24rem;overflow:auto}.btn{display:inline-flex;align-items:center;justify-content:center;height:var(--control-height);padding:0 var(--control-padding-x);border:var(--border-box);text-decoration:none;font-size:var(--font-size-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;cursor:pointer}.btn--primary{background:var(--color-accent);color:var(--color-landing-text);border-color:var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--primary:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:2px}.playground{display:flex;flex-direction:column}.playground__layout{display:flex;flex-direction:column;gap:var(--space-lg)}.playground__controls{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-md) var(--space-lg);padding:0;background:transparent;border:none}.playground__controls .field{flex:1 1 9rem;min-width:8rem;max-width:14rem}.playground__controls .field--check{flex:0 0 auto;align-self:center;max-width:none}.playground__stage{border:var(--border-box);background:var(--color-surface)}.playground__text{width:100%;min-height:24rem;border:none;resize:none;padding:var(--space-xl);background:transparent;color:var(--color-text);outline:none}.playground__text:focus-visible{box-shadow:inset 0 0 0 1px var(--color-accent-hover)}.btn--ghost{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--ghost:hover:not(:disabled){border-color:var(--color-accent-hover);color:var(--color-accent-hover)}.btn--ghost:disabled{opacity:.4;cursor:not-allowed}.btn--ghost:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:2px}.studio-builder{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;padding:0;overflow:hidden}.studio-builder__subhead{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:2.25rem;padding:0 var(--space-sm);border-bottom:var(--border-hairline);background:var(--color-surface);z-index:12}.studio-builder__rail-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer}.studio-builder__rail-toggle:hover{color:var(--color-accent)}.studio-builder__rail-toggle:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:2px}.studio-builder__rail-chevron{width:.45rem;height:.45rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor}.studio-builder__rail-chevron--collapse-left{transform:rotate(135deg)}.studio-builder__rail-chevron--expand-left,.studio-builder__rail-chevron--collapse-right{transform:rotate(-45deg)}.studio-builder__rail-chevron--expand-right{transform:rotate(135deg)}.studio-builder__workspace{position:relative;flex:1;min-height:0}.studio-builder__viewport{position:absolute;inset:0;background:var(--color-bg);overflow:hidden;touch-action:none}.studio-builder__viewport.is-panning{cursor:grabbing}.studio-builder__camera{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.studio-builder__zoom-controls{position:absolute;left:50%;bottom:var(--space-md);transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs);background:var(--color-surface);border:var(--border-hairline);pointer-events:auto}.studio-builder__zoom-group{display:flex;align-items:center;gap:var(--space-xs)}.studio-builder__zoom-divider{width:1px;align-self:stretch;margin:.1rem 0;background:var(--color-border)}.studio-builder__zoom-controls .btn{height:var(--control-height-dense);min-width:var(--control-height-dense);padding:0 var(--space-xs);font-size:var(--font-size-2xs)}.studio-builder__zoom-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:0}.studio-builder__zoom-icon{display:block}.studio-builder__zoom-label{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);color:var(--color-text-muted);min-width:2.5rem;text-align:center}.studio-builder__overlays{position:absolute;inset:0;pointer-events:none;z-index:10}.studio-builder__sidebar{--control-height: var(--control-height-dense);position:absolute;top:var(--space-md);bottom:var(--space-md);width:15rem;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:var(--border-hairline);overflow:auto;pointer-events:auto;transition:transform .2s ease,opacity .2s ease}.studio-builder.is-left-rail-collapsed .studio-builder__sidebar--left{transform:translate(calc(-100% - var(--space-md)));opacity:0;pointer-events:none}.studio-builder.is-right-rail-collapsed .studio-builder__sidebar--right{transform:translate(calc(100% + var(--space-md)));opacity:0;pointer-events:none}.studio-builder__sidebar--left{left:var(--space-md);padding:0;gap:0}.studio-builder__sidebar--right{right:var(--space-md);padding:0;gap:0}.studio-builder__accordion{display:flex;flex-direction:column;flex-shrink:0;border-bottom:var(--border-hairline);min-height:0}.studio-builder__accordion--grow{flex:1;min-height:0}.studio-builder__accordion-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;margin:0;padding:var(--space-sm) var(--space-md);border:none;background:var(--color-surface-alt);color:var(--color-text);font-family:var(--font-family-ui);font-size:var(--font-size-2xs);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;text-align:left;cursor:pointer;flex-shrink:0}.studio-builder__accordion-head:hover{color:var(--color-accent)}.studio-builder__accordion-head:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:-1px}.studio-builder__accordion-chevron{width:.4rem;height:.4rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex-shrink:0;transition:transform .15s ease}.studio-builder__accordion.is-open .studio-builder__accordion-chevron{transform:rotate(-135deg)}.studio-builder__accordion-body{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);min-height:0}.studio-builder__accordion-body--grow{flex:1;min-height:0;overflow:hidden}@media(max-width:960px){.studio-builder__sidebar{width:min(15rem,calc(50% - var(--space-lg)));top:var(--space-sm);bottom:3.5rem}}.studio-builder__toolbar{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm)}.studio-builder__cell-grid{--studio-cell-cols: 4;display:grid;grid-template-columns:repeat(var(--studio-cell-cols),minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;border:var(--border-hairline);background:var(--color-border);width:100%}.studio-builder__cell-grid--cols-5{--studio-cell-cols: 5}.studio-builder__cell-grid--cols-6{--studio-cell-cols: 6}.studio-builder__cell-grid--cols-2{--studio-cell-cols: 2}.studio-builder__tool-btn{display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100%;height:auto;min-width:0;margin:0;padding:0;border:none;border-radius:0;background:var(--color-surface);color:var(--color-text);cursor:pointer}.studio-builder__tool-btn:hover{background:var(--color-surface-alt)}.studio-builder__tool-btn.is-active{background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface));color:var(--color-accent)}.studio-builder__tool-btn:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:-1px;z-index:1}.studio-builder__tool-icon{display:block;width:1rem;height:1rem;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.studio-builder__tool-settings{display:flex;flex-direction:column;gap:0;padding:0;border:var(--border-hairline);background:var(--color-bg);overflow:hidden}.studio-builder__tool-settings-head{padding:var(--space-sm) var(--space-md);background:var(--color-surface-alt);border-bottom:var(--border-hairline)}.studio-builder__tool-settings-head .field__head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:1rem}.studio-builder__tool-settings-head .field__label{grid-column:2;justify-self:center;text-align:center}.studio-builder__tool-settings-head .info-tip{grid-column:3;justify-self:end}.studio-builder__tool-settings-body{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm)}.studio-builder__kind-gallery-btn{display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100%;height:auto;min-width:0;margin:0;padding:var(--space-xs);border:none;border-radius:0;background:var(--color-surface);cursor:pointer}.studio-builder__kind-gallery-btn:hover{background:var(--color-surface-alt)}.studio-builder__kind-gallery-btn.is-active{background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface))}.studio-builder__kind-gallery-btn--stamp{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-border-strong) 70%,transparent)}.studio-builder__kind-gallery-btn--stamp.is-active{box-shadow:inset 0 0 0 1px var(--color-accent)}.studio-builder__kind-gallery-btn:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:-1px;z-index:1}.studio-builder__select-mode .field__input{width:100%}.studio-builder__stamp-preview{display:block;width:100%;height:100%;max-width:1.25rem;max-height:1.25rem}.studio-builder__stamp-preview-ink{fill:var(--color-text)}.studio-builder__kind-swatch{display:inline-block;width:.875rem;height:.875rem;background:var(--color-text);flex-shrink:0}.studio-builder__kind-swatch--circle{border-radius:50%}.studio-builder__kind-swatch--diamond{transform:rotate(45deg) scale(.7)}.studio-builder__kind-swatch--triangle{width:0;height:0;background:transparent;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-bottom:.7rem solid var(--color-text)}.studio-builder__kind-swatch--stamp{width:.9rem;height:.9rem;background:linear-gradient(var(--color-text) 0 0) 0 0 / 40% 40%,linear-gradient(var(--color-text) 0 0) 100% 0 / 40% 40%,linear-gradient(var(--color-text) 0 0) 0 100% / 40% 40%,linear-gradient(var(--color-text) 0 0) 55% 55% / 40% 40%;background-repeat:no-repeat}.studio-builder__smooth-settings{display:flex;flex-direction:column;gap:var(--space-sm)}.studio-builder__smooth-scope .field__input{width:100%}.studio-builder__flip-settings{display:flex;flex-direction:column;gap:var(--space-sm)}.studio-builder__flip-scope .field__input{width:100%}.studio-builder__flip-actions{display:flex;flex-direction:column;gap:1px;border:var(--border-hairline);background:var(--color-border)}.studio-builder__flip-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--control-height);margin:0;padding:0 var(--space-sm);border:none;border-radius:0;background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.studio-builder__flip-btn:hover:not(:disabled){background:var(--color-surface-alt)}.studio-builder__flip-btn:disabled{opacity:.45;cursor:not-allowed}.studio-builder__flip-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;z-index:1}.studio-builder__smooth{width:100%;max-width:none;margin:0}.studio-builder__glyphs{display:flex;flex-direction:column;gap:var(--space-sm);flex:1;min-height:0}.studio-builder__grid-settings{display:flex;flex-direction:column;gap:var(--space-sm);flex-shrink:0}.studio-builder__charset-filter{margin:0}.studio-builder__charset-filter .field__input{width:100%}.studio-builder__glyph-grid{flex:1;min-height:6rem;overflow:auto}.studio-builder__glyph-cell{position:relative;aspect-ratio:1;background:var(--color-surface);border:none}.studio-builder__glyph-cell.is-active{background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface))}.studio-builder__glyph-cell-btn{display:block;width:100%;height:100%;padding:0;border:none;background:transparent;color:var(--color-text);cursor:pointer;position:relative}.studio-builder__glyph-cell-btn:hover{background:var(--color-surface-alt)}.studio-builder__glyph-cell.is-active .studio-builder__glyph-cell-btn:hover{background:color-mix(in srgb,var(--color-accent) 16%,var(--color-surface))}.studio-builder__glyph-cell-label{position:absolute;top:.15rem;left:.25rem;z-index:1;font-family:system-ui,-apple-system,sans-serif;font-size:var(--font-size-2xs);font-weight:600;line-height:1;color:var(--color-text-muted);pointer-events:none}.studio-builder__glyph-cell.is-active .studio-builder__glyph-cell-label{color:var(--color-accent)}.studio-builder__glyph-cell-preview{position:absolute;top:18%;left:12%;width:76%;height:72%;display:block;pointer-events:none;color:var(--color-text);overflow:hidden}.studio-builder__glyph-cell-preview path{fill:currentColor}.studio-builder__glyph-cell-remove{position:absolute;top:0;right:0;z-index:2;width:1.1rem;height:1.1rem;padding:0;border:none;background:var(--color-surface);color:var(--color-text-muted);font-size:.75rem;line-height:1;cursor:pointer;opacity:0}.studio-builder__glyph-cell:hover .studio-builder__glyph-cell-remove,.studio-builder__glyph-cell:focus-within .studio-builder__glyph-cell-remove{opacity:1}.studio-builder__glyph-cell-remove:hover{color:var(--color-landing-text);background:var(--color-accent)}.studio-builder__glyph-cell-remove:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:1px}.studio-builder__components{display:flex;flex-direction:column;gap:var(--space-sm)}.studio-builder__components-add{width:100%}.studio-builder__components-empty{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.studio-builder__component-grid{max-height:12rem;overflow:auto}.studio-builder__component-cell{position:relative;aspect-ratio:1;background:var(--color-surface);border:none}.studio-builder__component-cell.is-active{background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface))}.studio-builder__component-cell-btn{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.2rem;border:none;background:transparent;color:var(--color-text);cursor:pointer}.studio-builder__component-cell-btn:hover{background:var(--color-surface-alt)}.studio-builder__component-cell.is-active .studio-builder__component-cell-btn:hover{background:color-mix(in srgb,var(--color-accent) 16%,var(--color-surface))}.studio-builder__component-cell-preview{display:block;width:80%;height:80%;max-width:none;max-height:none;pointer-events:none}.studio-builder__component-cell-remove{position:absolute;top:0;right:0;z-index:2;width:1.1rem;height:1.1rem;padding:0;border:none;background:var(--color-surface);color:var(--color-text-muted);font-size:.75rem;line-height:1;cursor:pointer;opacity:0}.studio-builder__component-cell:hover .studio-builder__component-cell-remove,.studio-builder__component-cell:focus-within .studio-builder__component-cell-remove{opacity:1}.studio-builder__component-cell-remove:hover{color:var(--color-landing-text);background:var(--color-accent)}.studio-builder__component-cell-remove:focus-visible{outline:1px solid var(--color-accent-hover);outline-offset:1px}.studio-builder__canvas-wrap{position:relative;flex-shrink:0;overflow:visible}.studio-builder__canvas-frame{position:absolute;top:0;left:0;box-sizing:border-box;border:var(--border-hairline);pointer-events:none;z-index:1}.studio-builder__guide-labels{position:absolute;inset:0;pointer-events:none;z-index:1}.studio-builder__guide{stroke:var(--color-accent-hover);stroke-width:1;stroke-dasharray:6 4;opacity:.55;vector-effect:non-scaling-stroke}.studio-builder__guide--baseline{stroke:var(--color-accent);stroke-dasharray:none;opacity:.7}.studio-builder__guide--xheight{stroke:var(--color-border-strong)}.studio-builder__guide-label{position:absolute;right:calc(100% + .5rem);transform:translateY(-50%);margin:0;padding:0;color:var(--color-text-muted);font-family:var(--font-family-ui);font-size:var(--font-size-2xs);font-weight:600;letter-spacing:var(--tracking-label);line-height:1;text-align:right;text-transform:uppercase;white-space:nowrap;pointer-events:none}.studio-builder__guide-label--baseline{color:var(--color-accent)}.studio-builder__canvas{position:relative;width:100%;height:100%;background:var(--color-bg);touch-action:none;user-select:none;cursor:crosshair}.studio-builder__canvas--select{cursor:default}.studio-builder__selection-frame{stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}.studio-builder__selection-frame--base{stroke:var(--color-bg)}.studio-builder__selection-frame--march{stroke:var(--color-cherry-bright);stroke-dasharray:6 4;animation:studio-builder-selection-march 2.4s linear infinite}@keyframes studio-builder-selection-march{to{stroke-dashoffset:-10}}.studio-builder__selection-cell{fill:color-mix(in srgb,var(--color-cherry-bright) 28%,transparent);stroke:var(--color-cherry-bright);stroke-opacity:.72;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}.studio-builder__paint-ghost{fill:color-mix(in srgb,var(--color-cherry-bright) 32%,transparent);stroke:none;pointer-events:none}.studio-builder__overflow-ghost{fill:color-mix(in srgb,var(--color-cherry-bright) 18%,transparent);stroke:none;pointer-events:none}.studio-builder__glyph-svg{display:block;width:100%;height:100%;pointer-events:none}.studio-builder__preview-bg{fill:var(--color-surface)}.studio-builder__gridline{stroke:var(--color-border);stroke-width:1;vector-effect:non-scaling-stroke}.studio-builder__preview-fill{fill:var(--color-text)}.studio-builder__empty{margin:var(--space-xl);color:var(--color-text-muted);white-space:nowrap}.studio-builder__panel-title{margin:var(--space-sm) 0 0;font-family:var(--font-family-ui);font-size:var(--font-size-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.studio-builder__panel-title:first-child{margin-top:0}.studio-builder__meta{display:flex;flex-direction:column;gap:var(--space-sm)}.studio-builder__meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.studio-builder__meta-stack{display:flex;flex-direction:column;gap:var(--space-sm)}.studio-builder__view-toggles{display:flex;flex-direction:column;gap:var(--space-xs);flex-shrink:0}.studio-builder__toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;margin:0;padding:var(--space-xs) 0;border:none;background:transparent;color:var(--color-text);font-family:var(--font-family-ui);font-size:var(--font-size-2xs);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;text-align:left;cursor:pointer}.studio-builder__toggle:hover .studio-builder__toggle-bubble{border-color:var(--color-accent)}.studio-builder__toggle:focus-visible{outline:none}.studio-builder__toggle:focus-visible .studio-builder__toggle-bubble{outline:1px solid var(--color-accent-hover);outline-offset:2px}.studio-builder__toggle-label{flex:1;min-width:0}.studio-builder__toggle-bubble{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.125rem;height:1.125rem;border:var(--border-box);border-radius:50%;background:transparent;color:var(--color-landing-text)}.studio-builder__toggle.is-on .studio-builder__toggle-bubble{background:var(--color-accent);border-color:var(--color-accent)}.studio-builder__toggle-check{width:.7rem;height:.7rem;display:block}.studio-builder__toggle-check path{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:square;stroke-linejoin:miter}.studio-builder__textarea{resize:vertical;min-height:4rem;font-family:var(--font-family-ui)}.studio-builder__export{display:flex;flex-direction:column;gap:var(--space-xs);flex-shrink:0}.studio-builder__export .btn{width:100%;font-size:var(--font-size-2xs)}.studio-builder__preview{display:flex;flex-direction:column;gap:var(--space-sm);flex-shrink:0;margin-top:auto;padding-top:var(--space-md);border-top:var(--border-hairline)}.studio-builder__preview--compact .studio-builder__preview-text{font-size:1.35rem;min-height:2rem}.studio-builder__preview-error{color:var(--color-error);font-size:var(--font-size-2xs)}.studio-builder__preview-text{margin:0;font-size:1.5rem;line-height:1.2;word-break:break-word;min-height:2.5rem;color:var(--color-text)}