.create-room-form{flex-direction:column;align-items:center;width:100%;max-width:500px;margin-top:20px;display:flex}.create-room-form .form-group{width:100%;max-width:300px;position:relative}.create-room-form .char-count{color:var(--neutral-text-muted);pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.art-style-section{width:100%;margin:24px 0}.art-style-section>label{font-family:var(--font-body);color:var(--neutral-text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:16px;font-size:calc(10px + .5vmin);display:block}.art-style-options{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.art-style-card{cursor:pointer;background:var(--neutral-bg-card);border:3px solid #0000;border-radius:12px;width:180px;transition:all .2s;position:relative;overflow:hidden}.art-style-card:hover{transform:translateY(-4px)}.art-style-card.selected{border-color:var(--neutral-accent);box-shadow:0 0 20px #6366f14d}.art-style-preview{width:100%;height:100px}.original-preview{background:linear-gradient(135deg,#e05b2b 0%,#b4431a 50%,#4d4945 100%)}.voldemort-preview{filter:grayscale(50%);background:linear-gradient(135deg,#1a472a 0%,#0d2818 50%,#1a1a2e 100%)}.art-style-info{text-align:center;padding:12px}.art-style-info h3{font-family:var(--font-display);color:var(--neutral-text);margin:0 0 4px;font-size:calc(12px + .5vmin);font-weight:400}.art-style-info p{color:var(--neutral-text-muted);margin:0;font-size:calc(10px + .3vmin)}.selected-badge{background:var(--neutral-accent);color:#fff;font-size:10px;font-family:var(--font-body);border-radius:4px;padding:4px 8px;font-weight:600;position:absolute;top:8px;right:8px}.coming-soon-overlay{background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.coming-soon-overlay span{font-family:var(--font-display);color:#fff;background:#00000080;border-radius:6px;padding:8px 16px;font-size:calc(12px + .5vmin)}.bot-settings-section{background:var(--neutral-bg-card);border:1px solid var(--neutral-border);border-radius:12px;width:100%;max-width:300px;margin:24px 0;padding:16px}.checkbox-label{cursor:pointer;font-family:var(--font-body);color:var(--neutral-text);align-items:center;gap:10px;font-size:calc(12px + .3vmin);display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--neutral-accent);cursor:pointer}.bot-count-selector{border-top:1px solid var(--neutral-border);margin-top:16px;padding-top:16px}.bot-count-selector>label{color:var(--neutral-text-muted);margin-bottom:10px;font-size:calc(10px + .3vmin);display:block}.bot-count-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bot-count-btn{border:2px solid var(--neutral-border);background:var(--neutral-bg);width:40px;height:40px;color:var(--neutral-text);font-family:var(--font-display);cursor:pointer;border-radius:8px;font-size:calc(14px + .3vmin);transition:all .2s}.bot-count-btn:hover{border-color:var(--neutral-accent);background:var(--neutral-bg-card)}.bot-count-btn.selected{border-color:var(--neutral-accent);background:var(--neutral-accent);color:#fff}.bot-hint{color:var(--neutral-text-muted);text-align:center;margin-top:12px;font-size:calc(10px + .3vmin)}
.join-room-form{flex-direction:column;align-items:center;width:100%;max-width:300px;margin-top:20px;display:flex}.join-room-form .form-group{width:100%;position:relative}.join-room-form .char-count{color:var(--neutral-text-muted);pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.room-code-input{text-align:center;letter-spacing:.3em;text-transform:uppercase;font-weight:600;font-size:calc(18px + 1vmin)!important}.room-code-input::placeholder{letter-spacing:.3em;opacity:.5}