.kit-modal{z-index:var(--z-modal);position:fixed;inset:0}.kit-modal-backdrop{background:var(--color-bg-modal-overlay);position:fixed;inset:0}.kit-modal-viewport{padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.kit-modal-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);width:100%;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.kit-modal-panel--sm{max-width:480px}.kit-modal-panel--md{max-width:640px}.kit-modal-panel--lg{max-width:800px}.kit-modal-panel--xl{max-width:1040px}.kit-modal-header{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-block-end:1px solid var(--color-border);display:flex}.kit-modal-title{text-align:start;min-width:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex:1}.kit-modal-close{cursor:pointer;min-block-size:44px;min-inline-size:44px;padding:var(--space-1);border-radius:var(--radius-md);color:var(--color-text-secondary);font:inherit;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.kit-modal-close:hover{background:var(--color-bg-tertiary)}.kit-modal-body{padding:var(--space-4) var(--space-6);color:var(--color-text-secondary);overflow-y:auto}.kit-modal-body--flush{padding:0}.kit-modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-block-start:1px solid var(--color-border);display:flex}