.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#2a2a30;border:1px solid #3a3a40;border-radius:8px;min-width:400px;max-width:600px;max-height:80vh;overflow-y:auto}.modal-header{border-bottom:1px solid #3a3a40;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:#e0e0e4;margin:0;font-size:16px;font-weight:600}.modal-close{color:#8e8e96;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1}.modal-close:hover{color:#e0e0e4}.modal-body{padding:20px}.settings-group{margin-bottom:24px}.settings-group:last-child{margin-bottom:0}.settings-group-title{color:#8e8e96;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.settings-item{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.settings-checkbox{justify-content:flex-start;gap:8px}.settings-label{color:#e0e0e4;font-size:14px}.settings-select{color:#e0e0e4;background:#1a1a1e;border:1px solid #3a3a40;border-radius:4px;padding:4px 8px;font-size:14px}.settings-select:focus{border-color:#0000;outline:2px solid #7c9fdb}input[type=checkbox]{accent-color:#7c9fdb;width:16px;height:16px}