/* NEWIT Ultra — one-touch curated palettes in the existing editor. */
.ultra-direction{margin:17px 0 25px;padding:23px 16px 18px;border:1px solid #cfc6b6;border-radius:16px;background:linear-gradient(160deg,#f9f6ee,#efece4);box-shadow:0 14px 32px #231f1c09}
.ultra-direction .ultra-kicker{font:750 9px/1.4 "Noto Sans KR",sans-serif;letter-spacing:2.1px;color:#7b6752;margin-bottom:9px}
.ultra-direction h4{font:700 18px/1.3 "Noto Sans KR",sans-serif;color:#27241f;letter-spacing:-.045em;margin:0 0 7px}
.ultra-direction p{color:#6a655d;font:400 11px/1.7 "Noto Sans KR",sans-serif;margin:0 0 13px}
.ultra-palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ultra-palette-grid button{display:flex;align-items:center;gap:8px;min-width:0;text-align:left;border:1px solid #d9d5cc;border-radius:10px;background:white;padding:8px;cursor:pointer;color:#37332d;transition:box-shadow .2s,border-color .2s,transform .2s}
.ultra-palette-grid button:hover{border-color:#6f5d46;transform:translateY(-2px);box-shadow:0 4px 14px #0001}
.ultra-palette-grid button[aria-pressed=true]{border:2px solid #50412f;padding:7px;background:#fffcf5;box-shadow:0 0 0 2px #b5aa913a}
.ultra-palette-grid button:focus-visible{outline:3px solid #ae8f68;outline-offset:2px}
.ultra-swatch{display:flex;flex-shrink:0;width:35px;height:37px;border-radius:7px;overflow:hidden;border:1px solid #0001;box-shadow:0 1px 5px #0001}
.ultra-swatch i{display:block;width:50%;height:100%}
.ultra-palette-grid button b{font:700 11px/1.25 "Noto Sans KR",sans-serif;letter-spacing:-.04em;white-space:normal;word-break:keep-all}
.ultra-direction .ultra-note{margin:12px 0 0;font-size:10px;color:#84786d}
@media(max-width:700px){.ultra-direction{margin:13px 0 20px;padding:18px 12px}.ultra-palette-grid{gap:7px}.ultra-palette-grid button{min-height:52px}}
@media(prefers-reduced-motion:reduce){.ultra-palette-grid button{transition:none}}