.palette{flex-direction:column;gap:4rem;margin-top:1.5rem;display:flex}.palette-actions{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.palette-actions .command{height:2.375rem}.palette-hint{color:var(--foreground-subtle);margin:-3rem 0 0;font-size:.8125rem}.palette-hint code{color:var(--foreground-muted);font-size:.95em}.palette-hint a{color:var(--accent-text);text-decoration:none}.palette-hint a:hover{color:var(--accent-hover)}.palette-strip{gap:3px;height:6px;display:flex}.palette-strip span{border-radius:2px;flex:1;box-shadow:inset 0 0 0 1px #8080802e}.palette-shot{margin:0}.palette-shot-strip{margin-bottom:1rem}.palette-shot a{cursor:zoom-in;display:block}.palette-shot img{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:100%;height:auto;display:block}.palette-section{flex-direction:column;gap:1rem;display:flex}.palette-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.palette-section-head h2{letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:500}.palette-section-head span{color:var(--foreground-subtle);font-size:.75rem}.palette ul{margin:0;padding:0;list-style:none}.swatch-tile,.swatch-card,.swatch-row,.ansi-cell{width:100%;color:inherit;font:inherit;text-align:left;cursor:copy;background:0 0;border:0;margin:0;padding:0;position:relative}.swatch-label{flex-direction:column;gap:.1875rem;min-width:0;display:flex}.swatch-name,.swatch-hex{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.71875rem}.swatch-name{text-overflow:ellipsis;white-space:nowrap;color:var(--foreground-strong);overflow:hidden}.swatch-hex{color:var(--foreground-subtle)}.palette-section .copy-feedback:not(:empty){background:var(--foreground);color:var(--background);border-radius:4px;padding:0 .375rem;font-size:.6875rem;position:absolute;top:.25rem;left:.25rem}.swatch-tiles{border:1px solid var(--border);border-radius:var(--radius);background:var(--border);grid-template-columns:repeat(auto-fill,minmax(8.25rem,1fr));gap:1px;display:grid;overflow:hidden}.swatch-tile{background:var(--surface);height:100%;transition:background-color var(--transition-fast);flex-direction:column;display:flex}.swatch-tile:hover{background:var(--surface-hover)}.swatch-tile-chip{height:4.5rem;display:block}.swatch-tile .swatch-label{padding:.625rem .75rem}.swatch-tiles-dense{grid-template-columns:repeat(8,minmax(0,1fr))}.swatch-tiles-dense .swatch-tile-chip{height:2.75rem}.swatch-tiles-dense .swatch-label{padding:.4375rem .5rem}.swatch-tiles-dense .swatch-name,.swatch-tiles-dense .swatch-hex{font-size:.65625rem}.swatch-cards{grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr));gap:.625rem;display:grid}.swatch-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color var(--transition-fast);align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.swatch-card:hover{border-color:var(--border-hover)}.swatch-card-chip{border-radius:5px;flex-shrink:0;width:1.75rem;height:1.75rem}.swatch-list{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(13.75rem,1fr));column-gap:1.5rem;display:grid}.swatch-row{border-bottom:1px solid var(--border);transition:background-color var(--transition-fast);align-items:center;gap:.625rem;padding:.5rem .25rem;display:flex}.swatch-row:hover{background:var(--surface)}.swatch-row-chip{border-radius:3px;flex-shrink:0;width:1rem;height:1rem;box-shadow:inset 0 0 0 1px #80808040}.swatch-row .swatch-name{flex:1}.palette-box{--p-line:color-mix(in srgb, var(--p-fg) 9%, var(--p-bg));border:1px solid var(--border);border-radius:var(--radius);background:var(--p-bg);color:var(--p-fg);overflow:hidden}.ansi-row{grid-template-columns:3.25rem minmax(0,1fr);display:grid}.ansi-row+.ansi-row{border-top:1px solid var(--p-line)}.ansi-row-label{color:var(--p-muted);align-items:center;padding:.75rem;font-size:.6875rem;display:flex}.ansi-cells{grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.ansi-cell{font-family:var(--font-mono);transition:background-color var(--transition-fast);flex-direction:column;gap:.375rem;padding:.5rem .25rem;font-size:.625rem;line-height:1.3;display:flex}.ansi-cell:hover{background:var(--p-hover)}.ansi-cell-chip{height:2.5rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--p-fg) 12%, transparent);border-radius:4px;display:block}.ansi-cell-index,.ansi-cell-hex{color:var(--p-muted);padding:0 .125rem}.ansi-cell-index{color:color-mix(in srgb, var(--p-fg) 70%, var(--p-bg))}.palette-box-code{border-top:1px solid var(--p-line);white-space:pre;margin:0;padding:.875rem 1rem;font-size:.78125rem;line-height:1.7;overflow-x:auto}.palette-editor-tabs{border-bottom:1px solid var(--p-line);gap:1rem;padding:.5rem .875rem;font-size:.6875rem;display:flex}.palette-editor-code{white-space:pre;flex-direction:column;margin:0;padding:.75rem 0;font-size:.8125rem;line-height:1.75;display:flex;overflow-x:auto}.palette-editor-line{min-width:max-content;padding-right:1rem;display:flex}.palette-editor-gutter{text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;width:2.75rem;padding-right:1rem}.palette-editor-cursor{vertical-align:-.15em;width:2px;height:1.1em;margin-left:1px;display:inline-block}@media (max-width:640px){.swatch-tiles-dense{grid-template-columns:repeat(4,minmax(0,1fr))}.ansi-row{grid-template-columns:minmax(0,1fr)}.ansi-row-label{padding:.625rem .5rem 0}.ansi-cells{grid-template-columns:repeat(4,minmax(0,1fr))}}.palette-card{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);height:100%;color:var(--foreground);transition:border-color var(--transition-fast);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.palette-card:hover{border-color:var(--border-hover)}.palette-card-preview{flex-direction:column;flex:1;justify-content:space-between;gap:1rem;min-height:9.375rem;padding:1.25rem;display:flex}.palette-card-code{font-family:var(--font-mono);white-space:pre;flex-direction:column;font-size:.78125rem;line-height:1.7;display:flex}.palette-card-meta{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.palette-card-title{font-size:.875rem;font-weight:500}.palette-card-mode{color:var(--foreground-subtle);font-size:.75rem}.preset-group{margin-top:2.75rem}.preset-group h2{letter-spacing:-.01em;margin:0 0 1rem;font-size:1.25rem;font-weight:500}.preset-group h2 a{color:var(--foreground);text-decoration:none}.preset-group h2 a:hover{color:var(--accent-text)}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr));gap:.75rem;margin-top:1.5rem;display:grid}.preset-group .preset-grid{margin-top:0}.preset-card{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-height:5.5rem;color:var(--foreground);transition:border-color var(--transition-fast);flex-direction:column;justify-content:space-between;gap:1.25rem;padding:.875rem 1rem;text-decoration:none;display:flex}.preset-card:hover{border-color:var(--border-hover)}.preset-card-title{font-size:.9375rem;font-weight:500}.preset-card-meta{color:var(--foreground-subtle);font-size:.75rem}