.modal-shell{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-shell[hidden]{display:none}.modal-shell__backdrop{position:absolute;inset:0;background:var(--overlay-backdrop)}.modal-shell__dialog{position:relative;display:flex;flex-direction:column;max-height:90vh;background:#fff;border-radius:.75rem;box-shadow:0 20px 60px var(--shadow-md),0 0 0 1px var(--gray-border-subtle)}.modal-shell--sm .modal-shell__dialog{width:28rem}.modal-shell--md .modal-shell__dialog{width:36rem}.modal-shell--lg .modal-shell__dialog{width:48rem}.modal-shell__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-border-default)}.modal-shell__title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;color:var(--text-strong)}.modal-shell__title:before{content:"";display:inline-block;width:.25rem;height:1.25rem;background:var(--primary);border-radius:.125rem;flex-shrink:0}.modal-shell__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:.375rem;background:transparent;color:var(--text-muted);font-size:1.25rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.modal-shell__close:hover{background:var(--gray-bg-hover);color:var(--text-strong)}.modal-shell__close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.modal-shell__body{padding:1.5rem;overflow-y:auto;flex:1}.modal-shell__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--gray-border-default)}