.palette-editor,.palette-result{min-width:0}.palette-actions,.palette-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.palette-editor button,.palette-result button{font:inherit;font-size:12px;font-weight:800;border:1px solid #b9e7ec;background:#fff;color:#146977;border-radius:10px;padding:9px 11px;cursor:pointer;min-height:38px}.palette-editor button:hover,.palette-result button:hover{border-color:#0ca4b5;background:#f0fdff}.palette-editor button:focus-visible,.palette-result button:focus-visible{outline:3px solid #22ddf3;outline-offset:3px}.palette-editor button:disabled,.palette-result button:disabled{opacity:.4;cursor:default}.palette-catalog{margin-top:22px;border-top:1px solid #deedf0;padding-top:18px}.palette-catalog>label{font-weight:800;display:flex;justify-content:space-between;margin-bottom:9px}.palette-catalog input[type=search]{width:100%;padding:12px;border:1px solid #bddde4;border-radius:12px}.palette-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:9px;padding:12px 7px;max-height:290px;overflow:auto;border:1px solid #e0eef1;border-radius:14px;background:#f8fcfc;scrollbar-width:thin}.palette-wall button{padding:0;min-height:34px;aspect-ratio:1;background:var(--swatch);border:2px solid #fff;border-radius:50%;box-shadow:inset 0 -3px 5px #10282b20,0 1px 3px #10282b30}.palette-wall button:hover{background:var(--swatch);outline:2px solid #0ca4b5;outline-offset:1px}.palette-wall button[aria-pressed=true]{outline:3px solid #0ca4b5;outline-offset:1px}.palette-wall button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.palette-wall button[hidden]{display:none}.palette-preview{display:flex;align-items:end;justify-content:center;gap:2px;background:linear-gradient(180deg,#fff,#eff9fa);padding:22px 12px 12px;border:1px solid #deedf0;border-radius:18px;min-height:195px}.palette-preview>div{max-width:145px;min-width:0;text-align:center}.palette-preview svg{width:100%;max-height:180px;display:block}.palette-preview span{font-size:12px;color:#3b6970;font-weight:800}.palette-ratio{display:flex;height:15px;border-radius:20px;overflow:hidden;margin:16px 0}.palette-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.palette-card{border:1px solid #d3e7ea;background:#fff;border-radius:16px;padding:15px;min-width:0;display:flex;flex-direction:column;gap:10px}.palette-card.is-locked{border-color:#0ca4b5;background:#f3fcfd}.palette-card-heading{display:flex;gap:11px;align-items:center}.palette-card-heading>div{min-width:0}.palette-card strong{display:block;font-size:14px;line-height:1.3;margin:4px 0;overflow-wrap:anywhere}.palette-card small{font-size:11px;color:#5d7b80}.palette-card code{font-size:12px;color:#49666d}.palette-card .palette-swatch{flex:none;width:38px;height:38px;min-height:38px;padding:0;border-radius:50%;background:var(--swatch);box-shadow:inset 0 -4px 9px #183c3a20}.palette-tags{display:flex;flex-wrap:wrap;gap:5px}.palette-tags span{background:#eaf7f9;border-radius:9px;padding:3px 7px;color:#4b7179;font-size:10px}.palette-card-actions{margin:auto 0 0;gap:5px}.palette-card-actions button{font-size:10px;padding:6px 8px;min-height:32px}.palette-notice{font-size:12px;color:#216672;min-height:18px;margin:8px 0}.palette-copy-fallback{width:100%;height:140px;border:1px solid #b9e7ec;border-radius:12px;padding:12px}.palette-result>[data-pal-action]{background:var(--pb-brand-gradient);color:#fff}.palette-catalog.is-replacing{outline:2px solid #0ca4b5;outline-offset:8px}.palette-editor .calc-fields{gap:12px}@media(max-width:480px){.palette-cards{grid-template-columns:1fr}.palette-preview{min-height:120px;padding:12px 4px}.palette-preview span{font-size:10px}.palette-actions button{flex:1 1 42%}}

.pb-tool-palette .calc-workspace{grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr);align-items:start}.pb-tool-palette .calc-help{grid-column:1/-1}@media(max-width:1000px){.pb-tool-palette .calc-workspace{grid-template-columns:1fr}}

.palette-editor-section{margin:0 0 24px}.palette-editor-section h3{color:#18434e;font-size:15px;margin:0 0 7px}.palette-editor-section>p{color:#66848d;font-size:12px;line-height:1.6;margin:0 0 16px}.palette-editor-section .palette-base-value{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 0;font-size:11px}.palette-base-value code{border:1px solid #d7ebef;border-radius:8px;padding:5px 9px;background:#f1fafb;color:#0792a5;font-size:11px}.palette-core-fields input[type=color]{width:100%;height:48px;border-radius:12px;cursor:pointer;padding:5px}.palette-style-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.palette-style-choices>button{padding:13px 9px;text-align:left;border:1px solid #d8e9ed;border-radius:14px;background:#fff;transition:background .15s,border-color .15s,box-shadow .15s;min-width:0}.palette-style-choices>button[aria-pressed=true]{background:#effbfd;border-color:#0badbf;box-shadow:0 0 0 1px #0badbf}.palette-style-choices strong{display:block;font-size:11px;color:#164952;margin-top:9px}.palette-style-choices small{display:block;margin-top:3px;font-size:9px;line-height:1.4;font-weight:500;color:#71919a}.palette-style-colors{display:flex;padding-left:4px}.palette-style-colors i{display:block;flex:none;width:23px;height:23px;border:2px solid #fff;border-radius:50%;margin-left:-4px;box-shadow:0 1px 3px #284b5420}.palette-context-settings{border:1px solid #d6ebef;border-radius:16px;padding:17px 18px;background:#f9fdfe}.palette-context-settings>summary{font-weight:750;color:#17515b;cursor:pointer;font-size:12px}.palette-context-settings>summary span,.palette-catalog-details>summary span{display:block;font-size:10px;font-weight:500;color:#72939d;margin:5px 0 0}.palette-context-settings>.calc-fields{margin-top:17px}.palette-result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.palette-result .palette-actions{gap:8px;margin:0 0 16px}.palette-result .palette-actions>button:first-child{color:#fff;border-color:transparent;background:var(--pb-brand-gradient);display:flex;align-items:center;justify-content:center;gap:7px}.palette-result .palette-actions>button:first-child:hover{filter:brightness(1.03)}.palette-result-note{font-size:11px;line-height:1.7;color:#6a8c97;margin:14px 0 18px}.palette-card .palette-card-actions button{flex:1}.palette-card .palette-card-actions button[aria-pressed=true]{background:#ddf8f5;color:#058d87;border-color:#7ed7d3}.palette-result .palette-stage{padding:16px}.palette-result .palette-balloon-row{gap:4px}.palette-result .palette-balloon{min-width:0}.palette-result .palette-balloon-label{font-size:10px}.palette-catalog-details>summary{font-size:12px}@media(max-width:600px){.palette-style-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.palette-style-choices>button{padding:12px 8px}.palette-core-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.palette-result .palette-actions>button:first-child{flex-basis:100%}.palette-context-settings{padding:15px}.palette-style-choices small{font-size:9px}}@media(max-width:350px){.palette-style-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.palette-style-choices>button{transition:none}}