:root{--bg:#0a0a0a;--fg:#f2f5f8;--muted:#8a97a8;--line:#262626;--line-strong:#3a3a3a;--raised:#121212;--canvas:var(--bg);--accent:#61dafb;--on-accent:#0a0a0a;--hover:#1f1f1f;--pass:#6ee7a0;--pass-line:#2f6b3f;--warn:#f5cd6e;--warn-line:#6b5a2f;--fail:#ff8f8f;--fail-line:#6b2f2f;--header-h:64px;--panel-w:340px;--float-inset:1rem;--float-top:calc(var(--header-h) + var(--float-inset));--corner:2.5rem;--gutter:clamp(1rem, 2.5vw, 2rem);--glass-line:color-mix(in srgb, var(--fg) 10%, transparent);--glass-edge:color-mix(in srgb, var(--fg) 12%, transparent);--chrome-fill:color-mix(in srgb, var(--bg) 80%, transparent);--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;color-scheme:dark}:root[data-theme=light]{--bg:#fafafa;--fg:#0a0a0a;--muted:#6b6b6b;--line:#dedede;--line-strong:#c4c4c4;--raised:#fff;--hover:#efefef;--pass:#1b7a43;--pass-line:#9fd4b3;--warn:#8a6100;--warn-line:#e3c98a;--fail:#b42318;--fail-line:#f0b1ab;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,select,input[type=color]{cursor:pointer}:is(button,input,select,a):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tb{flex-direction:column;min-height:100svh;display:flex}.tb-header{z-index:50;height:var(--header-h);padding-inline:var(--gutter);background:var(--chrome-fill);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.tb-header__side{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.tb-header__side--end{justify-content:flex-end}.tb-header__theme{--theme-switch-line:var(--line);--theme-switch-bg:var(--raised);color:var(--fg)}.tb-wordmark{font-size:1.25rem;line-height:1}.tb-header__sep{background:var(--line-strong);width:1px;height:1.25rem}.tb-header__title{color:var(--muted);font-size:.9rem}.tb-segmented.tb-views{flex:none;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.tb-views button{padding-inline:.85rem}.tb-name,.tb-name__input{text-align:left;background:0 0;border:1px solid #0000;flex:1;min-width:0;padding:.3rem .5rem;font-size:.9rem;font-weight:500}.tb-name{justify-content:space-between;align-items:center;gap:.5rem;display:inline-flex}.tb-name:hover{border-color:var(--line);background:var(--raised)}.tb-name__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tb-name__pencil{color:var(--muted);opacity:0;flex:none;transition:opacity .15s}.tb-name:hover .tb-name__pencil{opacity:1}.tb-name__input{border-color:var(--line-strong);background:var(--raised);color:var(--fg)}.tb-name__input:focus{border-color:var(--accent);outline:none}.tb-main{flex:1;min-height:0;position:relative}.tb-btn{border:1px solid var(--fg);background:var(--fg);color:var(--bg);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.875rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.tb-btn:hover{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.tb-btn--ghost{border-color:var(--line);color:var(--fg);background:0 0}.tb-btn--ghost:hover{border-color:var(--fg);color:var(--fg);background:0 0}.tb-btn--block{width:100%}.tb-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.tb-input{border:1px solid var(--line);background:var(--raised);width:100%;color:var(--fg);padding:.5rem .65rem;font-size:.875rem}.tb-input:focus{border-color:var(--line-strong);outline:none}.tb-input[aria-invalid=true]{border-color:#ff5a5a}.tb-input--hex{width:5.75rem;font-family:var(--font-mono);letter-spacing:.02em;text-align:center;flex:none;font-size:.75rem}.tb-select{align-items:center;display:flex;position:relative}.tb-select select{border:1px solid var(--line);background:var(--raised);appearance:none;width:100%;padding:.5rem 2rem .5rem .65rem;font-size:.875rem}.tb-select svg{fill:none;width:.9rem;height:.9rem;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;right:.6rem}.tb-segmented{border:1px solid var(--line);display:flex}.tb-segmented button{color:var(--muted);white-space:nowrap;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.5rem;font-size:.8rem;display:inline-flex}.tb-segmented button+button{border-left:1px solid var(--line)}.tb-segmented[data-vertical]{flex-direction:column}.tb-segmented[data-vertical] button{justify-content:flex-start;padding:.6rem .75rem}.tb-segmented[data-vertical] button+button{border-left:0;border-top:1px solid var(--line)}.tb-segmented button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.tb-segmented button:disabled{opacity:.4;cursor:not-allowed}.tb-segmented svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:.9rem;height:.9rem}.tb-panel{--fold:.5s cubic-bezier(.32, .72, 0, 1);--slide:.9s cubic-bezier(.65, 0, .35, 1);--widen:.6s cubic-bezier(.65, 0, .35, 1);z-index:20;top:var(--float-top);bottom:var(--float-inset);left:var(--float-inset);width:min(var(--panel-w), 100% - var(--float-inset) * 2);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 var(--glass-edge), 0 24px 48px -24px #0000008c;clip-path:inset(0 calc(100% - var(--corner)) calc(100% - var(--corner)) 0);transition:clip-path var(--fold), width var(--widen), visibility 0s .5s;visibility:hidden;flex-direction:column;display:flex;position:absolute;overflow:clip}.tb-panel[data-open]{clip-path:inset(0);transition:clip-path var(--fold), width var(--widen);visibility:visible}.tb-panel[data-wide]{width:min(var(--panel-w) * 2, 100% - var(--float-inset) * 2)}.tb-panel__head{height:var(--corner);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:.5rem;padding-right:.5rem;display:flex}.tb-panel__hide,.tb-show__btn{width:var(--corner);height:var(--corner);color:var(--muted);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.tb-panel__hide{border:0;border-right:1px solid var(--line);background:0 0;height:100%}.tb-panel__hide:hover,.tb-show__btn:hover{color:var(--fg);background:var(--hover)}.tb-panel__head>:not(.tb-panel__hide),.tb-panel>.tb-nav{opacity:0;filter:blur(6px);transform-origin:0 0;transition:opacity .2s ease, filter .3s ease, scale var(--fold), transform var(--slide);scale:.94}.tb-panel[data-open]>.tb-panel__head>:not(.tb-panel__hide),.tb-panel[data-open]>.tb-nav{opacity:1;filter:none;transition:opacity .3s ease .12s, filter .35s ease 80ms, scale var(--fold), transform var(--slide);scale:1}.tb-show{max-width:min(22rem, 100% - var(--float-inset) * 2);transform-origin:0 0;z-index:20;top:var(--float-top);left:var(--float-inset);opacity:0;align-items:center;padding-right:.35rem;transition:opacity .2s .3s,scale .35s cubic-bezier(.34,1.56,.64,1) .3s;display:flex;position:absolute;scale:.6}.tb-show[inert]{opacity:0;pointer-events:none;transition:opacity .1s,scale .1s;scale:.6}.tb-show:not([inert]){opacity:1;scale:1}.tb-show__btn{border:0;border-right:1px solid var(--line);background:0 0}.tb-show .tb-name{margin-left:.35rem}.tb-nav{min-height:0;transform:translateX(calc(var(--depth,0) * -100%));transition:transform var(--slide);flex:1;grid-template-columns:repeat(3,100%);display:grid}.tb-nav__pane{min-height:0;padding:.5rem var(--gutter) 3rem;flex-direction:column;gap:1.25rem;display:flex;overflow-y:auto}.tb-nav__pane[inert]{visibility:hidden;transition:visibility 0s .9s}.tb-page{gap:1rem}.tb-page__head{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.tb-page__back{color:var(--muted);background:0 0;border:0;align-items:center;gap:.25rem;margin-left:-.35rem;padding:.3rem .5rem .3rem .2rem;font-size:.8rem;display:inline-flex}.tb-page__back:hover{color:var(--fg)}.tb-page__title{font-family:var(--font-mono);margin:0;font-size:.95rem;font-weight:500}.tb-page .tb-fontpicker__search{border:1px solid var(--line);background:var(--raised)}.tb-page .tb-fontpicker__list{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem;max-height:none;display:grid;overflow:visible}.tb-page .tb-fontpicker__list button{aspect-ratio:4/3;border:1px solid var(--line);background:var(--raised);text-align:center;flex-direction:column;justify-content:center;gap:.35rem;padding:.75rem;transition:border-color .15s;position:relative}.tb-page .tb-fontpicker__list button:hover{border-color:var(--line-strong);background:var(--raised)}.tb-page .tb-fontpicker__list button[aria-pressed=true]{border-color:var(--accent)}.tb-page .tb-fontpicker__list button svg{position:absolute;top:.5rem;right:.5rem}.tb-page .tb-fontpicker__empty{grid-column:1/-1}.tb-fontpicker__sample{font-size:2rem;line-height:1.1}.tb-fontpicker__family{max-width:100%;color:var(--muted);font-size:.8rem}.tb-section{border-bottom:1px solid var(--line)}.tb-section__title{margin:0}.tb-section__toggle{width:100%;color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;justify-content:space-between;align-items:center;padding:.25rem 0 1rem;font-size:.7rem;display:flex}.tb-section__toggle:hover{color:var(--fg)}.tb-section__toggle svg{transition:transform .2s}.tb-section__toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.tb-section__body{flex-direction:column;gap:.75rem;padding-bottom:1.25rem;display:flex}.tb-section__body[hidden]{display:none}.tb-field__label{font-size:.8rem}.tb-eyebrow{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:400}.tb-note{color:var(--muted);font-size:.78rem;line-height:1.5}.tb-field{flex-direction:column;gap:.5rem;display:flex}.tb-group{flex-direction:column;gap:.75rem;display:flex}.tb-group--actions{gap:.5rem;margin-top:auto}.tb-switch{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.tb-switch input{appearance:none;border:1px solid var(--line-strong);background:var(--raised);cursor:pointer;border-radius:999px;flex:none;width:2rem;height:1.125rem;margin:0;transition:background .15s,border-color .15s;position:relative}.tb-switch input:before{content:"";background:var(--muted);border-radius:50%;width:.75rem;height:.75rem;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.tb-switch input:checked{border-color:var(--accent);background:var(--accent)}.tb-switch input:checked:before{background:var(--bg);transform:translate(.875rem)}.tb-switch input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tb-croles{flex-direction:column;gap:1rem;display:flex}.tb-croles__head,.tb-crole{grid-template-columns:1fr 2.25rem 2.25rem;align-items:center;gap:.4rem;display:grid}.tb-croles__title{margin:0;font-size:.8rem;font-weight:500}.tb-croles__scheme{color:var(--muted);letter-spacing:.06em;text-align:center;text-transform:uppercase;font-size:.6rem}.tb-croles__list{border-top:1px solid var(--line);flex-direction:column;margin:.3rem 0 0;padding:0;list-style:none;display:flex}.tb-crole{border-bottom:1px solid var(--line);padding:.3rem 0;scroll-margin:1rem}.tb-crole[data-flash]{animation:1.2s ease-out tb-flash}.tb-crole__name{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}span.tb-crole__name{font-family:inherit;font-size:.78rem}.tb-crole__chip{border:1px solid var(--line-strong);cursor:pointer;height:1.5rem;padding:0;position:relative}.tb-crole__chip:hover{outline:1px solid var(--fg)}.tb-crole__chip:disabled{opacity:.35;cursor:not-allowed}.tb-crole__chip:disabled:hover{outline:none}.tb-crole__chip[data-custom]:after{content:"";border-style:solid;border-width:0 7px 7px 0;border-color:transparent var(--accent) transparent transparent;position:absolute;top:-1px;right:-1px}.tb-crole__value{align-items:center;gap:.5rem;display:flex}.tb-crole__source{min-width:0;color:var(--muted);font-family:var(--font-mono);text-align:right;flex:1;font-size:.68rem}.tb-crole__reset{border:1px solid var(--line);width:1.75rem;height:1.75rem;color:var(--muted);background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}.tb-crole__reset:hover{border-color:var(--fg);color:var(--fg)}.tb-primitives{flex-direction:column;gap:3px;display:flex}.tb-primitives__row{align-items:center;gap:.5rem;display:flex}.tb-primitives__label{width:3.75rem;color:var(--muted);font-family:var(--font-mono);flex:none;font-size:.66rem}.tb-primitives__steps{flex:1;grid-template-columns:repeat(11,minmax(0,1fr));gap:2px;display:grid}.tb-primitives__step{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;font-size:.56rem}.tb-primitive{aspect-ratio:1;cursor:pointer;border:1px solid #80808040;padding:0;position:relative}.tb-primitive:hover{z-index:1;outline:1px solid var(--fg)}.tb-primitive[data-auto]:after{content:"";background:var(--fg);width:4px;height:4px;box-shadow:0 0 0 1px var(--bg);border-radius:50%;margin:-2px 0 0 -2px;position:absolute;inset:50% auto auto 50%}.tb-primitive[aria-pressed=true]{z-index:2;outline:2px solid var(--accent);outline-offset:1px}@keyframes tb-flash{0%{background:color-mix(in srgb, var(--accent) 22%, transparent);box-shadow:-.75rem 0 0 color-mix(in srgb, var(--accent) 22%, transparent)}}.tb-seed__swatch{border:1px solid var(--line-strong);flex:none;width:2.25rem;height:2.25rem;position:relative;overflow:hidden}.tb-seed__swatch input[type=color]{appearance:none;background:0 0;border:0;width:150%;height:150%;padding:0;position:absolute;inset:-25%}.tb-seed__swatch input[type=color]::-webkit-color-swatch-wrapper{padding:0}.tb-seed__swatch input[type=color]::-webkit-color-swatch,.tb-seed__swatch input[type=color]::-moz-color-swatch{border:0}.tb-status{color:var(--muted);font-family:var(--font-mono);font-size:.7rem}.tb-canvas{flex-direction:column;min-width:0;height:100svh;display:flex;position:relative}.tb-panel,.tb-float{background:color-mix(in srgb, var(--raised) 55%, transparent);-webkit-backdrop-filter:blur(20px)saturate(160%)}.tb-panel{background:var(--chrome-fill)}.tb-overlay{z-index:10;top:var(--float-top);right:var(--float-inset);pointer-events:none;align-items:stretch;gap:.5rem;display:flex;position:absolute}.tb-overlay>*{pointer-events:auto}.tb-float{border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 var(--glass-edge), 0 12px 24px -16px #0009}.tb-tools{z-index:20;top:calc(var(--float-top) + var(--corner) + .5rem);left:var(--float-inset);flex-direction:column;transition:top .5s cubic-bezier(.32,.72,0,1),left .6s cubic-bezier(.65,0,.35,1);display:flex;position:absolute}.tb-main:has(>.tb-panel[data-open]) .tb-tools{top:var(--float-top);left:calc(var(--float-inset) * 2 + min(var(--panel-w), 100% - var(--float-inset) * 2))}.tb-main:has(>.tb-panel[data-open][data-wide]) .tb-tools{left:calc(var(--float-inset) * 2 + min(var(--panel-w) * 2, 100% - var(--float-inset) * 2))}.tb-tools button{width:var(--corner);height:var(--corner);color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tb-tools button+button{border-top:1px solid var(--line)}.tb-tools button:hover{color:var(--fg);background:var(--hover)}.tb-tools button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.tb-slides{z-index:10;bottom:var(--float-inset);height:var(--corner);align-items:stretch;display:flex;position:absolute;left:50%;translate:-50%}.tb-slides button{width:var(--corner);color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tb-slides button:hover:not(:disabled){color:var(--fg);background:var(--hover)}.tb-slides button:disabled{opacity:.35;cursor:not-allowed}.tb-slides__label{border-inline:1px solid var(--line);min-width:12rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;padding:0 .75rem;font-size:.7rem;display:flex}.tb-zoom{align-items:stretch;display:flex}.tb-zoom button{min-width:2rem;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 .4rem;display:inline-flex}.tb-zoom button+button{border-left:1px solid var(--line)}.tb-zoom button:hover{color:var(--fg)}.tb-zoom__level{min-width:3.25rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.7rem}.tb-view{cursor:grab;touch-action:none;user-select:none;overscroll-behavior:contain;--grid-line:color-mix(in srgb, var(--fg) 4%, transparent);--grid-line-major:color-mix(in srgb, var(--fg) 7%, transparent);background-color:var(--canvas);background-image:linear-gradient(to right, var(--grid-line-major) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line-major) 1px, transparent 1px), linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-size:var(--grid-major,96px) var(--grid-major,96px), var(--grid-major,96px) var(--grid-major,96px), var(--grid-cell,24px) var(--grid-cell,24px), var(--grid-cell,24px) var(--grid-cell,24px);background-position:var(--grid-x,0) var(--grid-y,0);flex:1;min-height:0;position:relative;overflow:hidden}.tb-view[data-panning],.tb-view[data-panning] .ax-screen{cursor:grabbing}.tb-view[data-moving] .tb-world{will-change:transform}.tb-view:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tb-world{transform-origin:0 0;width:max-content;position:absolute;top:0;left:0}.tb-dim{z-index:1;background:color-mix(in srgb, var(--canvas) 82%, transparent);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:-50000px}.tb-dim[data-shown]{opacity:1;pointer-events:auto;cursor:default}.tb-device{z-index:0;position:relative}.tb-device[data-focused]{z-index:2}.tb-devices{grid-template-columns:repeat(4,max-content);gap:4rem;display:grid}.tb-device{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.tb-device__caption{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:1.1rem}.tb-phone{background:#1c1c1e;border-radius:60px;flex:none;padding:12px;box-shadow:inset 0 0 0 1.5px #3a3a3c,0 16px 32px -20px #00000080}.tb-devices .ax-screen{cursor:pointer;user-select:none}.tb-devices[data-picking] .ax-screen{cursor:crosshair}.tb-devices[data-picking] [data-tb-inspect]{outline:2px solid var(--accent);outline-offset:1px}.tb-devices .ax-screen{background:var(--ax-background-default);width:393px;height:852px;color:var(--ax-content-default);font-family:var(--ax-font);text-align:left;border-radius:48px;flex-direction:column;font-size:17px;line-height:22px;transition:background-color .2s,color .2s;display:flex;position:relative;overflow:hidden}.tb-devices .ax-viewport{flex-direction:column;flex:1;height:auto;min-height:0;display:flex}.tb-devices .ax-viewport>*{flex-shrink:0}.tb-devices .ax-viewport>.ax-fill{flex-shrink:1}.tb-devices .ax-status{z-index:5;height:59px;color:var(--ax-content-default);flex:none;justify-content:space-between;align-items:center;padding:0 28px 0 36px;font-size:16px;font-weight:600;display:flex;position:relative}.tb-devices .ax-island{background:#000;border-radius:999px;width:124px;height:36px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.tb-devices .ax-home{z-index:30;background:var(--ax-content-default);border-radius:999px;width:140px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.tb-devices .tb-art{flex:none;display:block}.tb-custom{border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;margin:0 .4rem;padding:0 .3rem;font-size:.58rem;display:inline-block}.tb-code{border:1px solid var(--line);background:var(--raised);max-height:60vh;font-family:var(--font-mono);tab-size:2;margin:0;padding:1.25rem;font-size:.75rem;line-height:1.7;overflow:auto}.tb-row{align-items:center;gap:.5rem;display:flex}.tb-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tb-iconbtn{border:1px solid var(--line);width:2rem;height:2rem;color:var(--muted);background:0 0;flex:none;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.tb-iconbtn:hover,.tb-iconbtn[aria-expanded=true]{border-color:var(--line-strong);color:var(--fg)}.tb-btn:disabled{opacity:.4;pointer-events:none}.tb-note--warn{color:var(--warn)}.tb-fontpicker{position:relative}.tb-fontcard{border:1px solid var(--line);background:var(--raised);width:100%;color:var(--fg);text-align:left;cursor:pointer;flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.tb-fontcard:hover{border-color:var(--line-strong)}.tb-fontcard__head{color:var(--muted);font-family:var(--font-mono);justify-content:space-between;align-items:center;display:flex}.tb-fontcard__body{align-items:center;gap:.85rem;min-width:0;display:flex}.tb-fontcard__sample{flex:none;font-size:2.6rem;line-height:1}.tb-fontcard__sample[data-role=heading]{font-weight:700}.tb-fontcard__meta{flex-direction:column;gap:.2rem;min-width:0;display:flex}.tb-fontcard__family{font-size:1rem;font-weight:500}.tb-fontcard__category{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.tb-fontcard__line{border-top:1px solid var(--line);color:var(--muted);padding-top:.6rem;font-size:.85rem}.tb-shapes{grid-auto-columns:1fr;grid-auto-flow:column;gap:.4rem;display:grid}.tb-shape{border:1px solid var(--line);background:var(--raised);height:3.5rem;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;display:flex}.tb-shape:hover{border-color:var(--line-strong);color:var(--fg)}.tb-shape[aria-pressed=true]{border-color:var(--fg);color:var(--fg);background:var(--hover)}.tb-shape__corner{border-top:2px solid;border-left:2px solid;width:1.75rem;height:1.75rem;margin:.6rem 0 0 .6rem}.tb-shape__control{border:2px solid;width:2.75rem;height:1.25rem}.tb-fontpicker__trigger{border:1px solid var(--line);background:var(--raised);text-align:left;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.5rem .65rem;font-size:.9rem;display:flex}.tb-fontpicker__trigger:hover{border-color:var(--line-strong)}.tb-fontpicker__trigger svg{color:var(--muted);flex:none}.tb-fontpicker__search{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:.5rem;padding:.5rem .65rem;display:flex}.tb-fontpicker__search input{background:0 0;border:0;outline:none;width:100%;font-size:.85rem}.tb-fontpicker__filters{flex-wrap:wrap;gap:.35rem;display:flex}.tb-fontpicker__filters button{border:1px solid var(--line);color:var(--muted);background:0 0;padding:.25rem .6rem;font-size:.75rem}.tb-fontpicker__filters button[aria-pressed=true]{border-color:var(--fg);background:var(--fg);color:var(--bg)}.tb-fontpicker__list{max-height:16rem;margin:0;padding:0;list-style:none;overflow-y:auto}.tb-fontpicker__list button{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.45rem .65rem;font-size:.95rem;display:flex}.tb-fontpicker__list button:hover,.tb-fontpicker__list button[aria-selected=true]{background:var(--hover)}.tb-fontpicker__list button svg{color:var(--accent);flex:none}.tb-fontpicker__empty{color:var(--muted);padding:.75rem .65rem;font-size:.8rem}.tb-modal{z-index:100;padding:var(--gutter);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tb-modal__panel{border:1px solid var(--line-strong);background:var(--bg);flex-direction:column;width:min(100%,34rem);max-height:min(84svh,46rem);display:flex;box-shadow:0 40px 80px -30px #000000e6}.tb-modal__panel[data-size=lg]{width:min(100%,60rem)}.tb-modal__head{padding:1.25rem var(--gutter);border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.tb-modal__title{font-size:1rem;font-weight:600}.tb-modal__body{min-height:0;padding:1.25rem var(--gutter);flex:1;overflow-y:auto}.tb-modal__foot{padding:1rem var(--gutter);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;display:flex}.tb-modal__file{color:var(--muted);font-family:var(--font-mono);font-size:.72rem}.tb-export{grid-template-columns:minmax(0,17rem) minmax(0,1fr);align-items:stretch;gap:1.5rem;min-height:100%;display:grid}.tb-export__controls{flex-direction:column;gap:1.5rem;display:flex}.tb-choices{border-top:1px solid var(--line);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tb-choice{border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:.65rem;padding:.55rem 0;display:flex}.tb-choice input{accent-color:var(--accent);flex:none;margin:.2rem 0 0}.tb-choice__text{flex-direction:column;min-width:0;display:flex}.tb-choice__label{font-size:.85rem}.tb-choice__hint{color:var(--muted);font-size:.7rem;line-height:1.4}.tb-code--modal{max-height:none;margin:0}.tb-code__line{min-height:1lh;display:block}.tb-code__line>span{color:var(--shiki-dark)}:root[data-theme=light] .tb-code__line>span{color:var(--shiki-light)}.tb-export__preview{flex-direction:column;min-width:0;display:flex}.tb-filetabs{border:1px solid var(--line);border-bottom:0;flex-wrap:wrap;display:flex}.tb-filetabs button{border:0;border-right:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);background:0 0;padding:.45rem .7rem;font-size:.72rem}.tb-filetabs button[aria-selected=true]{background:var(--fg);color:var(--bg)}.tb-library{border-top:1px solid var(--line);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tb-library__row{border-bottom:1px solid var(--line);align-items:center;gap:.5rem;display:flex}.tb-library__load{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:.85rem;min-width:0;padding:.75rem 0;display:flex}.tb-library__chips{border:1px solid var(--line-strong);flex:none;display:flex}.tb-library__chips span{width:1rem;height:2rem}.tb-library__text{flex-direction:column;min-width:0;display:flex}.tb-library__name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.tb-library__meta{color:var(--muted);font-family:var(--font-mono);font-size:.67rem}.tb-library__load:hover .tb-library__name{color:var(--accent)}.tb-phone[data-device=android]{border-radius:44px;padding:10px}.tb-devices .ax-screen[data-device=android]{border-radius:34px;width:412px;height:915px}.tb-devices .ax-screen[data-device=android] .ax-status{height:36px;padding:0 20px 0 22px;font-size:14px;font-weight:500}.tb-devices .ax-punchhole{background:#000;border-radius:999px;width:16px;height:16px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.tb-devices .ax-screen[data-device=android] .ax-home{width:108px;height:4px;bottom:9px}@media (width<=1024px){.tb-export{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.tb-header__title,.tb-btn span{display:none}.tb-name,.tb-name__input{max-width:30vw;font-size:.85rem}.tb-name__input{width:30vw}.tb-modal__foot .tb-btn span{display:inline}}@media (prefers-reduced-motion:reduce){.tb-devices .ax-screen,.tb-btn{transition:none}.tb-crole[data-flash]{animation:none}.tb-nav,.tb-section__toggle svg,.tb-panel,.tb-panel *,.tb-show{transition:none!important}}.tb-preset{border-bottom:1px solid var(--line);padding-block:1rem}.tb-presets{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tb-presets__card{border:1px solid var(--line);background:var(--raised);text-align:left;align-items:flex-start;gap:.75rem;width:100%;padding:.65rem;transition:border-color .15s;display:flex}.tb-presets__card:hover{border-color:var(--line-strong)}.tb-presets__card[aria-pressed=true]{border-color:var(--accent)}.tb-presets__swatch{border:1px solid;flex:none;place-items:center;width:3.25rem;height:3.25rem;font-size:1.1rem;font-weight:600;display:grid;position:relative}.tb-presets__dots{gap:.2rem;display:flex;position:absolute;bottom:.3rem;right:.3rem}.tb-presets__dots i{border-radius:50%;width:.5rem;height:.5rem}.tb-presets__text{flex-direction:column;gap:.2rem;min-width:0;display:flex}.tb-presets__name{align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;display:flex}.tb-presets__name svg{color:var(--accent)}.tb-presets__description{color:var(--muted);font-size:.78rem;line-height:1.45}.tb-presets__meta{color:var(--muted);font-family:var(--font-mono);font-size:.7rem}.tb-ds{gap:calc(40 * var(--ax-space));width:2180px;padding:calc(56 * var(--ax-space)) calc(56 * var(--ax-space)) calc(64 * var(--ax-space));border-radius:var(--ax-radius-xl);background:color-mix(in srgb, var(--ax-primary-default) 7%, var(--ax-background-subtle));color:var(--ax-content-default);font-family:var(--ax-font);text-align:left;cursor:default;user-select:none;flex-direction:column;font-size:17px;line-height:22px;transition:background-color .2s,color .2s;display:flex}.tb-ds__head{padding:0 calc(4 * var(--ax-space));justify-content:space-between;align-items:flex-end;display:flex}.tb-ds__cols{align-items:start;gap:calc(28 * var(--ax-space));grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tb-ds__col{gap:calc(28 * var(--ax-space));flex-direction:column;min-width:0;display:flex}.tb-ds .tb-art{flex:none;display:block}.tb-ds__list{box-shadow:var(--ax-shadow);margin:0}.tb-ds__menu{backdrop-filter:none;background:var(--ax-background-elevated);border-radius:var(--ax-radius-lg);width:100%;box-shadow:var(--ax-shadow)}.tb-ds__logo{border-radius:var(--ax-radius-lg);background:var(--ax-primary-default);width:72px;height:72px;color:var(--ax-primary-on);justify-content:center;align-items:center;display:flex}.tb-ds__divider{width:1px;height:20px;margin:0 calc(6 * var(--ax-space));opacity:.35;background:currentColor;align-self:center}.tb-ds__swatch{border-radius:var(--ax-radius-sm);background:var(--ax-highlight-default);width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--ax-border-subtle);flex:none}.tb-ds__bubble{padding:calc(12 * var(--ax-space)) calc(14 * var(--ax-space));border-radius:var(--ax-radius-lg) var(--ax-radius-lg) var(--ax-radius-lg) var(--ax-radius-sm);background:var(--ax-background-subtle);box-shadow:inset 3px 0 0 var(--ax-highlight-default)}.tb-ds__tile{min-width:0}.tb-ds__on-media{top:calc(12 * var(--ax-space));position:absolute}.tb-ds__dots{bottom:calc(10 * var(--ax-space));padding:calc(5 * var(--ax-space)) calc(8 * var(--ax-space));background:color-mix(in srgb, var(--ax-background-default) 80%, transparent);border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.tb-ds__quote-mark{height:28px;font-family:var(--ax-font-heading,var(--ax-font));color:var(--ax-content-subtle);font-size:56px;line-height:56px}.tb-ds__facts{gap:calc(12 * var(--ax-space));padding:calc(14 * var(--ax-space)) calc(12 * var(--ax-space));border-radius:var(--ax-radius-md);box-shadow:inset 0 0 0 1px var(--ax-border-subtle);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}