.browser-image-extra-options{display:grid;gap:1rem;min-width:0}.browser-image-extra-options label{display:grid;gap:.45rem;min-width:0;font-size:.9375rem;font-weight:600;color:var(--ink,#172238)}.browser-image-extra-options input[type=color]{width:100%;min-height:44px;padding:.25rem;cursor:pointer}.browser-image-extra-options .image-extra-check{display:flex;align-items:center;gap:.6rem}.image-extra-check input{width:20px;height:20px;flex-shrink:0}.image-extra-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.image-extra-actions button,.image-extra-palette button{border:1px solid #d0d7e5;border-radius:.5rem;background:#fff;color:#3342be;min-height:44px;padding:.55rem .8rem;font:inherit;cursor:pointer}.image-extra-preview{margin:0;border:1px solid #dce2ee;border-radius:.75rem;overflow:hidden;background:repeating-conic-gradient(#e9edf3 0% 25%,#f9fafc 0% 50%) 0 0/20px 20px}.image-extra-preview canvas{display:block;max-width:100%;height:auto;margin:auto}.image-extra-preview figcaption{padding:.6rem .75rem;background:#f4f6fa;color:#4d5a73;font-size:.85rem}.image-extra-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem}.image-extra-palette button{display:grid;gap:.4rem;text-align:left;color:#172238;font-size:.85rem;overflow-wrap:anywhere}.image-extra-palette .image-extra-swatch{display:block;height:42px;border-radius:.3rem;border:1px solid #dce2ee}.image-extra-picked,.image-extra-contrast{margin:0;overflow-wrap:anywhere}.image-extra-contrast{padding:.8rem;border:1px solid #dce2ee;border-radius:.6rem}[data-browser-tool=color_palette] .image-extra-preview canvas{cursor:crosshair;touch-action:manipulation}.browser-image-extra-options [hidden]{display:none!important}