.notification-card>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.notification-card h4{margin:4px 0!important}.notification-card small{font:10px var(--font-mono,monospace);color:#999;letter-spacing:1.5px}.notification-card .notification-note{font-size:12px;line-height:1.7;color:#aaa;margin:12px 0}.notification-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.notification-fields label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;color:#bbb}.notification-fields input,.notification-fields select{box-sizing:border-box;width:100%;min-width:0;padding:11px 12px;background:#191919;border:1px solid #454545;color:#eee;border-radius:10px;font:13px var(--font-sans,sans-serif)}.notification-fields input:focus,.notification-fields select:focus{outline:1px solid #aaa;border-color:#aaa}.notification-wide{grid-column:1/-1}.notification-fields[hidden],.notification-fields label[hidden]{display:none}.notification-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.notification-actions button{min-height:42px;padding:10px 14px;border-radius:10px;border:1px solid #555;background:#202020;color:#eee;font:inherit;cursor:pointer;transition:transform .2s,background .2s}.notification-actions button:hover{background:#333}.notification-actions button:active{transform:scale(.95)}.notification-actions button:disabled{opacity:.45;cursor:default}.notification-actions [data-save-state]{flex:1;min-width:120px;font-size:12px;color:#aaa}.notification-card [role=status]{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.notification-card [data-oauth]{margin-top:16px}.notification-card .wire-check-label{font-size:12px;white-space:nowrap}
@media(max-width:600px){.notification-fields{grid-template-columns:1fr;gap:14px}.notification-actions button{flex:1}.notification-actions [data-save-state]{flex-basis:100%}.notification-card>header{align-items:flex-start}.notification-card input,.notification-card select{font-size:16px}}

.rule-card{min-width:0}.rule-group{border:1px solid #444;border-radius:12px;padding:14px;min-width:0;background:#141414}.rule-children{display:grid;gap:12px;margin-top:12px}.rule-condition{padding:12px;border:1px solid #363636;border-radius:10px;min-width:0;background:#101010}.rule-row{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:10px}.rule-row>label{flex:1;min-width:100px}.rule-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#bbb}.rule-card input:not([type=checkbox]),.rule-card select,.rule-card textarea{box-sizing:border-box;width:100%;min-width:0;background:#191919;color:#eee;border:1px solid #454545;border-radius:9px;padding:10px;font:13px var(--font-sans,sans-serif)}.rule-card textarea{resize:vertical}.rule-card .rule-check{flex-direction:row;align-items:center;justify-content:flex-start;min-width:0;flex:none;min-height:38px}.rule-check input{order:-1}.rule-condition>.rule-check{margin-top:8px}.rule-remove{border:0;color:#bbb;background:transparent;min-height:38px;cursor:pointer}.rule-preview{margin-top:20px;display:grid;gap:12px}.rule-card input:focus,.rule-card textarea:focus,.rule-card select:focus{outline:1px solid #aaa}.rule-children>*{animation:rule-appear .18s ease-out}@keyframes rule-appear{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.rule-children>*{animation:none}}@media(max-width:600px){.rule-group{padding:9px}.rule-condition{padding:9px}.rule-row{gap:8px}.rule-row>label{flex-basis:100%;min-width:0}.rule-row>.rule-check{flex-basis:auto}.rule-card input:not([type=checkbox]),.rule-card select,.rule-card textarea{font-size:16px}.rule-remove{margin-left:auto}}

.preset-rules>[data-preset-editor]>.rule-card{border:0;padding:0;margin-top:20px}.channel-rule-choice{border-top:1px solid #363636;padding:18px 0;margin:12px 0;min-width:0}.channel-rule-choice select{box-sizing:border-box;width:100%;max-width:100%;background:#191919;color:#eee;border:1px solid #454545;padding:10px;border-radius:9px}.preset-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.preset-choice-list label{display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px;border:1px solid #383838;border-radius:10px;min-width:0}.preset-choice-list span{overflow-wrap:anywhere}.channel-rule-choice p{font-size:12px;color:#aaa;line-height:1.6}.sound-card>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.sound-card small{color:#999;font-size:11px}.sound-volume{display:flex;align-items:center;gap:14px;margin:20px 0}.sound-volume input{flex:1;min-width:0;accent-color:#eee}.sound-volume output{width:44px;text-align:right}.sound-event{display:flex;align-items:end;gap:12px;padding:14px 0;border-top:1px solid #333}.sound-event label{display:flex;flex-direction:column;flex:1;min-width:0;gap:8px}.sound-event select{width:100%;box-sizing:border-box;padding:11px;background:#191919;color:#eee;border:1px solid #454545;border-radius:10px}.sound-card button{border:1px solid #555;background:#202020;color:#eee;border-radius:10px;padding:10px 14px;min-height:42px;cursor:pointer;transition:transform .2s,background .2s}.sound-card button:hover{background:#333}.sound-card button:active{transform:scale(.95)}.sound-event>button{flex:none;width:44px;display:grid;place-items:center;padding:0}.sound-asset{display:flex;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #333}.sound-asset span{flex:1;min-width:0;overflow-wrap:anywhere}.sound-card [role=status]{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.sound-card .notification-note{color:#aaa;font-size:12px;line-height:1.7}.sound-card [data-sound-library]>p{color:#aaa;font-size:12px}@media(max-width:600px){.preset-choice-list{grid-template-columns:1fr}.channel-rule-choice select,.sound-event select{font-size:16px}.sound-asset{flex-wrap:wrap}.sound-asset span{flex-basis:100%}}
.sound-event{display:block;padding:20px 0}
.sound-event-heading{display:flex;align-items:end;gap:14px}
.sound-event-heading>button{flex:none;width:44px;height:44px;display:grid;place-items:center;padding:0}
.sound-event-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.sound-event-controls label{display:grid;grid-template-columns:1fr;gap:8px;padding:12px;background:#151515;border:1px solid #303030;border-radius:12px}
.sound-event-controls span{font:10px var(--font-mono);color:#aaa}
.sound-event-controls output{font:14px var(--font-mono);font-variant-numeric:tabular-nums;color:#eee}
.sound-event-controls input{width:100%;min-width:0;accent-color:#eee;margin:4px 0;cursor:pointer}
@media(max-width:600px){.sound-event-controls{grid-template-columns:1fr;gap:8px}.sound-event-controls label{grid-template-columns:1fr auto}.sound-event-controls input{grid-column:1/-1}}