.color-picker-panel{--swatch-border-color:var(--color-outline-variant);background:var(--color-surface-container-high);border:1px solid var(--color-outline-variant);border-radius:var(--shape-corner-large);box-shadow:var(--elevation3);color:var(--color-on-surface-variant);display:flex;flex-direction:column;gap:var(--shape-corner-small);padding:var(--shape-corner-large);position:absolute;right:calc(var(--asterisms-spacing-sm)*3);top:var(--asterisms-spacing-md);z-index:99}.color-picker-panel label{align-items:center;display:flex;gap:8px}.color-picker-panel input{--color-picker-shape:var(--shape-corner-small);background-color:var(--surface-container-low);border:none;border-color:var(--color-outline);border-radius:var(--color-picker-shape);display:flex;height:48px;width:48px}.color-picker-panel input::-webkit-color-swatch,.color-picker-panel input::-webkit-color-swatch-wrapper{border-color:var(--swatch-border-color);border-radius:var(--color-picker-shape)}.color-picker-panel input::-webkit-color-swatch-wrapper{padding:0}.color-picker-panel input::-moz-color-swatch{border-radius:var(--color-picker-shape)}heading.svelte-1wvx42g{padding:1rem}.color-row.svelte-1wvx42g{display:flex;gap:4px}.color-block.svelte-1wvx42g{border-radius:.4rem;height:2rem;width:2rem}.asterisms-miniapps-design-stuio-history.svelte-1wvx42g{display:grid}