.frontend-settings-tabs{margin-bottom:20px}.frontend-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:24px}.frontend-image-grid article{border:1px solid #ddd;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.frontend-image-grid img{width:100%;height:100px;object-fit:contain}.frontend-image-preview{max-width:100%;height:150px;object-fit:contain}.frontend-setting-row{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid #ddd}.frontend-setting-row b{flex:1}.frontend-setting-row .field{margin:0;min-width:120px}.frontend-settings-links{display:flex;flex-wrap:wrap;gap:12px}.frontend-announcement,.frontend-page-notice{background:#fff4d9;border-radius:10px;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere}.frontend-custom-content{white-space:pre-wrap;overflow-wrap:anywhere}body:not(.trainer) .btn.primary,body:not(.trainer) .home-checkin-button,body:not(.trainer) .home-team-bottom button,body:not(.trainer) .home-metrics button{background:var(--frontend-accent,#e11d48)}

.site-preview-overlay{position:fixed;inset:0;z-index:1000;background:#0008;display:grid;place-items:center;padding:20px}.site-preview{max-width:600px;width:100%;max-height:90vh;overflow:auto}.site-preview>*{margin-bottom:16px}.site-preview-image{max-width:100%;max-height:350px;object-fit:contain}.site-custom-navigation{display:flex;gap:10px;flex-wrap:wrap}.site-custom-block,.site-custom-navigation{margin-top:16px}.frontend-image-grid article[draggable="true"]{cursor:grab}.frontend-image-grid article:active{cursor:grabbing}.frontend-setting-row{flex-wrap:wrap}.frontend-setting-row b{overflow-wrap:anywhere}.frontend-image-grid .row{flex-wrap:wrap}@media(max-width:600px){.frontend-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.frontend-setting-row{gap:10px}.frontend-setting-row b{flex-basis:100%}}

.full-site-preview .site-preview{max-width:1100px;width:100%;height:94vh;display:flex;flex-direction:column}.preview-frame-wrap{flex:1;min-height:0;overflow:auto;text-align:center;background:#eef1f5;padding:10px}.preview-page-frame{width:100%;max-width:100%;height:100%;min-height:450px;background:white;border:1px solid #ddd;border-radius:10px}.full-site-preview .row{flex-shrink:0}.full-site-preview .site-preview>p{font-size:13px}@media(max-width:600px){.full-site-preview{padding:8px}.full-site-preview .site-preview{padding:12px}.preview-frame-wrap{padding:0}}