.c8cs-browser-view { aspect-ratio: auto !important; height: auto !important; background: #fff; }
.c8cs-browser-view img { width: 100% !important; height: auto !important; object-fit: contain !important; object-position: top center !important; display: block; cursor: zoom-in; transform: none !important; }
.c8cs-site-media:has(.c8cs-browser) { aspect-ratio: auto !important; height: auto !important; }
.c8cs-deliverable-img-box:not(.has-frame), .c8cs-sovereignty-img-box:not(.has-frame) { aspect-ratio: auto !important; }
.c8cs-deliverable-img-box:not(.has-frame) img, .c8cs-sovereignty-img-box:not(.has-frame) img { height: auto !important; object-fit: contain !important; }
.c8cs-browser { transition: transform .3s ease, box-shadow .3s ease; }
.c8cs-browser:hover, .c8cs-site-card:hover .c8cs-browser { transform: translateY(-3px); box-shadow: 0 18px 38px rgba(17,18,21,.16); }
.c8cs-browser:hover .c8cs-browser-view img, .c8cs-site-card:hover .c8cs-browser-view img { transform: none !important; }
#c8FrameLb { position: fixed; inset: 0; z-index: 2147483000; display: none; align-items: center; justify-content: center; background: rgba(8,8,10,.92); padding: 24px; }
#c8FrameLb.is-open { display: flex; }
#c8FrameLb .c8fl-close { position: absolute; top: 18px; right: 22px; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.08); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; }
#c8FrameLb .c8fl-close:hover { background: #0047E1; border-color: #0047E1; }
#c8FrameLb .c8cs-browser { transform: none !important; margin: 0; background: #fff; box-shadow: 0 30px 80px rgba(0,0,0,.7); }
#c8FrameLb .c8cs-browser-view { aspect-ratio: auto !important; max-height: calc(100vh - 48px - 34px); overflow: auto; }
#c8FrameLb .c8cs-browser-view img { cursor: default; }
#c8FrameLb .c8cs-browser { border: 1px solid #D5D8DE; border-radius: 8px; overflow: hidden; }
#c8FrameLb .c8cs-browser-bar { height: 34px; background: #EEF0F3; border-bottom: 1px solid #D5D8DE; display: flex; align-items: center; gap: 7px; padding: 0 12px; }
#c8FrameLb .c8cs-browser-bar i { width: 10px; height: 10px; border-radius: 50%; display: block; flex-shrink: 0; }
#c8FrameLb .c8cs-browser-bar i:nth-child(1) { background: #FF5F57; }
#c8FrameLb .c8cs-browser-bar i:nth-child(2) { background: #FEBC2E; }
#c8FrameLb .c8cs-browser-bar i:nth-child(3) { background: #28C840; }
#c8FrameLb .c8cs-browser-url { margin-left: 10px; flex: 1; min-width: 0; height: 22px; border-radius: 6px; background: #FFF; border: 1px solid #D5D8DE; font-family: 'Space Mono', monospace; font-size: 10.5px; color: #4B5563; line-height: 20px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }