:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-text: #1f2937;--color-text-muted: #6b7280;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--radius-sm: .25rem;--radius-md: .375rem}*,*:before,*:after{box-sizing:border-box}.btmt-icon-link{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;color:var(--color-text, #1a1a1a);background:transparent;border:none;box-shadow:none;text-decoration:none;transition:color .12s ease,opacity .12s ease}.btmt-icon-link svg{width:1.5rem;height:1.5rem;flex-shrink:0}.btmt-icon-link img{width:1.5rem;height:1.5rem;flex-shrink:0;min-width:0;object-fit:contain}.btmt-icon-link img[data-btmt-social=tipeee],.btmt-icon-link img[data-btmt-social=tipeee-mono]{width:100%;height:100%;flex-shrink:0;opacity:1;transition:opacity .12s ease}.btmt-icon-link:hover:not(.btmt-icon-link--dark) img[data-btmt-social=tipeee],.btmt-icon-link:hover:not(.btmt-icon-link--dark) img[data-btmt-social=tipeee-mono]{opacity:.65}.btmt-icon-link--dark:hover img[data-btmt-social=tipeee],.btmt-icon-link--dark:hover img[data-btmt-social=tipeee-mono]{opacity:.78}.btmt-icon-link:not(.btmt-icon-link--with-text):has(img[data-btmt-social=tipeee]),.btmt-icon-link:not(.btmt-icon-link--with-text):has(img[data-btmt-social=tipeee-mono]){width:auto;min-width:2.75rem;padding-inline:.25rem}.btmt-icon-link:hover{color:var(--color-text-muted, #666)}.btmt-icon-link:focus-visible{outline:2px solid color-mix(in srgb,var(--color-text, #1a1a1a) 55%,transparent);outline-offset:2px}.btmt-icon-link--with-text{width:auto;min-height:2.75rem;height:auto;padding:.35rem .75rem;gap:.375rem;justify-content:flex-start;border-radius:9999px;border:1px solid color-mix(in srgb,var(--color-text-muted, #888) 38%,transparent);background:#fff;box-shadow:0 1px 2px #0000000d;transition:color .12s ease,opacity .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.btmt-icon-link--with-text:hover{border-color:color-mix(in srgb,var(--color-text-muted, #888) 55%,transparent);background:color-mix(in srgb,var(--color-surface, #f6f6f6) 65%,#fff);box-shadow:0 1px 3px #00000012}.btmt-icon-link--with-text span{font-size:.875rem;font-weight:500;color:inherit;white-space:nowrap}.btmt-icon-link--dark{color:#ffffffeb}.btmt-icon-link--dark:hover{color:#ffffffb8}.btmt-icon-link--dark:focus-visible{outline:2px solid color-mix(in srgb,#fff 50%,transparent);outline-offset:2px}.btmt-icon-link--dark.btmt-icon-link--with-text{border-color:#ffffff38;background:#1e1e1e;color:#ffffffeb;box-shadow:0 1px 2px #00000059}.btmt-icon-link--dark.btmt-icon-link--with-text:hover{border-color:#ffffff52;background:#2a2a2a;box-shadow:0 1px 3px #00000073}.btmt-icon-link--dark svg[data-btmt-social=github],.btmt-icon-link--dark svg[data-btmt-social=x]{fill:#ffffffeb}.btmt-icon-link--dark img[data-btmt-social=tipeee-mono]{filter:brightness(0) invert(1)!important}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--color-text, #1a1a1a);background:var(--color-surface, #f6f6f6)}body{margin:0}#root{min-height:100vh}.playground{max-width:72rem;margin:0 auto;padding:2rem 1.5rem 4rem}.playground h1{margin:0 0 .25rem;font-size:1.5rem}.playground>p{margin:0 0 2rem;color:var(--color-text-muted, #555);font-size:.9rem}.playground-tablist{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 1.75rem;padding:0;list-style:none;border-bottom:1px solid color-mix(in srgb,var(--color-text-muted, #888) 35%,transparent)}.playground-tab{margin:0 0 -1px;padding:.55rem 1rem;font:inherit;font-size:.9rem;color:var(--color-text-muted, #555);background:transparent;border:1px solid transparent;border-bottom:none;border-radius:var(--radius-md, 8px) var(--radius-md, 8px) 0 0;cursor:pointer}.playground-tab:hover{color:var(--color-text, #1a1a1a);background:#0000000a}.playground-tab[aria-selected=true]{color:var(--color-text, #1a1a1a);font-weight:600;background:#fff;border-color:color-mix(in srgb,var(--color-text-muted, #888) 35%,transparent);border-bottom-color:#fff;box-shadow:0 1px #fff}.playground-subtablist{display:flex;flex-wrap:wrap;gap:.3rem;margin:0 0 1.25rem;padding:0;list-style:none;border-bottom:1px solid color-mix(in srgb,var(--color-text-muted, #888) 28%,transparent)}.playground-subtab{margin:0 0 -1px;padding:.4rem .75rem;font:inherit;font-size:.82rem;color:var(--color-text-muted, #555);background:transparent;border:1px solid transparent;border-bottom:none;border-radius:var(--radius-md, 8px) var(--radius-md, 8px) 0 0;cursor:pointer}.playground-subtab:hover{color:var(--color-text, #1a1a1a);background:#0000000a}.playground-subtab[aria-selected=true]{color:var(--color-text, #1a1a1a);font-weight:600;background:#fff;border-color:color-mix(in srgb,var(--color-text-muted, #888) 28%,transparent);border-bottom-color:#fff;box-shadow:0 1px #fff}.playground-panel:focus{outline:none}.social-links-demo{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.35rem}.social-icon-glyphs{display:flex;flex-wrap:wrap;gap:.65rem .85rem;align-items:flex-start;margin-top:.35rem}.social-icon-glyphs__item{display:flex;flex-direction:column;align-items:center;gap:.35rem;max-width:7.5rem}.social-icon-glyphs__plate{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:3.25rem;min-height:3.25rem;padding:.4rem .5rem;border:1px solid color-mix(in srgb,var(--color-text-muted, #888) 35%,transparent);border-radius:var(--radius-md, 8px);background:#fff}.social-icon-glyphs__plate--tipeee{min-width:5.25rem}.social-icon-glyphs__name{font-size:.65rem;line-height:1.25;text-align:center;word-break:break-word;color:var(--color-text-muted, #555)}.social-links-demo--colored .btmt-icon-link:hover{color:inherit;opacity:.85}.social-links-demo--colored .btmt-icon-link--with-text:hover{color:inherit;opacity:.88;border-color:color-mix(in srgb,var(--color-text-muted, #888) 38%,transparent);background:#fff;box-shadow:0 1px 2px #0000000d}.social-links-demo--on-dark{padding:.85rem 1rem;border-radius:var(--radius-md, 8px);background:#1e1e1e;box-shadow:inset 0 0 0 1px #ffffff14}.social-links-demo--on-dark.social-links-demo--colored .btmt-icon-link--with-text:hover{border-color:#ffffff52;background:#2a2a2a;box-shadow:0 1px 3px #00000073}.section{margin-bottom:2.5rem}.section h2{margin:0 0 1rem;font-size:1.1rem;border-bottom:1px solid color-mix(in srgb,var(--color-text-muted, #888) 35%,transparent);padding-bottom:.35rem}.demo-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1rem}.demo-row:last-child{margin-bottom:0}.demo-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted, #666);width:100%;margin-bottom:-.5rem}.asset-grid{gap:1rem}.asset-grid--brand,.asset-grid--favicons{display:flex;flex-wrap:wrap;align-items:flex-start}.asset-grid--brand .asset-card,.asset-grid--favicons .asset-card{flex:0 0 auto}.asset-grid--banners{display:grid;grid-template-columns:minmax(0,1fr)}.asset-card{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;padding:1rem;background:#fff;border-radius:var(--radius-md, 8px);box-shadow:0 1px 3px #00000014;max-width:max-content}.asset-grid--banners .asset-card{min-width:0;max-width:none;width:100%}.asset-card-preview{overflow-x:auto;overflow-y:hidden;line-height:0;width:max-content;max-width:calc(100vw - 3rem)}.asset-grid--brand .asset-card-preview,.asset-grid--favicons .asset-card-preview{padding:.5rem;border-radius:6px;box-sizing:border-box;background:repeating-conic-gradient(#e0e0e0,#e0e0e0 25%,#fff 0%,#fff 50%) 50% / 16px 16px;box-shadow:inset 0 0 0 1px #0000000f}.asset-card-preview img{display:block;width:auto;height:auto;max-width:none;vertical-align:bottom;object-fit:contain}.asset-grid--brand .asset-card-preview img,.asset-grid--favicons .asset-card-preview img{max-height:min(240px,70vh)}.asset-card figcaption{margin:0;text-align:left}.asset-card-title{font-size:.7rem;word-break:break-all;color:var(--color-text-muted, #555)}.asset-card-dims{font-size:.65rem;font-variant-numeric:tabular-nums;color:var(--color-text-muted, #777);margin-top:.2rem}.asset-card-dims--error{color:#b42318;font-weight:600}.lockup-showcase{margin-bottom:1rem}.lockup-showcase__intro{margin:0 0 1rem;font-size:.875rem;color:var(--color-text-muted, #666);max-width:42rem}.lockup-showcase__mark-plain-bg{margin-bottom:1rem}.lockup-showcase__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem}.lockup-showcase__tile{border-radius:var(--radius-md, 8px);padding:1rem;display:flex;flex-direction:column;gap:.65rem;align-items:flex-start}.lockup-showcase__tile--light{background-color:#f0f0f0;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;box-shadow:inset 0 0 0 1px #0000000f}.lockup-showcase__tile--dark{background:#1e1e1e;box-shadow:inset 0 0 0 1px #ffffff14}.lockup-showcase__tile-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.lockup-showcase__tile--light .lockup-showcase__tile-label{color:#444}.lockup-showcase__tile--dark .lockup-showcase__tile-label{color:#c8c8c8}.lockup-showcase__code{display:block;font-size:.65rem;word-break:break-all;color:var(--color-text-muted, #666);padding:.35rem .5rem;background:#0000000a;border-radius:4px;width:100%;box-sizing:border-box}.lockup-showcase__tile--dark .lockup-showcase__code{color:#bbb;background:#ffffff14}.lockup-showcase__sample{line-height:0;padding-top:.25rem}.lockup-raster-preview__pair{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.lockup-raster-preview__figure{margin:0}.lockup-raster-preview__plate{line-height:0;padding:.5rem;border-radius:var(--radius-md, 8px)}.lockup-raster-preview__plate--light{background:#fff;box-shadow:inset 0 0 0 1px #00000014}.lockup-raster-preview__plate--dark{background:#1e1e1e}.lockup-raster-preview__plate img{display:block;width:auto;height:56px}.empty-note{font-size:.9rem;color:var(--color-text-muted, #666);margin:0}.sponsor-demo{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.sponsor-demo__code{text-align:left;max-width:100%;box-sizing:border-box}.sponsor-demo__hint{margin:0;max-width:36rem}.env-vars-note{max-width:52rem;margin-bottom:1rem}.env-vars-summary{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.env-vars-summary__item{display:flex;flex-direction:column;gap:.25rem;padding:.65rem .8rem;border:1px solid color-mix(in srgb,var(--color-text-muted, #888) 30%,transparent);border-radius:var(--radius-md, 8px);background:#fff}.env-vars-summary__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted, #666)}.env-vars-table-wrap{overflow-x:auto;border:1px solid color-mix(in srgb,var(--color-text-muted, #888) 28%,transparent);border-radius:var(--radius-md, 8px);background:#fff}.env-vars-table{width:100%;border-collapse:collapse;min-width:54rem}.env-vars-table th,.env-vars-table td{padding:.6rem .7rem;text-align:left;vertical-align:top;border-bottom:1px solid color-mix(in srgb,var(--color-text-muted, #888) 20%,transparent);font-size:.85rem}.env-vars-table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted, #555);background:#00000005}.env-vars-table tbody tr:last-child td{border-bottom:none}.env-vars-table code{font-size:.78rem;word-break:break-all}