@import url('/media-finish.css');
.media-suite{padding-block:3rem;max-width:1150px;color:#f4f6f2}.media-suite h1{font-size:clamp(2rem,5vw,4rem);line-height:1.12;max-width:950px}.media-suite form,.media-health,.media-help,.media-card{background:#10241e;border:1px solid #547367;border-radius:18px;padding:1.5rem;margin-block:1rem;color:#f4f6f2}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.media-suite label{display:block;margin-block:.8rem;font-weight:600}.media-suite input:not([type=radio]):not([type=checkbox]),.media-suite select{display:block;width:100%;background:#071710;color:#fff;border:1px solid #8bac9c;border-radius:8px;padding:.8rem;font:inherit}.media-suite input[type=checkbox],.media-suite input[type=radio]{width:24px;height:24px;vertical-align:middle;margin-right:.5rem}.media-suite button,dialog button,dialog a{min-height:44px;padding:.75rem 1.1rem;margin:.25rem;border:1px solid #a6b5a9;border-radius:9px;font:inherit;cursor:pointer}.media-suite button:disabled{opacity:.55;cursor:wait}.media-suite button:focus-visible,.media-suite a:focus-visible,.media-suite input:focus-visible,.media-suite select:focus-visible,dialog :focus-visible{outline:3px solid #f5d17b;outline-offset:4px}.media-suite canvas{display:block;width:100%;max-height:75vh;object-fit:contain;background:#081720;border:1px solid #667e73;border-radius:14px;margin-top:1rem}.media-suite audio{display:block;width:100%;margin-block:1rem}.media-notice{font-size:.95rem;color:#d1dfd6}.media-health progress{width:100%}.media-hero{display:flex;align-items:center;justify-content:space-around;padding:2rem;border-radius:20px;background:linear-gradient(130deg,#142c26,#172334);color:#e9c87e;font-size:clamp(1rem,4vw,3rem)}.media-card{text-decoration:none;display:block}.media-card h2{font-size:1.4rem}.media-card span{color:#edcf8d}.media-actions{display:flex;flex-wrap:wrap;gap:.5rem}dialog{max-width:min(92vw,650px);max-height:85vh;overflow:auto;background:#fff;color:#15231e;border:2px solid #577e6a;border-radius:18px;padding:1.5rem}dialog::backdrop{background:#000b}dialog a{display:inline-flex;align-items:center;color:#123b2d;background:#e4efdf}dialog button{background:#e4efdf;color:#123b2d}.media-suite fieldset{border:1px solid #658776;padding:1rem}.media-suite [data-results]{white-space:pre-wrap;overflow-wrap:anywhere}.media-suite a{color:#f4d58c}@media(prefers-reduced-motion:reduce){.media-suite *{animation:none!important;transition:none!important}}