.db-backdrop{position:fixed;inset:0;background:var(--backdrop);backdrop-filter:var(--backdrop-blur);z-index:2000;opacity:0;transition:opacity .2s}.db-backdrop.db-visible{opacity:1}.db-dialog-wrap{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);z-index:2001;background:var(--border-default);clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);padding:1px;width:90%;max-width:480px;max-height:85vh;opacity:0;transition:opacity .2s,transform .2s}.db-dialog-wrap.db-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.db-dialog{background:var(--bg-secondary);clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);padding:32px;max-height:85vh;overflow-y:auto}.db-title{font-family:var(--font-primary);font-size:var(--font-xl);font-weight:700;text-transform:uppercase;color:var(--text-primary);margin-bottom:16px}.db-subtitle{font-size:var(--font-sm);color:var(--text-muted);margin-bottom:20px}.db-error{background:var(--danger-bg);color:var(--danger);font-size:var(--font-sm);padding:8px 12px;margin-bottom:12px;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}.db-tabs{display:flex;gap:4px;margin-bottom:16px}.db-tab--active{border-color:var(--cyan-border);color:var(--cyan);background:var(--cyan-bg)}.db-tab-pane{display:none}.db-tab-pane--active{display:block}.db-fields{display:flex;flex-direction:column;gap:14px}.db-field label{display:block;font-family:var(--font-primary);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px}.db-field input[type=email],.db-field input[type=password],.db-field input[type=text]{width:100%;padding:12px 14px;font-family:var(--font-primary);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-tertiary);border:1.5px solid var(--border-default);outline:0;transition:border-color .2s}.db-field input:focus{border-color:var(--cyan)}.db-field select{width:100%;padding:10px 14px;font-family:var(--font-primary);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-default);outline:0;cursor:pointer;appearance:none}.db-field select option{background:var(--bg-tertiary)}.db-field--toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.db-field--toggle label{margin-bottom:0}.db-field--slider{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center}.db-field--slider label{margin-bottom:0}.db-slider-val{font-family:var(--font-primary);font-size:var(--font-sm);font-weight:600;color:var(--cyan);min-width:45px;text-align:right}.db-field input[type=range]{width:100%;height:4px;appearance:none;background:var(--border-default);outline:0;cursor:pointer}.db-field input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:var(--cyan);border-radius:50%;cursor:pointer}.db-keybind{font-family:var(--font-primary);font-size:var(--font-sm);font-weight:600;padding:6px 16px;border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;min-width:100px;text-align:center}.db-keybind--listening{border-color:var(--cyan);color:var(--cyan);animation:.8s ease-in-out infinite alternate keybind-pulse}@keyframes keybind-pulse{from{border-color:var(--cyan)}to{border-color:transparent}}.db-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.db-column .db-field-heading{margin-bottom:12px}@media (max-width:500px){.db-columns{grid-template-columns:1fr}}.db-control-header,.db-control-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:center}.db-control-header{font-family:var(--font-primary);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan-bright);padding-bottom:8px;border-bottom:1px solid var(--border-default);margin-bottom:4px}.db-control-header span:first-child{color:var(--text-muted)}.db-control-row{padding:6px 0}.db-control-row label{font-family:var(--font-primary);font-size:var(--font-xs);font-weight:600;color:var(--text-muted);margin-bottom:0}.db-control-row .db-keybind{font-size:var(--font-xs);padding:6px 8px;width:100%}.db-divider{border:none;border-top:1px solid var(--border-default);margin:4px 0}.db-field-heading{font-family:var(--font-primary);font-size:var(--font-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cyan-bright);margin:4px 0 0}.dialog-centered,.dialog-centered .db-title{text-align:center}.db-cosmetic-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.db-cosmetic-row label{font-family:var(--font-primary);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:0}.db-cosmetic-current{pointer-events:none}.db-cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding:8px 0 4px}.db-cosmetic-card{background:var(--bg-tertiary);border:2px solid var(--border-default);padding:8px 8px 10px;cursor:pointer;text-align:center;transition:border-color .2s,box-shadow .2s}.db-cosmetic-card:hover{border-color:var(--cyan-border);box-shadow:var(--glow-cyan-sm)}.db-cosmetic-card--selected{border-color:var(--cyan);box-shadow:var(--glow-cyan-md)}.db-cosmetic-preview{width:100%;height:auto;display:block;margin-bottom:8px;border-radius:2px}.db-cosmetic-card-label{font-family:var(--font-primary);font-size:var(--font-sm);font-weight:600;color:var(--text-primary);display:block}.db-dialog::-webkit-scrollbar{width:var(--scrollbar-dialog-width)}.db-dialog::-webkit-scrollbar-track{background:var(--scrollbar-dialog-track)}.db-dialog::-webkit-scrollbar-thumb{background:var(--scrollbar-dialog-thumb);border-radius:2px}