.sdt-color-palette{position:fixed;z-index:10040;width:220px;height:292px;display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:10px;border:1px solid var(--gis-line, var(--template-line, #d9e0ea));border-radius:9px;background:var(--gis-surface, var(--template-surface, #fff));color:var(--gis-text, var(--template-text, #111827));box-shadow:0 10px 24px #0f172a24}.sdt-color-palette__head,.sdt-color-palette__preview,.sdt-color-palette__actions{display:flex;align-items:center}.sdt-color-palette__head{justify-content:space-between;gap:10px;font-size:12px;font-weight:800}.sdt-color-palette__close{border:0;background:transparent;color:var(--gis-muted, #667085);padding:2px 4px;font:inherit;font-size:11px;line-height:1.2;cursor:pointer}.sdt-color-palette__close:hover,.sdt-color-palette__close:focus-visible{outline:none;color:var(--gis-danger, #b42318)}.sdt-color-palette__preview{gap:8px}.sdt-color-palette__sample{width:24px;height:24px;border-radius:6px;box-shadow:inset 0 0 0 1px #0f172a29}.sdt-color-palette__hex{flex:1;min-width:0;height:32px;border:1px solid var(--gis-line, var(--template-line, #d9e0ea));border-radius:7px;background:var(--gis-control-bg, #fff);color:var(--gis-text, var(--template-text, #111827));padding:0 10px;font:inherit;font-size:12px;font-weight:700;text-transform:uppercase}.sdt-color-palette__hex:focus{outline:none;border-color:#b4231857;box-shadow:0 0 0 3px #b423181a}.sdt-color-palette__picker{display:grid;align-content:start;gap:8px}.sdt-color-palette__sv{position:relative;height:132px;border-radius:8px;cursor:crosshair;overflow:hidden;touch-action:none;box-shadow:inset 0 0 0 1px #0f172a24}.sdt-color-palette__sv:before,.sdt-color-palette__sv:after{content:"";position:absolute;inset:0;pointer-events:none}.sdt-color-palette__sv:before{background:linear-gradient(90deg,#fff,#fff0)}.sdt-color-palette__sv:after{background:linear-gradient(180deg,#0000,#000)}.sdt-color-palette__sv-thumb{position:absolute;z-index:1;width:12px;height:12px;border:2px solid #fff;border-radius:999px;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a6b,0 1px 3px #0f172a47;pointer-events:none}.sdt-color-palette__hue{position:relative;height:14px;border-radius:999px;cursor:ew-resize;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:inset 0 0 0 1px #0f172a24}.sdt-color-palette__hue-thumb{position:absolute;top:50%;width:12px;height:20px;border:2px solid #fff;border-radius:999px;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a6b,0 1px 3px #0f172a47;pointer-events:none}.sdt-color-palette__presets{display:none;align-content:start;gap:7px}.sdt-color-palette.is-preset-mode .sdt-color-palette__picker{display:none}.sdt-color-palette.is-preset-mode .sdt-color-palette__presets{display:grid}.sdt-color-palette__preset-section{display:grid;gap:7px}.sdt-color-palette__preset-body{display:grid;gap:10px}.sdt-color-palette__theme-grid{display:grid;grid-template-columns:repeat(10,16px);justify-content:center;gap:4px}.sdt-color-palette__theme-column{display:grid;grid-template-rows:repeat(6,16px);gap:4px}.sdt-color-palette__standard-grid{display:grid;grid-template-columns:repeat(10,16px);justify-content:center;gap:4px}.sdt-color-palette__swatch{width:16px;min-width:16px;height:16px;min-height:16px;border:0;border-radius:2px;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #0f172a24}.sdt-color-palette__swatch:hover,.sdt-color-palette__swatch:focus-visible{outline:2px solid rgba(22,163,74,.28);outline-offset:2px}.sdt-color-palette__swatch.is-active{outline:2px solid #16a34a;outline-offset:2px}.sdt-color-palette__actions{justify-content:flex-start;gap:8px;padding-top:4px}.sdt-color-palette__actions [data-action=cancel]{margin-left:auto}.sdt-color-palette__button{height:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--gis-line, var(--template-line, #d9e0ea));border-radius:8px;background:var(--gis-control-bg, #fff);color:var(--gis-text, var(--template-text, #111827));padding:0 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.sdt-color-palette__button:hover,.sdt-color-palette__button:focus-visible{outline:none;border-color:#b423183d;box-shadow:0 3px 10px #0f172a0f}.sdt-color-palette__button--primary{border-color:#2563eb;background:#2563eb;color:#fff}.sdt-color-palette__mode{width:32px;min-width:32px;padding:0}.sdt-color-palette__mode-icon{width:22px;min-width:22px;height:22px;min-height:22px;flex:0 0 22px;display:block;fill:currentColor}.sdt-color-palette__mode-icon--single,.sdt-color-palette.is-preset-mode .sdt-color-palette__mode-icon--grid{display:none}.sdt-color-palette.is-preset-mode .sdt-color-palette__mode-icon--single{display:block}