.saved-palettes{--sp-ink:var(--platform-ink,var(--ink,#272430));--sp-muted:var(--platform-muted,var(--muted,#7b7785));--sp-line:var(--platform-line,var(--line,#e1dfe7));--sp-accent:var(--platform-purple,var(--accent,#7760c5));--sp-soft:var(--platform-lav,var(--soft,#eee9ff));color:var(--sp-ink);border-top:1px solid var(--sp-line);margin-top:24px;padding-top:20px;font-size:14px}
.saved-palettes h2{font-family:inherit;font-weight:600;line-height:1.5;font-size:16px;margin:0 0 6px}.saved-palettes .sp-hint{font-size:13px;line-height:1.7;margin:0 0 14px;color:var(--sp-muted)}.saved-palettes .sp-name{display:block;font-size:13px}.saved-palettes .sp-name input{display:block;width:100%;box-sizing:border-box;border:1px solid var(--sp-line);border-radius:5px;padding:10px 12px;margin:6px 0 10px;font:inherit;min-height:42px;color:inherit;background:var(--platform-bg,var(--paper,#fbfafc))}
.saved-palettes button,.saved-palettes a{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--sp-line);border-radius:5px;background:transparent;text-decoration:none;box-sizing:border-box}.saved-palettes button:hover,.saved-palettes a:hover{background:var(--sp-soft)}.saved-palettes button:focus-visible,.saved-palettes input:focus-visible,.saved-palettes a:focus-visible{outline:2px solid var(--sp-accent);outline-offset:3px}.saved-palettes .sp-save{width:100%;padding:10px 14px;min-height:44px;color:var(--sp-accent);border-color:var(--sp-accent);font-weight:500}.saved-palettes .sp-status:empty{display:none}.saved-palettes .sp-status{font-size:13px;line-height:1.6;color:var(--sp-accent);margin:12px 0}
.saved-palettes .sp-items{max-height:330px;overflow:auto;overscroll-behavior:contain;margin-top:14px;padding:2px;display:grid;gap:10px}.saved-palettes .sp-item{border:1px solid var(--sp-line);border-radius:5px;padding:12px;min-width:0}.saved-palettes .sp-item[data-active]{border-color:var(--sp-accent);background:var(--sp-soft)}.saved-palettes .sp-info b{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere;margin-top:8px}.saved-palettes .sp-info small{display:block;font-size:11px;line-height:1.5;color:var(--sp-muted);overflow-wrap:anywhere}.saved-palettes .sp-swatches{display:flex;height:26px;overflow:hidden;border-radius:3px}.saved-palettes .sp-swatches i{display:block;flex:1}.saved-palettes .sp-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.saved-palettes .sp-use{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 12px;font-size:13px}.saved-palettes .sp-delete{font-size:12px;border:0;padding:8px;min-height:40px;color:var(--sp-muted)}.saved-palettes .sp-scope,.saved-palettes .sp-empty,.saved-palettes .sp-error{font-size:12px;line-height:1.7;color:var(--sp-muted);margin:12px 0 0}.saved-palettes .sp-error{color:var(--sp-ink)}