.tool[data-tool=css-variables-theme-generator] .tool-grid>*{min-inline-size:0}.tool[data-tool=css-variables-theme-generator] .themes{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin-block-end:var(--space-3);display:grid}.tool[data-tool=css-variables-theme-generator] .pv{min-inline-size:0;padding:var(--space-3);border-radius:var(--r-md);background:var(--t-bg);color:var(--t-text);border:1px solid var(--t-border);overflow:hidden}.tool[data-tool=css-variables-theme-generator] .pv-title{margin-block-end:var(--space-2);display:block}.tool[data-tool=css-variables-theme-generator] .pv-card{gap:var(--space-2);padding:var(--space-3);background:var(--t-surface);border:1px solid var(--t-border);border-radius:var(--r-sm);display:grid}.tool[data-tool=css-variables-theme-generator] .pv-h{overflow-wrap:anywhere;font-weight:700}.tool[data-tool=css-variables-theme-generator] .pv-muted{color:var(--t-muted);font-size:var(--fs-sm);overflow-wrap:anywhere}.tool[data-tool=css-variables-theme-generator] .pv-btn{padding:var(--space-2) var(--space-3);border-radius:var(--r-sm);background:var(--t-primary);color:var(--t-on-primary);font-weight:600;font-size:var(--fs-sm);justify-self:start}.tool[data-tool=css-variables-theme-generator] .pv-chip{background:var(--t-accent);border-radius:999px;block-size:.5rem;inline-size:2rem}.tool[data-tool=css-variables-theme-generator] .swatches{margin:var(--space-2) 0 0;flex-wrap:wrap;gap:4px;padding:0;list-style:none;display:flex}.tool[data-tool=css-variables-theme-generator] .swatches li{border:1px solid var(--t-border);border-radius:4px;block-size:1.25rem;inline-size:1.25rem}.tool[data-tool=css-variables-theme-generator] .table-wrap{margin-block-end:var(--space-3);overflow-x:auto}.tool[data-tool=css-variables-theme-generator] .checks{border-collapse:collapse;inline-size:100%;font-size:var(--fs-sm)}.tool[data-tool=css-variables-theme-generator] .checks th,.tool[data-tool=css-variables-theme-generator] .checks td{text-align:start;padding:var(--space-1) var(--space-2);border-block-end:1px solid var(--c-border);white-space:nowrap}.tool[data-tool=css-variables-theme-generator] .ok{color:var(--c-ok)}.tool[data-tool=css-variables-theme-generator] .bad{color:var(--c-danger);font-weight:600}.tool[data-tool=css-variables-theme-generator] .big-output{white-space:pre;word-break:normal;overflow-x:auto}