.dialogue-overlay{z-index:1300;padding:var(--space-24);background-color:var(--opacity-black-medium);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialogue-panel{width:min(720px, calc(100vw - var(--space-24)));max-height:calc(100vh - var(--space-24));background-color:var(--neutral-surface-main);color:var(--neutral-content-main-titles);border:1px solid var(--neutral-border-components);border-radius:var(--radius-12);box-shadow:var(--shadow-bottom-xl);flex-direction:column;display:flex;position:relative;overflow:hidden}.dialogue-header{justify-content:space-between;align-items:flex-start;gap:var(--space-12);padding:var(--space-24);border-bottom:1px solid var(--neutral-border-components);display:flex}.dialogue-title-group{gap:var(--space-4);flex-direction:column;flex:auto;min-width:0;display:flex}.dialogue-close{flex-shrink:0}.dialogue-body{gap:var(--space-16);padding:var(--space-24);flex-direction:column;flex:auto;display:flex}.dialogue-fields{gap:var(--space-12);grid-template-columns:1fr;display:grid}@media (min-width:720px){.dialogue-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.dialogue-footer{justify-content:flex-end;align-items:center;gap:var(--space-8);padding:var(--space-16) var(--space-24);border-top:1px solid var(--neutral-border-components);display:flex}.dialogue-action{min-width:calc(var(--space-64) + var(--space-8))}@media (max-width:640px){.dialogue-overlay{padding:var(--space-12)}.dialogue-panel{width:100%;max-height:calc(100vh - var(--space-12))}.dialogue-footer{flex-wrap:wrap;justify-content:flex-end}}.sidebar-overlay{justify-content:flex-end;align-items:stretch;padding:0}.sidebar-overlay--left{justify-content:flex-start}.sidebar-panel{background-color:var(--neutral-surface-main);width:min(480px,100vw);height:100%;color:var(--neutral-content-main-titles);border:1px solid var(--neutral-border-components);box-shadow:var(--shadow-bottom-xl);flex-direction:column;display:flex;position:relative;overflow:hidden}.sidebar-panel--right{border-radius:var(--radius-12) 0 0 var(--radius-12);border-right:none}.sidebar-panel--left{border-radius:0 var(--radius-12) var(--radius-12) 0;border-left:none}.sidebar-body{overscroll-behavior:contain;overflow-y:auto}@media (max-width:640px){.sidebar-panel{width:100vw}.sidebar-panel--right,.sidebar-panel--left{border-left:none;border-right:none;border-radius:0}}.drawer-overlay{justify-content:stretch;align-items:flex-end;padding:0}.drawer-panel{background-color:var(--neutral-surface-main);width:100%;max-height:60vh;color:var(--neutral-content-main-titles);border:1px solid var(--neutral-border-components);border-radius:var(--radius-12) var(--radius-12) 0 0;box-shadow:var(--shadow-bottom-xl);border-bottom:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.drawer-handle{width:var(--space-32);background-color:var(--neutral-border-components);border-radius:var(--radius-full);height:4px;margin:var(--space-12) auto var(--space-4);flex-shrink:0;display:none}.drawer-body{overscroll-behavior:contain;overflow-y:auto}@media (min-width:768px){.drawer-panel{max-height:50vh}}