.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:var(--surface-scrim)}.modal{position:fixed;z-index:var(--z-modal);top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;max-height:85vh;background:var(--surface-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-overlay-md)}.modal{max-width:calc(100vw - var(--space-32))}.modal--sm{width:var(--modal-width-sm)}.modal--md{width:var(--modal-width-md)}.modal--lg{width:var(--modal-width-lg)}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-12);padding:var(--space-16);border-bottom:var(--border-width-default) solid var(--border-subtle)}.modal__title{font-size:var(--text-title-xs-size);line-height:var(--text-title-xs-lh);letter-spacing:var(--text-title-xs-ls);font-weight:var(--weight-semibold)}.modal__description{margin-top:var(--space-4);font-size:var(--text-body-size);line-height:var(--text-body-lh);color:var(--text-secondary)}.modal__body{padding:var(--space-16);overflow-y:auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-8);padding:var(--space-16);border-top:var(--border-width-default) solid var(--border-subtle)}.drawer{position:fixed;z-index:var(--z-modal);top:0;right:0;bottom:0;width:var(--drawer-width);max-width:100vw;display:flex;flex-direction:column;background:var(--surface-default);border-left:var(--border-width-default) solid var(--border-subtle);box-shadow:var(--shadow-overlay-md)}.drawer--left{right:auto;left:0;width:var(--sidebar-width);border-left:none;border-right:var(--border-width-default) solid var(--border-subtle)}.surface-float{z-index:var(--z-float);min-width:var(--menu-min-width);padding:var(--space-4);background:var(--surface-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-overlay-sm)}.menu-item{display:flex;align-items:center;gap:var(--space-8);height:var(--control-sm);padding:0 var(--space-8);border-radius:var(--radius-md);font-size:var(--text-body-size);color:var(--text-primary);text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none}.menu-item[data-highlighted]{background:var(--surface-hover)}.menu-item[data-disabled]{color:var(--text-disabled);cursor:not-allowed}.menu-item--danger{color:var(--text-danger)}.menu-separator{height:var(--border-width-default);margin:var(--space-4) 0;background:var(--border-subtle)}.tooltip{z-index:var(--z-tooltip);max-width:var(--tooltip-max-width);padding:var(--space-4) var(--space-8);background:var(--surface-inverse);color:var(--text-inverse);border-radius:var(--radius-md);font-size:var(--text-caption-size);line-height:var(--text-caption-lh)}.popover{padding:var(--space-12)}.modal__discard{flex-wrap:wrap}.modal__discard-text{flex:1 1 auto;min-width:0;color:var(--text-secondary);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh)}.modal__discard-title{color:var(--text-primary);font-weight:var(--weight-medium)}