dialog.outfit-modal{width:448px;max-width:calc(100vw - 32px);padding:24px;border:1px solid #252525;border-radius:10px;background:#0b0b0b;color:#f4f4f4;max-height:calc(100dvh - 48px);overflow:visible;font-family:'Source Sans 3',sans-serif}dialog.outfit-modal::backdrop{background:#000b;backdrop-filter:blur(5px)}.outfit-modal .close{position:absolute;right:16px;top:12px;font-size:22px;line-height:24px;font-weight:400;color:#999}.wizard-title{font-family:'Source Sans 3',sans-serif;font-size:16px;font-weight:600;line-height:24px;letter-spacing:0;margin:0 0 32px}.wizard-label{display:block;font-size:14px;font-weight:500;line-height:20px;margin:0 0 8px}.wizard-input,.community-list{width:100%;border:1px solid #393939;background:#151515;color:#eee;border-radius:8px;padding:8px 12px;font:14px 'Source Sans 3',sans-serif;outline:none;height:36px;box-shadow:0 1px 2px #0008}.wizard-input:focus,.community-list:focus{border-color:#589260;box-shadow:0 0 0 3px #4d90573b}.byte-count{text-align:right;color:#aaa;font:11px/18px monospace;margin-top:4px}.byte-count.invalid{color:#f77}.slot-label{margin-top:16px}.slot-control{position:relative}#slot-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #393939;background:#151515;color:#eee;border-radius:8px;padding:7px 12px;font:14px 'Source Sans 3',sans-serif;height:36px;text-align:left;cursor:pointer}.slot-chevron{color:#858585}.slot-options{position:absolute;bottom:calc(100% + 4px);left:0;right:0;max-height:min(390px,55dvh);overflow:auto;background:#171717;border:1px solid #393939;padding:4px;border-radius:8px;z-index:50;box-shadow:0 6px 20px #0008;scrollbar-width:thin;scrollbar-color:#444 transparent}.slot-options[hidden]{display:none}.slot-options button{display:flex;width:100%;justify-content:space-between;align-items:center;background:none;border:0;color:#eee;text-align:left;padding:6px 8px;border-radius:4px;font:14px/20px 'Source Sans 3',sans-serif;cursor:pointer}.slot-options button:hover,.slot-options button:focus,.slot-options button[aria-selected=true]{background:#282828;outline:none}.wizard-primary{display:block;width:100%;height:36px;border:0;border-radius:7px;background:#4dbb50;color:#08210a;font:14px 'Source Sans 3',sans-serif;margin-top:36px;cursor:pointer}.wizard-primary:disabled{opacity:.5;cursor:default}.wizard-secondary{display:block;width:100%;border:0;background:none;color:#eee;font:600 14px 'Source Sans 3',sans-serif;padding:14px 0 6px;cursor:pointer}.wizard-heading{display:flex;align-items:center;gap:16px;margin-bottom:30px}.wizard-heading .wizard-title{margin:0}.wizard-back{border:0;background:none;color:#eee;padding:0 8px;font-size:20px;cursor:pointer}.community-list{height:194px;resize:vertical;font:12px/16px monospace;display:block}.community-list::placeholder{color:#9a9a9a}.wizard-error{font-size:12px;color:#e78c8c}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:min(420px,58dvh);overflow:auto;padding-right:12px;scrollbar-width:thin;scrollbar-color:#444 transparent}.component-field{border:1px solid #333;border-radius:8px;padding:6px;background:#171717}.component-field label{margin:0 0 5px;color:#aaa;font:12px/16px monospace;display:block}.component-field>div{display:flex;align-items:center;gap:4px;color:#aaa}.component-field input{width:48px;height:24px;border:1px solid #444;border-radius:8px;background:#222;color:#eee;text-align:center;font:12px monospace;appearance:textfield;-moz-appearance:textfield}.component-field input::-webkit-inner-spin-button{appearance:none}.outfit-review>div:first-child{display:flex;justify-content:space-between;margin-bottom:20px}.review-grid .component-field>span{font:12px monospace;color:#aaa}.outfit-warnings{max-height:45dvh;overflow:auto}.outfit-warnings h4{font-size:15px;margin:18px 0 6px}.outfit-warnings p,.warning-intro{font-size:13px;line-height:1.6}.hide-warning{display:flex;gap:8px;align-items:center;font-size:13px;margin-top:16px}.outfit-modal .hide-warning input{accent-color:#50c451}.light dialog.outfit-modal{background:#fafafa;color:#111}.light .wizard-input,.light #slot-trigger,.light .community-list{background:#f5f5f5;color:#111}.light .slot-options{background:#f8f8f8}.light .slot-options button{color:#111}.light .slot-options button:hover,.light .slot-options button:focus,.light .slot-options button[aria-selected=true]{background:#e5e5e5}@media(max-width:500px){dialog.outfit-modal{padding:24px}.slot-options{max-height:40dvh}}