.palette-gen{gap:10px;min-width:0;display:grid}.palette-gen .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.palette-gen-columns{height:var(--palette-gen-height,184px);border-radius:10px;outline:none;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.palette-gen-columns:focus-visible{box-shadow:0 0 0 2px var(--accent)}.palette-gen-col{cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0;padding:12px 4px 10px;display:flex;position:relative}.palette-gen-role{font:600 10px/1.2 var(--sans);letter-spacing:.02em;opacity:.72;pointer-events:none;position:relative}.palette-gen .palette-gen-pick{opacity:0;cursor:pointer;border:0;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.palette-gen-col:has(.palette-gen-pick:focus-visible){box-shadow:inset 0 0 0 2px}.palette-gen .palette-gen-hex{width:100%;min-height:26px;color:inherit;font:600 14px/1 var(--mono);letter-spacing:.04em;text-align:center;text-transform:uppercase;background:0 0;border:0;border-radius:5px;padding:2px 4px;position:relative}.palette-gen .palette-gen-hex:hover{background:color-mix(in srgb, var(--ink) 10%, transparent)}.palette-gen .palette-gen-hex:focus-visible{outline-offset:-2px;background:color-mix(in srgb, var(--ink) 12%, transparent);outline:2px solid}.palette-gen-tools{gap:4px;display:flex;position:relative}.palette-gen .palette-gen-tools :is(button,label){background:color-mix(in srgb, var(--ink) 10%, transparent);width:34px;min-width:0;height:34px;min-height:0;color:inherit;opacity:.85;cursor:pointer;border:0;border-radius:8px;place-items:center;margin:0;padding:0;display:grid;position:relative}.palette-gen .palette-gen-tools :is(button,label):is(:hover,:focus-within):not(:disabled),.palette-gen .palette-gen-tools button[aria-pressed=true]{background:color-mix(in srgb, var(--ink) 14%, transparent);color:inherit;opacity:1}.palette-gen .palette-gen-tools .ui-icon{flex:0 0 19px;width:19px;height:19px}.palette-gen-col.is-locked .palette-gen-role:after{content:" · locked"}.palette-gen-shades{z-index:1;grid-template-rows:repeat(9,minmax(0,1fr));display:grid;position:absolute;inset:0}.palette-gen .palette-gen-shades button{min-width:0;min-height:0;font:600 10px var(--mono);text-transform:uppercase;border:0;border-radius:0;padding:0}.palette-gen .palette-gen-shades button:hover:not(:disabled){filter:none;border:0}.palette-gen-shades span{opacity:0}.palette-gen-shades button.is-current{box-shadow:inset 0 0 0 2px}.palette-gen-shades button.is-current span,.palette-gen-shades button:is(:hover,:focus-visible) span{opacity:1}.palette-gen-shades button:focus-visible{outline-offset:-3px;outline:2px solid}.palette-gen-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.palette-gen .palette-gen-generate{min-height:var(--control-height,34px);border:1px solid var(--accent-line,var(--line));background:var(--selected-bg,var(--surface));color:var(--selected-text,var(--text));font:600 12px var(--sans);border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.palette-gen .palette-gen-generate:hover:not(:disabled){border-color:var(--accent);background:var(--selected-bg,var(--surface-hover));color:var(--text)}.palette-gen-generate .ui-icon{flex:0 0 15px;width:15px;height:15px}.palette-gen-generate kbd{margin-left:2px}.palette-gen .palette-gen-harmony{flex:150px;min-width:0;max-width:220px;margin:0}.palette-gen-harmony select{width:100%}.palette-gen-history{gap:4px;margin-left:auto;display:inline-flex}.palette-gen-hint{color:var(--muted);margin:0;font-size:11px;line-height:1.45}@media (hover:hover){.palette-gen-col:not(:hover,:focus-within) .palette-gen-tools :is(button,label):not([aria-pressed=true]){opacity:.6}}.platform-ui .shared-output-dialog{border:1px solid var(--line,#30353a);background:var(--surface,#15181b);width:min(480px,100vw - 32px);color:var(--text,#f2f1eb);border-radius:12px;padding:24px}.platform-ui .shared-output-dialog::backdrop{background:#000000bf}.platform-ui .shared-output-dialog h2{margin:0 0 16px;font-size:22px;line-height:1.3}.platform-ui .shared-output-dialog p{line-height:1.6}.platform-ui .shared-output-dialog .actions{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}