body:has(.dm-drawer-backdrop){overflow:hidden}
.dm-drawer-backdrop{position:fixed;inset:0;z-index:80;background:#0009;backdrop-filter:blur(7px);display:flex;justify-content:flex-end}
.dm-drawer-dismiss{position:absolute;inset:0}
.dm-cluster-drawer{position:relative;width:min(690px,100%);height:100dvh;background:#090909;border-left:1px solid #292929;display:flex;flex-direction:column;box-shadow:-30px 0 100px #0008;color:#eee}
.dm-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:28px;border-bottom:1px solid #222;gap:18px;flex:none}
.dm-drawer-head small{font:700 10px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#888}.dm-drawer-head h2{font:900 25px var(--display);text-transform:uppercase;letter-spacing:-.05em;margin:5px 0 0;overflow-wrap:anywhere}
.dm-cluster-form{flex:1;display:flex;flex-direction:column;min-height:0}.dm-drawer-body{overflow-y:auto;padding:26px 28px 38px;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin}
.dm-cluster-group{margin:0 0 24px;border:1px solid #252525;border-radius:26px;padding:28px 20px;min-width:0;display:grid;gap:23px;background:#0a0a0a}
.dm-cluster-group legend{font:900 13px var(--display);text-transform:uppercase;letter-spacing:-.035em;padding:0 8px;display:inline-flex;align-items:center;gap:9px}
.dm-cluster-group legend>span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#000;font:900 11px var(--display);margin-right:8px}
.dm-cluster-group label{display:block;font:600 13px var(--text);color:#aaa}.dm-cluster-group .field{margin-top:9px;border-radius:18px;background:#000;padding:12px;border-color:#333;font:500 13px var(--text)}
.dm-cluster-group textarea.field{min-height:84px;resize:vertical}.dm-cluster-group textarea.dm-template{min-height:130px;font:12px/1.6 var(--mono)}
.dm-cluster-group p{font:12px/1.5 var(--text);color:#777;margin:-12px 0 0}.dm-cluster-group h3{margin:0;font:900 15px var(--display);text-transform:uppercase;letter-spacing:-.04em}
.dm-drawer-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 28px;border-top:1px solid #222;background:#090909;flex:none}
.dm-switch{display:flex!important;gap:10px;align-items:center;cursor:pointer}.dm-switch input{position:absolute;opacity:0;width:1px;height:1px}.dm-switch-track{width:51px;height:30px;border-radius:99px;background:#333;position:relative;flex:none}.dm-switch-track:after{content:'';position:absolute;width:24px;height:24px;top:3px;left:3px;background:#999;border-radius:50%;transition:transform .15s}.dm-switch input:checked+.dm-switch-track{background:white}.dm-switch input:checked+.dm-switch-track:after{background:#000;transform:translateX(21px)}.dm-switch input:focus-visible+.dm-switch-track{outline:2px solid #c7ff57;outline-offset:3px}.dm-switch b{display:block;color:#eee;font-size:13px}.dm-switch small{display:block;color:#777;font-size:12px;margin-top:3px}
@media(max-width:640px){.dm-drawer-head{padding:22px 18px}.dm-drawer-body{padding:22px 14px}.dm-drawer-footer{padding:14px 18px}.dm-cluster-group{padding:24px 18px}.dm-cluster-group .dm-form-grid{grid-template-columns:1fr 1fr;gap:12px}.dm-drawer-head h2{font-size:22px}.dm-cluster-group .field{min-width:0}.dm-cluster-group label{min-width:0}}
