.founder-colors-overlay{position:fixed;inset:0;z-index:24000;display:flex;align-items:center;justify-content:center;padding:18px;background:#050a14cc;backdrop-filter:blur(4px)}
.founder-colors-overlay.hidden,.founder-color-menu.hidden{display:none!important}
.founder-colors-dialog{width:min(720px,96vw);max-height:92vh;overflow:auto;border:1px solid #465a82;border-radius:16px;background:#111c31;color:#edf4ff;box-shadow:0 20px 80px #0009;font:14px system-ui,sans-serif}
.founder-colors-dialog header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid #344563;background:#111c31f5;backdrop-filter:blur(6px)}
.founder-colors-header-actions{display:flex;align-items:center;gap:8px}.founder-colors-header-actions [data-founder-save]{background:#2582b3;border-color:#57b2e0;font-weight:800}
.founder-colors-dialog h2{margin:5px 0 0;font-size:22px}.founder-colors-dialog small{font-size:10px;color:#d8b974;letter-spacing:.14em}
.founder-colors-dialog button{cursor:pointer;border:1px solid #465a82;border-radius:7px;background:#243653;color:#edf4ff;padding:10px 14px;font:inherit}.founder-colors-dialog button:focus-visible,.founder-color-menu button:focus-visible{outline:2px solid #79cfff;outline-offset:3px}.founder-colors-dialog button:disabled{opacity:.5;cursor:wait}
.founder-colors-body{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:22px}.founder-colors-preview{min-width:0}.founder-colors-preview canvas{width:100%;max-width:280px;aspect-ratio:1;image-rendering:pixelated;border-radius:8px;background:repeating-conic-gradient(#1d2b43 0% 25%,#23324d 0% 50%) 50%/24px 24px}
.founder-colors-directions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.founder-colors-directions button{font-size:11px;padding:7px}
.founder-colors-parts label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #344563}.founder-colors-parts input{width:56px;height:38px;padding:2px;border:1px solid #6580a8;border-radius:6px;background:#152039;cursor:pointer}.founder-colors-parts p{font-size:12px;line-height:1.5;color:#aabbce}
.founder-colors-status{min-height:18px;margin:0;padding:10px 22px;color:#e9c579;background:#111c31}.founder-colors-dialog footer{position:sticky;bottom:0;z-index:2;display:flex;gap:12px;justify-content:space-between;padding:14px 22px;background:#111c31f5;border-top:1px solid #344563;box-shadow:0 -8px 18px #07101f99;backdrop-filter:blur(6px)}.founder-colors-dialog [data-founder-save]{background:#2582b3;border-color:#57b2e0}
.founder-color-menu{position:fixed;z-index:23000;padding:5px;border:1px solid #526d97;background:#13223b;border-radius:8px;box-shadow:0 8px 24px #0008}.founder-color-menu button{padding:12px;color:#eef6ff;background:none;border:0;cursor:pointer;font:14px system-ui,sans-serif}
#founder-outfit-select-colors{margin-right:8px;padding:10px 15px;border:1px solid #6b95bd;border-radius:7px;background:#253d60;color:#eaf5ff;cursor:pointer}
@media(max-width:560px){.founder-colors-dialog{max-height:calc(100dvh - 12px);width:calc(100vw - 12px)}.founder-colors-dialog header{padding:10px 12px}.founder-colors-header-actions [data-founder-save]{padding:9px 10px}.founder-colors-body{grid-template-columns:1fr;gap:12px;padding:15px}.founder-colors-preview{max-width:180px;margin:auto}.founder-colors-dialog h2{font-size:17px}.founder-colors-status{padding:8px 15px}.founder-colors-dialog footer{padding:10px 15px;gap:8px}.founder-colors-dialog footer button{flex:1}}