.notification-studio{min-width:0}.ns-tabs{display:flex;border-bottom:1px solid var(--line);margin:22px 0;overflow-x:auto}.ns-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:18px 24px;font-weight:600;white-space:nowrap;cursor:pointer;border-radius:10px 10px 0 0}.ns-tabs button[aria-selected=true]{background:var(--theme-accent-soft);border-bottom-color:var(--yellow);color:var(--ink)}.ns-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}.ns-editors,.ns-aside{min-width:0}.notification-studio .panel{margin:0;border:1px solid var(--line);border-radius:14px;background:var(--white);padding:24px}.ns-aside{display:grid;gap:18px}.notification-studio h2{font-size:20px;margin:0 0 16px}.ns-editor>p,.ns-editor .muted{color:var(--muted);font-size:12px;line-height:1.8}.ns-editor form{margin:0}.ns-editor input:not([type=checkbox]),.ns-editor select,.ns-editor textarea{width:100%;min-width:0;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:12px;font-size:14px}.ns-editor textarea{min-height:105px;resize:vertical}.ns-editor label{font-size:13px}.ns-editor input[type=checkbox]{accent-color:var(--yellow);width:20px;height:20px;vertical-align:middle}.ns-editor .button{margin-top:10px;margin-right:10px}.ns-editor #find-notification-member{display:flex;align-items:end;gap:12px;margin-bottom:18px}.ns-editor #find-notification-member>label{flex:1;min-width:0;margin:0}.ns-editor #find-notification-member .button{margin:0;flex-shrink:0}.ns-aside header{display:flex;align-items:start;justify-content:space-between;gap:12px}.ns-pill{background:var(--theme-accent-soft);color:var(--theme-accent-ink);padding:5px 12px;border-radius:20px;font-size:11px}.ns-preview{border:1px solid var(--line);border-radius:13px;padding:20px;display:flex;gap:18px;box-shadow:0 3px 10px #00000008}.ns-preview>div{min-width:0;overflow-wrap:anywhere}.ns-preview strong{font-size:14px}.ns-preview p{white-space:pre-wrap;margin:6px 0 14px;line-height:1.8;font-size:14px}.ns-preview .muted{font-size:12px}.ns-bell{width:52px;height:60px;border-radius:12px;background:var(--theme-accent-soft);display:grid;place-items:center;flex-shrink:0}.ns-bell svg{width:28px;height:28px}.ns-hint{font-size:12px;color:var(--muted);margin:16px 0 0}.ns-aside dl{margin:0;font-size:13px}.ns-aside dl>div{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;border-top:1px solid var(--line);padding:16px 0}.ns-aside dd{margin:0;overflow-wrap:anywhere}.ns-aside dt{color:var(--muted)}.ns-preview [data-ns-link]{display:block;border-top:1px solid var(--line);padding-top:12px;font-size:13px}.notification-studio [hidden]{display:none!important}@media(max-width:850px){.ns-layout{grid-template-columns:1fr}.ns-tabs button{padding:14px 16px;font-size:12px}.notification-studio .panel{padding:18px}.ns-editor input:not([type=checkbox]),.ns-editor select,.ns-editor textarea{font-size:16px}.ns-preview{padding:16px;gap:12px}}@media(max-width:400px){.ns-editor #find-notification-member{flex-wrap:wrap}.ns-editor #find-notification-member>label{flex-basis:100%}.ns-bell{width:38px;height:45px}.ns-preview{padding:12px}.notification-studio .panel{padding:14px}}

.ns-editor input[type=checkbox]{appearance:none;width:42px;height:24px;border-radius:20px;background:var(--line);position:relative;border:1px solid var(--line);cursor:pointer}.ns-editor input[type=checkbox]:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:var(--white);transition:transform .15s}.ns-editor input[type=checkbox]:checked{background:var(--yellow);border-color:var(--yellow)}.ns-editor input[type=checkbox]:checked:before{transform:translateX(18px)}

.notification-studio .ns-editor form:not(#find-notification-member){display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.notification-studio .ns-editor form:not(#find-notification-member)>*{grid-column:1/-1;min-width:0}.notification-studio .ns-editor form:not(#find-notification-member)>.button{justify-self:start}.notification-studio .ns-editor label{width:100%}