.ttt-root:where(.astro-g6mynxro){display:flex;flex-direction:column;gap:3rem;margin-top:1.5rem}.ttt-section-label:where(.astro-g6mynxro){font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sl-color-gray-2);border-bottom:1px solid var(--sl-color-hairline);padding-bottom:.5rem;margin:0 0 .75rem}.ttt-primitive-note:where(.astro-g6mynxro){font-size:.8125rem;color:var(--sl-color-gray-3);margin:0 0 1.5rem;line-height:1.5}.ttt-prim-grid:where(.astro-g6mynxro){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.ttt-prim-block:where(.astro-g6mynxro){border:1px solid var(--sl-color-hairline);border-radius:8px;padding:.75rem 1rem;background:var(--sl-color-bg)}.ttt-prim-block:where(.astro-g6mynxro) h3:where(.astro-g6mynxro){font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--sl-color-gray-2);margin:0 0 .5rem;font-weight:600}.ttt-prim-block:where(.astro-g6mynxro) .ttt-unit:where(.astro-g6mynxro){text-transform:none;letter-spacing:0;color:var(--sl-color-gray-4);font-weight:400}.ttt-prim-block:where(.astro-g6mynxro) table:where(.astro-g6mynxro){width:100%;font-size:.8125rem;border-collapse:collapse}.ttt-prim-block:where(.astro-g6mynxro) table:where(.astro-g6mynxro) td:where(.astro-g6mynxro){padding:2px 0;border:none}.ttt-prim-block:where(.astro-g6mynxro) table:where(.astro-g6mynxro) td:where(.astro-g6mynxro):first-child{color:var(--sl-color-gray-2);font-family:var(--sl-font-system-mono);font-size:.75rem;padding-right:.75rem}.ttt-prim-block:where(.astro-g6mynxro) table:where(.astro-g6mynxro) td:where(.astro-g6mynxro):last-child{color:var(--sl-color-white);text-align:right;font-variant-numeric:tabular-nums}.ttt-prim-block:where(.astro-g6mynxro) table:where(.astro-g6mynxro) td:where(.astro-g6mynxro) code:where(.astro-g6mynxro){background:transparent;padding:0;color:inherit;font-size:inherit}.ttt-group:where(.astro-g6mynxro){margin-top:2rem}.ttt-group:where(.astro-g6mynxro):first-of-type{margin-top:1rem}.ttt-group-label:where(.astro-g6mynxro){font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sl-color-gray-2);border-bottom:1px solid var(--sl-color-hairline);padding-bottom:.5rem;margin:0 0 1rem}.ttt-list:where(.astro-g6mynxro){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.ttt-row:where(.astro-g6mynxro){display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;border:1px solid var(--sl-color-hairline);border-radius:8px;background:var(--sl-color-bg)}.ttt-preview:where(.astro-g6mynxro){color:var(--sl-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ttt-meta:where(.astro-g6mynxro){display:flex;flex-direction:column;gap:.25rem;min-width:0}.ttt-meta-line:where(.astro-g6mynxro){display:flex;align-items:center;gap:.4rem;min-width:0;flex-wrap:wrap}.ttt-name:where(.astro-g6mynxro){font-size:.8125rem;font-weight:600;color:var(--sl-color-white);background:transparent;padding:0}.ttt-figma:where(.astro-g6mynxro){font-size:.75rem;color:var(--sl-color-gray-3);font-family:var(--sl-font-system-mono)}.ttt-spec:where(.astro-g6mynxro){font-size:.75rem;color:var(--sl-color-gray-3);font-family:var(--sl-font-system-mono);font-variant-numeric:tabular-nums}.ttt-role:where(.astro-g6mynxro){font-size:.75rem;color:var(--sl-color-gray-2);margin:.125rem 0 0;line-height:1.4}.ttt-copy:where(.astro-g6mynxro){border:1px solid var(--sl-color-hairline);background:transparent;color:var(--sl-color-white);border-radius:4px;padding:1px 5px;font-family:var(--sl-font-system-mono);font-size:.7rem;cursor:pointer;transition:background .12s,border-color .12s}.ttt-copy:where(.astro-g6mynxro):hover{background:var(--sl-color-gray-6);border-color:var(--sl-color-gray-4)}.ttt-copy:where(.astro-g6mynxro):active{background:var(--sl-color-gray-5)}.ttt-toast:where(.astro-g6mynxro){position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--sl-color-gray-1);color:var(--sl-color-bg);padding:.5rem .875rem;border-radius:6px;font-family:var(--sl-font-system-mono);font-size:.8125rem;box-shadow:0 4px 12px #00000040;z-index:1000;pointer-events:none;opacity:0;transition:opacity .18s ease-out}.ttt-toast:where(.astro-g6mynxro).visible{opacity:1}
