/* Fixed colours keep creation feedback readable under every /marca skin. */
.media-creation-progress{display:flex;flex-direction:column;gap:7px;margin:8px 0 12px;padding:10px;border:1px solid #426272;border-left:3px solid #78f3ff;background:#0b1720!important;color:#f4f8fa!important;font:11px/1.4 monospace;min-width:0}
.media-creation-progress .mcp-stage{margin:0!important;color:#f4f8fa!important;overflow-wrap:anywhere}
.media-creation-progress .mcp-track{position:relative;height:8px;overflow:hidden;background:#233d48;border-radius:2px}
.media-creation-progress .mcp-fill{display:block;height:100%;background:#78f3ff;transition:width .25s}
.media-creation-progress .mcp-activity{display:none;position:absolute;top:0;bottom:0;width:25%;background:#dcfff5;animation:media-progress-wait 1.7s ease-in-out infinite}
.media-creation-progress.is-busy .mcp-activity{display:block}
.media-creation-progress .mcp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;text-align:center;font:10px/1.3 monospace}
.media-creation-progress .mcp-steps span{color:#b9cbd3!important}.media-creation-progress .mcp-steps .is-complete{color:#dcfff5!important}.media-creation-progress .mcp-steps .is-current{color:#78f3ff!important;font-weight:bold}
.media-creation-progress.is-error{border-left-color:#ffab91}.media-creation-progress.is-error .mcp-fill{background:#ffab91}
@keyframes media-progress-wait{0%{left:-25%}100%{left:100%}}
.media-large-preview{position:fixed;inset:0;margin:auto;width:min(960px,92vw);max-width:92vw;max-height:90dvh;box-sizing:border-box;padding:14px;border:1px solid #78f3ff;border-radius:4px;background:#0b1720!important;color:#f4f8fa!important;box-shadow:0 18px 70px #000b;overflow:auto;font:13px/1.4 monospace}
.media-large-preview::backdrop{background:#020a10d9;backdrop-filter:blur(5px)}
.media-large-preview .media-large-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.media-large-preview .media-large-title{font:600 15px/1.4 monospace;margin:0!important;color:#f4f8fa!important;overflow-wrap:anywhere}
.media-large-preview .media-large-close{flex:none;min-height:38px;padding:7px 14px;border:1px solid #78929e;border-radius:2px;background:#1d2d39!important;color:#f4f8fa!important;font:12px/1.4 monospace;cursor:pointer}
.media-large-preview .media-large-close:focus-visible{outline:2px solid #78f3ff;outline-offset:3px}
.media-large-preview .media-large-body{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.media-large-preview .media-large-body>img,.media-large-preview .media-large-body>video{display:block;width:100%;height:auto;max-height:72dvh;object-fit:contain;background:#000}
.media-large-preview audio{display:block;width:100%;height:48px;color-scheme:dark}
.media-large-preview video{color-scheme:dark}
.media-large-preview .media-large-art{display:grid;place-items:center;width:min(420px,100%);height:min(420px,55dvh);background:#05121c;overflow:hidden;color:#78f3ff!important;font:100px/1 monospace}
.media-large-preview .media-large-art img{display:block;width:100%;height:100%;object-fit:contain}
[data-media-expand]:focus-visible{outline:2px solid #78f3ff;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.media-creation-progress .mcp-activity{animation:none;left:35%;opacity:.65}.media-creation-progress .mcp-fill{transition:none}}
.water-conversion{width:min(960px,92vw);max-height:88vh;overflow:auto;background:#10232c;color:#effffc;border:1px solid #6cc6ac;border-radius:12px;padding:20px}.water-conversion::backdrop{background:#000b}.water-conversion header{display:flex;align-items:center;justify-content:space-between;gap:20px}.water-conversion h2{font-size:20px}.water-conversion button{padding:10px;background:#1a4039;color:white;border:1px solid #81bbac;border-radius:6px}.water-conversion-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.water-conversion figure{margin:0;min-width:0}.water-conversion img,.water-conversion-model{display:block;width:100%;height:min(54vh,500px);object-fit:contain;background:#e5e9e7;border-radius:8px}.water-conversion-model{touch-action:none;cursor:grab}.water-conversion-model canvas{width:100%;height:100%;display:block}.water-conversion figcaption{padding:10px;text-align:center}.water-conversion p{font-size:13px;line-height:1.5}.video-source-preview{max-width:100%;max-height:120px;object-fit:contain;display:block}.video-source-row{display:grid;gap:6px;margin:8px 0}.video-source-row select{width:100%}
@media(max-width:600px){.water-conversion-grid{grid-template-columns:1fr}.water-conversion img,.water-conversion-model{height:35vh}}

.video-source-preview[hidden]{display:none!important}
