.color-swatch-display[data-v-59dd69c5]{border-radius:inherit;width:100%;height:100%;position:relative}.swatch-info[data-v-59dd69c5]{flex-direction:column;gap:3px;max-width:calc(100% - 24px);display:flex;position:absolute;top:10px;left:12px}.swatch-name[data-v-59dd69c5]{letter-spacing:.01em;text-shadow:0 1px 3px #00000040;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:15px;font-weight:600;overflow:hidden}.swatch-values[data-v-59dd69c5]{flex-direction:column;gap:2px;display:flex}.swatch-hex[data-v-59dd69c5]{letter-spacing:.04em;opacity:.8;text-shadow:0 1px 3px #0000004d;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.swatch-extra-value[data-v-59dd69c5]{opacity:.75;text-shadow:0 1px 2px #00000040;gap:4px;font-size:12px;display:flex}.swatch-value-label[data-v-59dd69c5]{text-transform:uppercase;letter-spacing:.05em;font-weight:600}.swatch-value-text[data-v-59dd69c5]{font-variant-numeric:tabular-nums}.simple-tabs[data-v-c32fcb88]{background:#f5f5f5;border-radius:6px;gap:4px;padding:2px;display:flex}.simple-tab[data-v-c32fcb88]{text-align:center;text-transform:uppercase;letter-spacing:.05em;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;flex:1;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s}.simple-tab[data-v-c32fcb88]:hover{color:#1a73e8;background:#1a73e814}.simple-tab.active[data-v-c32fcb88]{color:#1a73e8;background:#fff;box-shadow:0 1px 3px #00000014}.color-swatch[data-v-bc00ed09]{border:1px solid #0000001f;border-radius:6px;flex-shrink:0;width:36px;height:36px}.color-picker-full[data-v-bc00ed09]{width:100%;box-shadow:none;border:1px solid #0000001f;border-radius:8px}.gradient-slider[data-v-bc00ed09]{cursor:crosshair;border:1px solid #0000001f;border-radius:8px;width:100%;height:48px;position:relative}.gradient-handle-container[data-v-bc00ed09]{cursor:pointer;z-index:1;width:24px;height:24px;position:absolute;top:50%;transform:translate(-50%,-50%)}.gradient-handle-container--selected[data-v-bc00ed09]{z-index:10}.gradient-handle[data-v-bc00ed09]{border:3px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .1s,box-shadow .1s;box-shadow:0 2px 8px #0000004d}.gradient-handle-container:hover .gradient-handle[data-v-bc00ed09]{transform:scale(1.15);box-shadow:0 3px 12px #0006}.gradient-handle--selected[data-v-bc00ed09]{border-width:4px;border-color:#1976d2;box-shadow:0 0 0 2px #fff,0 3px 12px #1976d299}.gradient-handle-container--selected .gradient-handle[data-v-bc00ed09]{transform:scale(1.2)}.angle-bar[data-v-bc00ed09]{cursor:pointer;background:linear-gradient(90deg,#e0e0e0,#e0e0e0);border-radius:6px;width:100%;height:32px;position:relative}.angle-bar[data-v-bc00ed09]:before{content:"";background:#bdbdbd;height:2px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.angle-handle[data-v-bc00ed09]{cursor:grab;background:#fff;border:2px solid #1976d2;border-radius:6px;justify-content:center;align-items:center;width:48px;height:28px;transition:transform .1s,box-shadow .1s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000026}.angle-handle[data-v-bc00ed09]:active{cursor:grabbing;transform:translate(-50%,-50%)scale(1.05);box-shadow:0 3px 10px #00000040}.angle-value[data-v-bc00ed09]{color:#1976d2;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:600}