.tg-app{gap:var(--bigbang-space-lg);color:var(--bigbang-color-text-default);font:var(--bigbang-text-body-sm);display:grid;container:tg-app/inline-size}.tg-app h2{margin:0 0 var(--bigbang-space-md);font:var(--bigbang-text-heading-sm)}.tg-app h3{margin:var(--bigbang-space-lg) 0 var(--bigbang-space-sm);font:var(--bigbang-text-label-md)}.tg-app fieldset{margin:var(--bigbang-space-md) 0;padding:var(--bigbang-space-md);border:1px solid var(--bigbang-color-border-default);border-radius:var(--bigbang-radius-md)}.tg-app legend{padding:0 var(--bigbang-space-xs);font:var(--bigbang-text-label-md)}.tg-app input[type=text],.tg-app input[type=number],.tg-app select,.tg-app textarea{min-width:0;max-width:100%;padding:var(--bigbang-space-xs) var(--bigbang-space-sm);border:1px solid var(--bigbang-color-border-input);border-radius:var(--bigbang-radius-sm);background:var(--bigbang-color-surface-raised);color:var(--bigbang-color-text-default);font:inherit}.tg-app textarea{width:100%;font:var(--bigbang-text-code-md)}.tg-app :focus-visible{outline:2px solid var(--bigbang-color-focus-ring);outline-offset:2px}.tg-toolbar{gap:var(--bigbang-space-md);padding:var(--bigbang-space-md);border:1px solid var(--bigbang-color-border-default);border-radius:var(--bigbang-radius-md);background:var(--bigbang-color-surface-sunken);flex-wrap:wrap;align-items:end;display:flex}.tg-layout{gap:var(--bigbang-space-lg);grid-template-columns:minmax(0,1fr);grid-template-areas:"inputs""preview""checks";display:grid}.tg-inputs{grid-area:inputs}.tg-preview{grid-area:preview;container:tg-preview/inline-size}.tg-checks{gap:var(--bigbang-space-lg);padding-top:var(--bigbang-space-lg);border-top:1px solid var(--bigbang-color-border-default);grid-area:checks;grid-template-columns:minmax(0,1fr);display:grid}@container tg-app (width>=60rem){.tg-layout{grid-template-columns:minmax(16rem,20rem) minmax(0,1fr);grid-template-areas:"inputs preview""checks checks"}.tg-checks{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.tg-panel{overflow-wrap:anywhere;min-width:0}.tg-stack{gap:var(--bigbang-space-md);display:grid}.tg-row,.tg-inline,.tg-seed,.tg-exports{gap:var(--bigbang-space-sm);flex-wrap:wrap;align-items:center;display:flex}.tg-field{gap:var(--bigbang-space-xxs);margin-bottom:var(--bigbang-space-sm);display:grid}.tg-field label,.tg-inline label{font:var(--bigbang-text-label-sm)}.tg-seed input[type=color]{border:1px solid var(--bigbang-color-border-input);border-radius:var(--bigbang-radius-sm);block-size:2rem;inline-size:2.5rem;padding:0}.tg-seed input[type=text]{font:var(--bigbang-text-code-md);flex:1}.tg-check{gap:var(--bigbang-space-xs);align-items:center;display:flex}.tg-hint{color:var(--bigbang-color-text-subtle);font:var(--bigbang-text-body-sm);margin:0}.tg-button{padding:var(--bigbang-space-xxs) var(--bigbang-space-sm);border:1px solid var(--bigbang-color-border-strong);border-radius:var(--bigbang-radius-sm);background:var(--bigbang-color-surface-raised);color:var(--bigbang-color-text-default);font:var(--bigbang-text-label-sm);cursor:pointer;align-items:center;display:inline-flex}.tg-app input[type=file]::file-selector-button{padding:var(--bigbang-space-xxs) var(--bigbang-space-sm);border:1px solid var(--bigbang-color-border-strong);border-radius:var(--bigbang-radius-sm);background:var(--bigbang-color-surface-raised);color:var(--bigbang-color-text-default);font:var(--bigbang-text-label-sm);cursor:pointer;margin-inline-end:var(--bigbang-space-sm)}.tg-button:disabled{border-color:var(--bigbang-color-border-disabled);color:var(--bigbang-color-text-disabled);cursor:not-allowed}.tg-visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.tg-ramp{margin-bottom:var(--bigbang-space-md)}.tg-ramp-name{margin:0 0 var(--bigbang-space-xxs);font:var(--bigbang-text-label-sm)}.tg-swatch-row{margin-bottom:var(--bigbang-space-xs);grid-template-columns:repeat(auto-fill,minmax(1.75rem,1fr));gap:2px;display:grid}.tg-swatch{border:1px solid var(--bigbang-color-border-subtle);border-radius:var(--bigbang-radius-xs);cursor:pointer;place-items:center;min-block-size:2.25rem;padding:0;font-size:.625rem;display:grid}.tg-swatch span{background:var(--bigbang-color-surface-raised);color:var(--bigbang-color-text-default);border-radius:2px;padding:0 2px}.tg-swatch[aria-checked=true]{outline:2px solid var(--bigbang-color-border-focus);outline-offset:1px}.tg-list,.tg-issues{gap:var(--bigbang-space-xs);margin:0;padding:0;list-style:none;display:grid}.tg-issues li{gap:var(--bigbang-space-xs);padding:var(--bigbang-space-xs) var(--bigbang-space-sm);border-inline-start:3px solid var(--bigbang-color-border-danger);background:var(--bigbang-color-surface-raised);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;display:flex}.tg-issues li[data-severity=warn]{border-inline-start-color:var(--bigbang-color-icon-warning)}.tg-badge{font:var(--bigbang-text-label-sm)}.tg-summary{font:var(--bigbang-text-label-md);margin:0}.tg-notice,.tg-blocked{padding:var(--bigbang-space-sm);border-radius:var(--bigbang-radius-sm);background:var(--bigbang-color-surface-raised);color:var(--bigbang-color-text-default);margin:0}.tg-blocked{border:1px solid var(--bigbang-color-border-danger)}.tg-table-wrap{overflow-x:auto}.tg-table{border-collapse:collapse;font:var(--bigbang-text-body-sm)}.tg-table caption{text-align:start;color:var(--bigbang-color-text-subtle)}.tg-table th,.tg-table td{padding:var(--bigbang-space-xxs) var(--bigbang-space-xs);border-bottom:1px solid var(--bigbang-color-border-subtle);text-align:start;white-space:nowrap}.tg-pair{padding:0 var(--bigbang-space-xxs);border:1px solid var(--bigbang-color-border-subtle);border-radius:2px;font-weight:600;display:inline-block}.tg-tabs{gap:var(--bigbang-space-xxs);margin-bottom:var(--bigbang-space-md);border-bottom:1px solid var(--bigbang-color-border-default);flex-wrap:wrap;display:flex}.tg-tabs [role=tab]{padding:var(--bigbang-space-xs) var(--bigbang-space-md);color:var(--bigbang-color-text-subtle);font:var(--bigbang-text-label-md);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000}.tg-tabs [role=tab][aria-selected=true]{border-bottom-color:var(--bigbang-color-border-selected);color:var(--bigbang-color-text-default)}.tg-modes{gap:var(--bigbang-space-md);grid-template-columns:minmax(0,1fr);display:grid}@container tg-preview (width>=36rem){.tg-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}.tg-root{min-width:0;padding:var(--bigbang-space-lg);border:1px solid var(--bigbang-color-border-default);border-radius:var(--bigbang-radius-lg);background:var(--bigbang-color-surface-default);color:var(--bigbang-color-text-default)}.tg-root[data-preview-material=glass]{background:radial-gradient(circle at 15% 20%, var(--bigbang-color-action-primary-default), transparent 40%), radial-gradient(circle at 85% 75%, var(--bigbang-color-status-info-emphasis), transparent 45%), repeating-linear-gradient(45deg, var(--bigbang-color-surface-sunken) 0 var(--bigbang-space-md), var(--bigbang-color-surface-default) var(--bigbang-space-md) var(--bigbang-space-xl))}.tg-mode-label{margin:0 0 var(--bigbang-space-md);color:var(--bigbang-color-text-subtle);font:var(--bigbang-text-label-sm)}.tg-fields{gap:var(--bigbang-space-md);display:grid}.tg-card{padding:var(--bigbang-space-md);border:1px solid var(--bigbang-color-border-subtle);border-radius:var(--bigbang-radius-md);background:var(--bigbang-color-surface-raised)}.tg-card-title{margin:0 0 var(--bigbang-space-xxs);font:var(--bigbang-text-label-md)}.tg-card-body{color:var(--bigbang-color-text-subtle);margin:0}.tg-link{color:var(--bigbang-color-text-link);text-decoration:underline}.tg-chart{gap:var(--bigbang-space-sm);padding:var(--bigbang-space-sm);border-radius:var(--bigbang-radius-md);background:var(--bigbang-color-surface-raised);margin:0;display:grid}.tg-chart svg{block-size:auto;inline-size:100%}.tg-axis{stroke:var(--bigbang-color-border-default)}.tg-axis-label{fill:var(--bigbang-color-text-subtle);font-size:9px}.tg-scales{gap:var(--bigbang-space-xs) var(--bigbang-space-sm);color:var(--bigbang-color-text-subtle);grid-template-columns:auto 1fr;align-items:center;display:grid}.tg-scale{border-radius:var(--bigbang-radius-xs);block-size:1rem}.tg-illustration{block-size:auto;inline-size:100%;max-inline-size:18rem}.tg-swatches{gap:var(--bigbang-space-xs);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));margin:0;padding:0;list-style:none;display:grid}.tg-swatches li{gap:0 var(--bigbang-space-xs);grid-template-columns:auto 1fr;align-items:center;display:grid}.tg-chip{border:1px solid var(--bigbang-color-border-subtle);border-radius:var(--bigbang-radius-xs);grid-row:span 2;block-size:1.5rem;inline-size:1.5rem}.tg-hex{color:var(--bigbang-color-text-subtle);font:var(--bigbang-text-code-md)}.tg-logo{max-block-size:8rem;max-inline-size:100%}@media (forced-colors:active){.tg-swatch,.tg-chip,.tg-button{border-color:canvastext}}