/* Compact, shared native/concept outfit palette. */
.zt-ma .zt-cc-colors{margin:12px 0 0;border:1px solid #795b27;background:linear-gradient(110deg,#211b10,#0e100d);border-radius:3px;min-width:0;box-shadow:inset 0 1px #d4af5730}
.zt-ma .zt-cc-colors>summary{display:flex;align-items:center;gap:8px;min-height:35px;padding:7px 10px;color:#f1d99d;cursor:pointer;font-size:12px;list-style:none}
.zt-ma .zt-cc-colors>summary::-webkit-details-marker{display:none}
.zt-ma .zt-cc-colors>summary:after{content:'⌄';margin-left:auto;color:#d3ae54;font-size:17px;line-height:1;transition:transform .15s}
.zt-ma .zt-cc-colors[open]>summary:after{transform:rotate(180deg)}
.zt-ma .zt-cc-color-dots{display:flex;gap:3px;margin-left:auto}
.zt-ma .zt-cc-color-dots i,.zt-ma .zt-cc-color-part i{width:10px;height:10px;display:inline-block;background:var(--cc-part-color,#ffd477);border:1px solid #e9d49b66;border-radius:2px;box-shadow:0 1px 2px #000}
.zt-ma .zt-cc-color-picker{padding:2px 10px 10px;min-width:0}
.zt-ma .zt-cc-color-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 8px}
#realm-route-content .zt-ma .zt-cc-colors .zt-cc-color-part{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;margin:0;padding:5px 3px;min-height:29px;height:auto;border:1px solid #6f552a;border-image:none;background:#14150f;color:#bfb69e;font:600 12px 'Source Sans 3','Source Sans Pro',sans-serif;box-shadow:none;border-radius:2px;text-transform:none;cursor:pointer}
#realm-route-content .zt-ma .zt-cc-colors .zt-cc-color-part:hover{background:#332912;color:#fff0c8;border-color:#ae873c}
#realm-route-content .zt-ma .zt-cc-colors .zt-cc-color-part[aria-selected=true]{background:linear-gradient(#5c431c,#302711);color:#fff1c7;border-color:#d4aa51;box-shadow:inset 0 1px #f8dc8140}
#realm-route-content .zt-ma .zt-cc-colors .zt-cc-color-part:active{background:#221b0e;border-color:#f0cf71}
.zt-ma .zt-cc-color-grid{display:grid;grid-template-columns:repeat(19,minmax(0,1fr));gap:3px;max-width:548px;padding:6px;background:#080b09;border:1px solid #564728;border-radius:2px}
#realm-route-content .zt-ma .zt-cc-colors .zt-cc-color-chip{box-sizing:border-box;display:block;position:relative;min-width:0;min-height:0;width:100%;max-width:100%;height:auto;aspect-ratio:1;margin:0;padding:0;background:var(--cc-chip)!important;border:1px solid #fff3;border-image:none;box-shadow:inset 0 0 0 1px #0003;border-radius:1px;cursor:pointer;transform:none!important}
#realm-route-content .zt-ma .zt-cc-colors .zt-cc-color-chip:hover{border-color:#fff;box-shadow:0 0 0 1px #ffd77b;z-index:1}
#realm-route-content .zt-ma .zt-cc-colors .zt-cc-color-chip[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px #e9b84e;z-index:2}
#realm-route-content .zt-ma .zt-cc-colors .zt-cc-color-chip[aria-pressed=true]:after{content:'';position:absolute;inset:24%;border:1px solid #fff;box-shadow:0 0 0 1px #0009;border-radius:50%}
#realm-route-content .zt-ma .zt-cc-colors .zt-cc-color-chip:active{box-shadow:inset 0 0 0 2px #0009,0 0 0 1px #fff}
#realm-route-content .zt-ma .zt-cc-colors :focus-visible{outline:2px solid #ffe2a0;outline-offset:3px}
.zt-ma .zt-cc-color-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:27px;padding-top:6px;color:#c6b998;font-size:11px}
#realm-route-content .zt-ma .zt-cc-colors .zt-cc-reset-colors{box-sizing:border-box;min-height:25px;min-width:0;height:auto;padding:3px 7px;margin:0;background:#201c12;color:#ecd28f;border:1px solid #745b2e;border-image:none;border-radius:2px;box-shadow:none;font:12px 'Source Sans 3','Source Sans Pro',sans-serif;text-transform:none;cursor:pointer}
#realm-route-content .zt-ma .zt-cc-colors .zt-cc-reset-colors:hover{background:#3a2f15;border-color:#c79b48;color:#fff0c2}
#realm-route-content .zt-ma .zt-cc-colors .zt-cc-reset-colors:active{background:#17140d}
.zt-ma .zt-cc-color-status{margin:1px 0 0;min-height:14px;color:#a99d80;font-size:10px}
@media(max-width:620px){.zt-ma .zt-cc-color-grid{gap:2px;padding:4px}.zt-ma .zt-cc-color-picker{padding:2px 7px 7px}#realm-route-content .zt-ma .zt-cc-colors .zt-cc-color-part{font-size:11px;gap:4px}.zt-ma .zt-cc-colors>summary{padding:7px}#realm-route-content .zt-ma .zt-cc-colors .zt-cc-color-chip{min-height:10px}.zt-ma .zt-cc-color-tabs{gap:3px}}
@media(prefers-reduced-motion:reduce){.zt-ma .zt-cc-colors>summary:after{transition:none}}