html,body{height:100%;margin:0;background-color:#265b6a;font-family:sans-serif}.App{min-height:100vh;padding:20px;box-sizing:border-box}.stream-container{max-width:900px;margin:0 auto;text-align:center}.header{background:#00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:20px 28px 16px;margin-bottom:16px;display:inline-block}.header h2{color:#e0f4f4;font-size:28px;letter-spacing:3px;margin:0 0 6px;font-weight:700}.explainer{color:#ffffffb3;font-size:14px;margin:0;line-height:1.5}.explainer strong{color:#ffffffe6}.explainer a{color:#ffffffd9;text-decoration:underline}.explainer a:hover{color:#fff}.drop-zone{border:2px dashed rgba(255,255,255,.25);border-radius:12px;padding:32px;margin-bottom:16px;cursor:default}.drop-zone-text{color:#ffffff59;font-size:18px;text-transform:uppercase;letter-spacing:4px;pointer-events:none}#stream{border-radius:10px;min-height:80px;padding:12px;background-color:#45768480;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.image-card{background:#0003;border-radius:10px;padding:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stream-image{display:block;border-radius:6px;max-height:200px;max-width:280px;width:auto;height:auto;object-fit:contain}.App{text-align:center}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-intro{font-size:large}