#palette-preview-dialog{width:min(940px,calc(100vw - 48px));max-height:calc(100vh - 32px);padding:0;border:1px solid #d4d9ce;border-radius:14px;background:#fbfaf3;color:#183128;box-shadow:0 30px 80px rgba(17,42,32,.25);overflow:auto}
#palette-preview-dialog::backdrop{background:rgba(15,31,24,.48);backdrop-filter:blur(4px)}
.palette-preview-head{display:flex;align-items:center;justify-content:space-between;padding:14px 24px 12px;border-bottom:1px solid #dfe3d8}
.palette-preview-head h2{margin:2px 0 0;font-size:21px;letter-spacing:.02em}
.palette-preview-kicker{color:#66826e;font-size:10px;font-weight:800;letter-spacing:.16em}
#close-palette-preview{width:34px;height:34px;padding:0;border:0;border-radius:7px;background:transparent;color:#79584b;font-size:24px}
#close-palette-preview:hover{background:#eee9dc}
.palette-preview-stage{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:12px;padding:14px 24px;background:#f0f3eb}
.palette-preview-stage figure{display:grid;justify-items:center;margin:0;min-width:0}
.palette-preview-stage figcaption{margin-bottom:8px;color:#5f7067;font-size:12px;font-weight:700}
.palette-preview-stage canvas{display:block;width:min(100%,270px);aspect-ratio:1;object-fit:contain;image-rendering:pixelated;border:1px solid #ced8cb;border-radius:10px;background-color:#fff;background-image:linear-gradient(45deg,#e8ece6 25%,transparent 25%),linear-gradient(-45deg,#e8ece6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8ece6 75%),linear-gradient(-45deg,transparent 75%,#e8ece6 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;box-shadow:0 10px 24px rgba(37,67,49,.08)}
.palette-preview-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dfeadb;color:#2b6046;font-size:18px;font-weight:800}
.palette-preview-controls{padding:12px 24px 6px}
.palette-preview-controls label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:750}
#palette-strength-value{min-width:48px;padding:4px 8px;border-radius:6px;background:#e2eddf;color:#26563f;text-align:center;font-size:12px}
#palette-strength{width:100%;margin:14px 0 7px;accent-color:#3f7d5b}
.palette-preview-scale{display:flex;justify-content:space-between;color:#77837d;font-size:10px}
#palette-preview-status{min-height:18px;margin:2px 24px 8px;color:#65736c;font-size:12px}
.palette-preview-actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 24px 14px;border-top:1px solid #e1e4da}
.palette-preview-actions button{min-height:38px;padding:0 16px;border-radius:7px}
.palette-map-asset{position:absolute;top:6px;right:134px;display:grid;place-items:center;width:26px;min-height:26px;padding:0;border:0;border-radius:50%;background:rgba(75,105,79,.94);color:#fff;font-size:16px;line-height:1;opacity:0}
.asset-library article:hover .palette-map-asset,.asset-library article:focus-within .palette-map-asset{opacity:1}
@media(max-width:720px){#palette-preview-dialog{width:calc(100vw - 24px)}.palette-preview-stage{grid-template-columns:1fr;padding:16px}.palette-preview-arrow{display:none}.palette-preview-stage canvas{max-height:280px}.palette-preview-head,.palette-preview-controls,.palette-preview-actions{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:no-preference){#palette-preview-dialog[open]{animation:palette-dialog-in .18s ease-out}@keyframes palette-dialog-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}}