.wing-composer-tabs button i{margin-right:.35rem}.wing-color-tools{display:grid;grid-template-rows:minmax(0,1fr) auto;max-height:min(430px,calc(100vh - 250px));overflow:hidden}.wing-color-scroll{display:grid;gap:13px;padding:14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.wing-color-section{display:grid;gap:8px}.wing-color-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.wing-color-heading strong{color:#eaf1ff;font-size:.78rem}.wing-color-heading span{color:#7fe5ff;font:700 .72rem/1 'JetBrains Mono',monospace}.wing-color-heading button{border:1px solid rgba(125,160,255,.2);border-radius:8px;padding:5px 9px;background:rgba(91,123,255,.08);color:#aebddd;font-size:.7rem;cursor:pointer}.wing-color-heading button:hover{background:rgba(91,123,255,.18);color:#fff}.wing-color-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.wing-color-swatch{position:relative;aspect-ratio:1;border:2px solid transparent;border-radius:9px;background:var(--wing-swatch);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.wing-color-swatch:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.3)}.wing-color-swatch.is-active{border-color:#fff;box-shadow:0 0 0 2px #35d7ff,0 8px 20px rgba(22,198,255,.25)}.wing-color-preview{min-height:44px;display:flex;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#081225;font-weight:700}.wing-color-state{margin:0;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.035);color:#9aabc8;font-size:.72rem;line-height:1.4}.wing-color-tools[data-colors-enabled="1"] .wing-color-state{border-color:rgba(57,224,164,.24);background:rgba(32,168,113,.08);color:#63e8b0}.wing-color-help{margin:0;color:#8799ba;font-size:.72rem;line-height:1.45}.wing-color-actions{z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 14px 14px;border-top:1px solid rgba(255,255,255,.08);background:#080e1d;box-shadow:0 -12px 28px rgba(0,0,0,.2)}.wing-color-apply,.wing-color-reset{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:11px;padding:11px 13px;font-weight:800;cursor:pointer;white-space:nowrap}.wing-color-apply{border:0;background:linear-gradient(135deg,#13c8ff,#6d5cff);color:#fff;box-shadow:0 10px 24px rgba(38,123,255,.25)}.wing-color-reset{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#c3cee2}.wing-color-apply:hover,.wing-color-reset:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:640px){.wing-color-grid{grid-template-columns:repeat(8,minmax(24px,1fr));gap:5px}.wing-color-tools{max-height:min(390px,calc(100vh - 220px))}.wing-color-scroll{padding:11px}.wing-color-swatch{border-radius:7px}.wing-color-actions{grid-template-columns:1fr;padding:10px 11px 12px}}