.media-preview{position:relative;overflow:hidden;background:#eef3f9;border:1px dashed #9baec4;width:100%;isolation:isolate}.logo-preview{aspect-ratio:3}.desktop-preview{aspect-ratio:16/7}.mobile-preview{aspect-ratio:3/4;max-width:150px;margin:auto}.media-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--x,50%) var(--y,50%);transform:scale(var(--zoom,1));transform-origin:var(--x,50%) var(--y,50%)}
.compact-branding{font-size:12px}.compact-branding .media-hint{font-size:11px;margin:0 0 8px;color:#53657c}.branding-row{display:flex;align-items:center;gap:10px;padding:10px 0;margin:0;border-bottom:1px solid #e0e7f0}.compact-image{display:flex;align-items:center;gap:7px;min-width:0;flex:1}.media-thumb{width:72px;height:44px;border:1px solid #d5dfeb;border-radius:5px;background:#f6f8fc;flex-shrink:0;display:grid;place-items:center;color:#738298;font-size:10px;overflow:hidden}.media-thumb img{width:100%;height:100%;object-fit:contain}.media-thumb [hidden]{display:none}.compact-upload{min-width:0;flex:1}.upload-label{display:block;font-size:10px;color:#53657c}.compact-branding input[type=file]{display:block;width:100%;max-width:180px;min-height:0;padding:2px;border:0;border-radius:0;font-size:10px}.media-link{background:none;border:0;color:#142b49;text-decoration:underline;font-size:10px;padding:3px 5px 0 0;min-height:24px;cursor:pointer}.row-actions{display:flex;align-items:center;gap:7px}.compact-branding .button{width:auto;min-height:32px;padding:5px 10px;font-size:11px;white-space:nowrap}.media-remove{display:grid;place-items:center;width:28px;height:28px;border:1px solid #e6c9bd;border-radius:5px;background:#fff6f0;color:#963e1e;cursor:pointer}.banner-caption{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:12px}.banner-caption small{font-size:10px;color:#53657c}.banner-order{font-size:10px;width:35px;flex-shrink:0}.compact-branding .banner-order input{display:block;width:35px;min-height:26px;padding:2px;font-size:11px}.rotation-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 0}.rotation-row label{display:flex;align-items:center;gap:5px;font-size:11px}.compact-branding .rotation-row input[type=number]{width:50px;min-height:28px;padding:3px 5px}.compact-branding .rotation-row input[type=checkbox]{width:16px;height:16px;min-height:16px;padding:0}.rotation-row small{font-size:10px;color:#53657c}.media-dialog{width:320px;max-width:calc(100vw - 30px);max-height:85vh;overflow:auto;border:1px solid #c7d6e8;border-radius:12px;padding:18px;color:#142b49}.media-dialog::backdrop{background:#142b4966}.media-dialog h3{font-size:16px;margin:0 0 12px}.media-dialog label{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:10px 0;font-size:12px}.media-dialog input[type=range]{display:block;width:180px;min-height:24px;padding:0}.media-dialog small{display:block;margin-top:6px;font-size:10px}.media-dialog .media-preview{max-height:200px}.media-dialog .button{margin-top:5px}
.hero-slider{position:relative;width:100%;height:auto;aspect-ratio:auto;overflow:hidden;background:#142b49;touch-action:pan-y}.hero-slide{position:relative;inset:auto;overflow:visible}.hero-slide[hidden]{display:none}.hero-slide picture{display:block;width:100%;height:auto}.hero-slide img{display:block;width:auto;max-width:100%;height:auto;max-height:none;margin-inline:auto;object-fit:contain;object-position:center;transform:none}.slider-controls{position:absolute;bottom:22px;right:22px;display:flex;gap:8px}.slider-controls button{background:#142b49;color:#fff;border:1px solid #fff;border-radius:8px;padding:8px 15px;cursor:pointer}.slider-controls button[hidden]{display:none}.slider-dots{position:absolute;bottom:24px;left:24px;display:flex;gap:10px}.slider-dots button{width:12px;height:12px;border-radius:50%;border:1px solid white;padding:0;background:#142b49;cursor:pointer}.slider-dots button[aria-current=true]{background:#f28c28}.hero-slider button:focus-visible{outline:3px solid #f28c28;outline-offset:3px}@media(max-width:600px){.slider-controls{bottom:15px;right:12px}.slider-dots{bottom:28px;left:12px}.banner-caption{display:block}.branding-row{flex-wrap:wrap;gap:6px}.banner-row .compact-image{flex:1 1 calc(50% - 30px)}.banner-row .row-actions{margin-left:auto}.media-thumb{width:54px;height:36px}.compact-branding input[type=file]{max-width:125px}.logo-row>strong{width:35px}.media-dialog input[type=range]{width:150px}}