.modal-overlay{z-index:200;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:24px;animation:.15s modal-overlay-in;display:flex;position:fixed;inset:0}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--modal-bg);border:1px solid var(--modal-border);box-shadow:var(--modal-shadow);border-radius:16px;flex-direction:column;width:min(1400px,95vw);height:95vh;animation:.2s modal-container-in;display:flex;overflow:hidden}@keyframes modal-container-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-container-header{background:var(--panel-header-bg);border-bottom:1px solid var(--panel-header-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.modal-container-body{flex:1;overflow:auto}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.modal-container{border-radius:16px 16px 0 0;width:100vw;height:95dvh;animation:.35s cubic-bezier(.22,1,.36,1) modal-container-mobile-in}}@keyframes modal-container-mobile-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes preview-spin{to{transform:rotate(360deg)}}.panel-title-group{align-items:center;gap:8px;display:flex}.preview-spinner{color:var(--openui-interactive-accent-default);flex-shrink:0;animation:1s linear infinite preview-spin}.preview-body{flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.preview-content{align-self:flex-start;width:100%;padding:16px}