.j-color-picker-popover{width:min(320px,100vw - 24px);max-height:min(560px,var(--radix-popover-content-available-height,560px),calc(100dvh - 24px));overscroll-behavior:contain;border:1px solid var(--j-border);border-radius:var(--j-radius-menu);background:var(--j-surface);color:var(--j-text);box-shadow:var(--j-shadow-overlay);padding:16px;overflow-y:auto}.j-color-picker-popover header,.j-color-picker-popover footer,.j-color-picker-fields{align-items:center;gap:12px;display:flex}.j-color-picker-popover header{justify-content:space-between;margin-bottom:12px}.j-color-picker-popover h3{font-size:var(--j-text-body);margin:0;font-weight:600}.j-color-picker-popover header button{border-radius:var(--j-radius-pill);place-items:center;min-width:44px;min-height:44px;display:grid}.j-color-picker-popover section+section{border-top:1px solid var(--j-border);margin-top:16px;padding-top:16px}.j-color-picker-popover h4{font-size:var(--j-text-label);color:var(--j-text-secondary);margin:0 0 12px}.j-native-color-control{border-radius:var(--j-radius-control);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--j-control-border);border:0;flex:none;display:block;position:relative;overflow:hidden}.j-native-color-control input{opacity:0;cursor:pointer;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.j-color-picker-fields>input{border:1px solid var(--j-control-border);border-radius:var(--j-radius-control);background:var(--j-field-bg);min-width:0;min-height:44px;color:var(--j-field-text);flex:1;padding:8px 12px;font-family:monospace;font-size:16px}.j-color-picker-popover footer{justify-content:flex-end;margin-top:16px}.j-color-picker-popover [role=alert]{color:var(--j-danger);font-size:var(--j-text-label);margin-top:8px}