#outfit-dialog{width:650px;padding:0;border:2px solid;border-color:#a4a4a8 #252629 #252629 #a4a4a8;border-radius:0;box-shadow:1px 1px #08090a,inset 1px 1px #77797d;background-color:#53555a;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.13' filter='url(%23n)' d='M0 0h140v140H0z'/%3E%3C/svg%3E");color:#dddde0;font:12px Arial,sans-serif}
#outfit-dialog::backdrop{background:#0005;backdrop-filter:none}
#outfit-title{margin:0;height:24px;line-height:24px;text-align:center;font:bold 14px/24px Arial,sans-serif;color:#e7e7eb;text-shadow:1px 1px #222;background:linear-gradient(#60626888,#393b4188);border-bottom:1px solid #2a2b2d}
.classic-outfit-content{padding:23px 24px 12px}.classic-outfit-top{display:grid;grid-template-columns:112px 70px 1fr;gap:15px;align-items:start}.classic-preview-column{display:flex;flex-direction:column;align-items:center;gap:8px}
#outfit-dialog button{font:bold 12px Arial,sans-serif;color:#dddde0;text-shadow:1px 1px #35363a;border:1px solid;border-color:#8c8e93 #292b30 #292b30 #8c8e93;border-radius:0;background:linear-gradient(#6a6d7340,#45474c50);box-shadow:inset -1px -1px #44464a,inset 1px 1px #77797d;padding:6px 12px;min-height:28px;transform:none}
#outfit-dialog button:hover{filter:brightness(1.12)}#outfit-dialog button:active,#outfit-dialog button.selected{border-color:#2a2b2e #909297 #909297 #2a2b2e;box-shadow:inset 1px 1px #33353a;background-color:#393b4255}
#outfit-dialog button:disabled{opacity:.5;cursor:wait}#outfit-dialog button:focus-visible{outline:1px dotted #eee;outline-offset:-4px}
#outfit-dialog #rotate-outfit{width:112px;height:112px;border-color:#2e3034 #909297 #909297 #2e3034;box-shadow:inset 1px 1px #3b3d42;padding:0;background:#55585d44}
#outfit-preview{width:110px;height:110px;display:block;image-rendering:pixelated}#outfit-dialog #next-outfit{width:72px}.classic-preview-column #outfit-name{font:10px Arial;color:#c3c3c9;text-align:center;min-height:12px}
.outfit-parts{display:grid;gap:7px}.outfit-parts button{height:32px;padding:0!important}
#outfit-palette{display:grid;grid-template-columns:repeat(19,1fr);gap:3px;padding-top:2px}
#outfit-dialog #outfit-palette button{width:100%;aspect-ratio:1;min-height:0;padding:0;border:1px solid;border-color:#a5a6aa #24262a #24262a #a5a6aa;box-shadow:inset 1px 1px #ffffff33;background:var(--swatch);position:relative}
#outfit-dialog #outfit-palette button.selected{outline:1px solid white;outline-offset:1px;box-shadow:inset 0 0 0 1px #000;border-color:#333}
#outfit-dialog #outfit-palette button:focus-visible{outline:2px solid white;outline-offset:1px}
.outfit-instructions{font:bold 14px/1.35 Arial,sans-serif!important;color:#e0e0e4!important;text-shadow:1px 1px #37383d;margin:19px 0 0!important}
#outfit-load-status{height:16px;font:11px Arial;margin:7px 0;color:#e4c89c}.outfit-dialog-footer{border-top:1px solid #999a9e;box-shadow:0 -1px #303236;display:flex;justify-content:flex-end;gap:9px;padding-top:22px;margin-top:9px}.outfit-dialog-footer button{min-width:63px}
@media(max-width:620px){.classic-outfit-content{padding:16px}.classic-outfit-top{grid-template-columns:96px 64px;gap:12px}.classic-preview-column{grid-column:1}.outfit-parts{grid-column:2}#outfit-dialog #rotate-outfit{width:96px;height:96px}#outfit-preview{width:94px;height:94px}#outfit-palette{grid-column:1/-1;grid-row:2;width:100%;gap:3px}.classic-outfit-top{justify-content:center}.outfit-instructions{font-size:12px!important}.desktop-break{display:none}.outfit-dialog-footer{padding-top:14px}}