.message.ai.media-generation-message{width:min(100%,500px);max-width:100%}.media-generation-card{box-sizing:border-box;width:min(100%,500px);min-width:0;padding:18px;border:3px solid var(--pop-black, #000);border-radius:16px;background:var(--neon-yellow, #feca57);color:var(--text-dark, #1a1a2e);overflow-wrap:anywhere;font:500 14px/1.6 var(--font-primary, system-ui, sans-serif)}.media-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.media-card-header h3{margin:0;font-size:18px;line-height:1.4;font-weight:800}.media-status{flex-shrink:0;font-size:12px;font-weight:700}.media-prompt{margin:0 0 16px;font-size:14px;white-space:pre-wrap}.media-frame{margin-top:12px;padding:8px;border:2px solid var(--pop-black, #000);border-radius:12px;background:#fff}.media-stage{box-sizing:border-box;width:100%;height:clamp(180px,34vh,280px);overflow:hidden;border-radius:6px;background:var(--bg-chat, #faf7f2)}.media-generation-card .media-stage img,.media-generation-card .media-stage video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;border:0;object-fit:contain;border-radius:6px}.media-generation-card .media-image-preview{display:block;width:100%;height:100%;padding:0;border:0;margin:0;background:transparent;cursor:zoom-in;border-radius:6px}.media-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.media-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box;padding:8px 14px;border:2px solid var(--pop-black, #000);border-radius:9px;color:#171717;background:#fff;font:700 13px/1.4 var(--font-primary, system-ui, sans-serif);text-decoration:none;cursor:pointer;transition:transform .12s ease,background .12s ease}.media-action:hover{transform:translateY(-1px);background:#f5f0e6}.media-action:active{transform:translateY(1px)}.media-action:focus-visible,.media-image-preview:focus-visible{outline:3px solid #126394;outline-offset:3px}.media-action:disabled{opacity:.65;cursor:wait;transform:none}.media-action-primary{background:var(--electric-blue, #48dbfb)}.media-action-primary:hover{background:#7ee6fc}.media-task-link{display:inline-block;margin-top:12px;color:inherit;font-size:12px;text-underline-offset:3px}.media-warning,.media-load-error{margin:10px 0 0;font-size:13px;color:#862b15}.media-load-error:empty{display:none}.media-note{display:block;margin-top:12px;font-size:12px}.media-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;border:2px solid var(--pop-black, #000)}.media-loading p{margin:0;font-weight:700}.media-spinner{display:block;width:30px;height:30px;border:3px solid #ded7c9;border-top-color:#1a1a2e;border-radius:50%;animation:media-spin 1s linear infinite}.media-generation-card progress{display:block;width:100%;margin:12px 0;accent-color:#16748a}body.media-view-only{height:auto;min-height:100vh;margin:0;overflow:auto;background:var(--bg-chat, #faf7f2);color:var(--text-dark, #1a1a2e)}.media-viewer{width:min(100%,620px);box-sizing:border-box;margin:0 auto;padding:28px 20px}.media-viewer-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.media-viewer-header h1{font-size:18px;font-weight:800;margin:0}.media-viewer .media-generation-card{margin:0 auto}.wawa-media-lightbox{padding:0;border:0;width:min(960px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);margin:auto;border-radius:16px;background:transparent;color:#171717}.wawa-media-lightbox::backdrop{background:#141414d9}.media-lightbox-panel{padding:16px;border:3px solid #000;border-radius:16px;background:var(--bg-chat, #faf7f2)}.media-lightbox-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.media-lightbox-header h2{margin:0;font:800 16px/1.4 var(--font-primary, system-ui, sans-serif)}.media-lightbox-stage{display:flex;justify-content:center;align-items:center;min-height:100px}.media-lightbox-stage img,.media-lightbox-stage video{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 150px);object-fit:contain;border-radius:8px}.media-lightbox-fallback[open]{position:fixed;z-index:10000;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-height:none;margin:0;border-radius:0;background:#141414d9}.media-lightbox-fallback .media-lightbox-panel{width:min(960px,calc(100vw - 32px))}@keyframes media-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.media-generation-card{padding:12px}.media-card-header h3{font-size:16px}.media-card-actions>.media-action{flex:1}.media-viewer{padding:20px 12px}.media-viewer-header{gap:8px}.media-viewer-header h1{font-size:16px}}@media(prefers-reduced-motion:reduce){.media-action{transition:none}.media-spinner{animation:none}}.media-results-multiple{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-results-multiple .media-frame{min-width:0;margin-top:0}.media-results-multiple .media-stage{height:auto;aspect-ratio:1}.media-results-multiple .media-card-actions{gap:6px}.media-results-multiple .media-action{flex:1;min-width:0;padding:6px 8px;font-size:12px}@media(max-width:420px){.media-results-multiple{grid-template-columns:1fr}}