.palette-dialog{color:#19223b;background:#fafbff;gap:20px;max-height:calc(100dvh - 32px);padding:28px;overflow:auto;width:min(1080px,100vw - 32px)!important;max-width:1080px!important}.palette-controls{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.palette-controls label{gap:6px;font-size:13px;display:grid}.palette-controls select{color:#19223b;background:#fff;border:1px solid #b9c1d7;border-radius:8px;min-height:44px;padding:8px 12px}.palette-controls>span{margin-left:auto;padding-bottom:12px;font-size:13px}.palette-body{grid-template-columns:minmax(0,1fr) 260px;gap:24px;min-height:0;display:grid}.palette-grid{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:420px;margin:0;padding:3px;display:grid;overflow:auto}.palette-option{cursor:pointer;background:#fff;border:1px solid #cbd1e0;border-radius:10px;align-content:start;gap:8px;padding:12px;display:grid;position:relative}.palette-option.is-selected{background:#f0f3ff;border:2px solid #3046b4;padding:11px}.palette-option:focus-within{outline-offset:1px;outline:3px solid #3046b4}.palette-option input{accent-color:#3046b4;width:16px;height:16px;position:absolute;top:10px;right:10px}.palette-option strong{font-size:13px;line-height:1.4}.palette-option small{color:#52617b;font-size:12px}.palette-swatches{border:1px solid #0002;border-radius:5px;height:44px;margin-right:20px;display:flex;overflow:hidden}.palette-swatches i{flex:1}.palette-preview{--palette-bg:#f2f4f9;--palette-surface:#e3e8f2;--palette-ink:#19223b;--palette-accent:#3046b4;--palette-button-ink:white;background:var(--palette-bg);color:var(--palette-ink);border:1px solid #0002;border-radius:10px;align-self:start;overflow:hidden}.palette-preview-nav{border-bottom:1px solid;padding:18px;font-size:14px;font-weight:650}.palette-preview-copy{padding:28px 18px}.palette-preview h3{text-wrap:balance;margin:0 0 20px;font:500 30px/1.15 Georgia,serif}.palette-preview p{margin:0 0 20px;font-size:13px;line-height:1.65}.palette-preview-button{background:var(--palette-accent);color:var(--palette-button-ink);border-radius:5px;padding:12px 16px;font-size:13px;display:inline-block}.palette-preview-surface{background:var(--palette-surface);padding:20px 18px;font-size:13px}.palette-preview>small{padding:16px 18px;font-size:11px;display:block}.palette-footer{border-top:1px solid #d4daea;justify-content:flex-end;align-items:center;gap:12px;padding-top:20px;display:flex}.palette-footer>span{margin-right:auto;font-size:13px}.palette-footer button{min-height:44px}.palette-dialog :is(button,select):focus-visible{outline-offset:3px;outline:3px solid #3046b4}@media (max-width:800px){.palette-body{grid-template-columns:minmax(0,1fr)}.palette-preview{display:none}.palette-grid{max-height:45dvh}.palette-footer{flex-wrap:wrap}.palette-footer>span{width:100%}}@media (max-width:480px){.palette-dialog{gap:16px;max-height:calc(100dvh - 16px);padding:22px 16px;width:calc(100vw - 16px)!important}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.palette-controls{gap:10px}.palette-controls>span{display:none}.palette-controls label{flex:1;min-width:0}.palette-controls select,.palette-footer button{width:100%}}@media (prefers-reduced-motion:reduce){.palette-dialog{transition:none!important;animation:none!important}}