.modal-page{width:100%}.modal{width:100%;max-width:100%;margin:0 auto;padding:24px 40px}.modal-header{justify-content:space-between;align-items:flex-start;gap:32px;margin:24px 0;display:flex}.modal-header-content{flex:1;min-width:0}.modal-header-content p{margin-top:12px}.modal-section{margin-top:40px}.modal-preview{flex-direction:column;gap:24px;width:100%;display:flex}.modal-item{align-items:center;gap:32px;width:100%;display:flex}.modal-label{flex-shrink:0;width:140px}.modal-example{flex:1;align-items:center;min-width:0;display:flex}.modal-example>*{display:inline-flex}@media (max-width:768px){.modal{padding:24px}.modal-header{flex-direction:column;align-items:stretch;gap:24px}.modal-item{flex-direction:column;align-items:flex-start;gap:12px}.modal-label{width:auto}.modal-example{width:100%}}@media (max-width:520px){.modal{padding:20px}.modal-preview{gap:20px}.modal-section{margin-top:32px}}