.nv-outfit-dialog{position:fixed;inset:12px;margin:auto;width:min(1240px,calc(100% - 24px));height:calc(100dvh - 24px);max-height:none;max-width:none;padding:0;border:1px solid #687b92;border-radius:16px;background:#111a27;color:#eef3fa;font:15px/1.5 system-ui,sans-serif;box-shadow:0 20px 90px #0009}
.nv-outfit-dialog::backdrop{background:#020711d9}
.nv-outfit-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid #344356;height:70px;box-sizing:border-box}
.nv-outfit-dialog h2{margin:0;font-size:21px}
.nv-outfit-body{height:calc(100% - 70px);overflow:auto;padding:16px 20px;box-sizing:border-box}
.nv-outfit-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0}
.nv-outfit-controls label{display:grid;gap:4px;flex:1 1 160px;min-width:0}
.nv-outfit-dialog input,.nv-outfit-dialog select,.nv-outfit-dialog button{font:inherit;min-height:42px;border:1px solid #52647a;border-radius:7px;background:#1b293b;color:#eef3fa;padding:8px;box-sizing:border-box}
.nv-outfit-dialog select{width:100%;max-width:100%}
.nv-outfit-dialog button{cursor:pointer}
.nv-outfit-dialog button:disabled{opacity:.4;cursor:default}
.nv-outfit-dialog :focus-visible{outline:2px solid #b5d4ff;outline-offset:3px}
.nv-outfit-dialog fieldset{border:1px solid #344356;border-radius:10px;min-width:0}
.nv-outfit-dialog [hidden]{display:none!important}
.nv-outfit-slots{display:flex;flex-wrap:wrap;gap:14px}
.nv-outfit-slots label{display:flex;gap:6px;align-items:center}
.nv-outfit-slots input{min-height:24px;width:22px}
.nv-outfit-note{color:#b7c5d7;font-size:13px}
.nv-outfit-counts{font-weight:600}
.nv-outfit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.nv-outfit-card{display:flex;flex-direction:column;align-items:start;gap:6px;padding:14px;background:#192637;border:1px solid #344356;border-radius:12px;overflow-wrap:anywhere;min-width:0}
.nv-outfit-card p{margin:4px 0;font-size:13px}
.nv-outfit-card code,.nv-outfit-card small{font-size:12px;color:#c2cfdf}
.nv-outfit-thumb{align-self:stretch;min-height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-conic-gradient(#273446 0% 25%,#223043 0% 50%) 0/16px 16px;border-radius:8px;font-size:12px;text-align:center}
.nv-outfit-thumb canvas{image-rendering:pixelated;width:128px;height:128px}
.nv-outfit-status{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:bold}
.nv-outfit-status.allowed{background:#1e5847;color:#c6fbe6}
.nv-outfit-status.excluded{background:#663743;color:#ffe0e4}
.nv-outfit-status.conditional{background:#65502b;color:#ffedbc}
.nv-outfit-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0}
@media(max-width:520px){.nv-outfit-body{padding:12px}.nv-outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nv-outfit-card{padding:8px}.nv-outfit-pager{gap:8px;font-size:12px}.nv-outfit-dialog>header{padding:12px}.nv-outfit-dialog h2{font-size:17px}}