/* Stage 37.9 Surf Viewer Final Production Polish */
.surf-page .surf-hero.readable-dark-panel h2{letter-spacing:-.02em}.surf-page .surf-hero.readable-dark-panel p{max-width:760px;color:#f8fbff!important}.stage378-device-strip{background:linear-gradient(180deg,#ffffff,#f8fbff)!important;border:1px solid #bfdbfe!important}.stage378-device-strip strong{font-size:16px!important}.stage378-device-pills b{background:#fff!important;color:#0f3f9e!important;border-color:#bfdbfe!important;box-shadow:0 4px 12px rgba(7,91,220,.08)}
.stage377-sponsor-slot{border:1.5px dashed #3b82f6!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;padding:16px!important}.stage377-sponsor-slot a{min-height:84px;display:flex!important;align-items:center;justify-content:center;flex-direction:column}.stage377-sponsor-slot img{width:100%!important;height:auto!important;max-width:970px!important;max-height:130px!important;object-fit:contain!important;background:#fff;border-radius:16px}.stage377-sponsor-slot.surf-ad-top img,.stage377-sponsor-slot.surf-ad-bottom img{aspect-ratio:970/90;object-fit:contain!important}.stage377-sponsor-empty{min-height:118px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.stage377-sponsor-empty strong:before{content:'Create Sponsor Ad';display:inline-flex;margin-right:8px;background:#075bdc;color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;vertical-align:middle}.stage377-slot-note{color:#334155!important;font-size:12px!important}.sponsor-label{letter-spacing:.04em}.surf-viewer-card{box-shadow:0 24px 60px rgba(0,38,100,.18)!important}.surf-toolbar p{color:#f8fbff!important}.surf-empty-production{min-height:330px!important;padding:46px 24px!important}.surf-empty-production h2{color:#0f172a!important}.surf-empty-production p{max-width:680px;margin-left:auto;margin-right:auto;color:#334155!important;font-weight:800!important;line-height:1.7}.empty-actions .btn{min-height:44px}.stage377-rewards-grid:before{content:'Today’s bonus progress';grid-column:1/-1;color:#0f172a;font-weight:950;font-size:16px;margin:4px 0 -4px}.stage377-reward-card{transition:transform .18s ease, box-shadow .18s ease}.stage377-reward-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(7,91,220,.12)}.surf-rules-card{border-color:#bfdbfe!important}.surf-rules-card h3{color:#0f172a!important}.surf-rules-card p{color:#1e293b!important}.surf-frame-wrap{resize:vertical;min-height:520px;max-height:none}.surf-frame-top:after{content:'Large view';margin-left:auto;background:#eff6ff;color:#075bdc;border:1px solid #bfdbfe;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.surf-frame-top a{margin-left:8px}.surf-stat,.stage377-reward-card,.surf-rules-card{box-shadow:0 14px 34px rgba(15,23,42,.08)!important}
/* adaptive uploaded banners: any image size fits safely into the placement */
.stage379-adaptive-banner,.stage377-sponsor-slot img{display:block;max-width:100%;object-position:center center}.stage377-table-thumb{width:180px;height:64px;object-fit:contain!important;background:#fff}.stage377-upload-help{border-left:4px solid #075bdc!important;background:#f8fbff!important}.stage377-upload-help:after{content:' Uploaded banners are automatically scaled to fit their placement without stretching. Use the recommended size for the sharpest result.';display:block;margin-top:8px;color:#334155;font-weight:800}.stage379-size-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.stage379-size-guide div{background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:12px;color:#334155;font-weight:800}.stage379-size-guide b{display:block;color:#0f172a;margin-bottom:4px}
@media(max-width:760px){.stage377-sponsor-slot img{max-height:110px!important;aspect-ratio:auto!important}.stage377-sponsor-empty{min-height:104px}.surf-empty-production{min-height:260px!important;padding:28px 14px!important}.surf-frame-top:after{display:none}.stage379-size-guide{grid-template-columns:1fr}.stage378-device-strip{display:none!important}}