.media-hub{background:#faf9f2;color:#123d2c;padding:45px max(5%,calc((100vw - 1320px)/2));min-height:80vh}.media-library-head{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:30px}.media-library-head h1{flex:1 0 100%;margin:0;font-size:36px}.media-library-head input{flex:1;min-width:180px}.media-hub input,.media-hub select{padding:11px 14px;background:white;border:1px solid #c6cebd;color:#143b2b;border-radius:10px;font:inherit}.media-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:35px;align-items:start}.media-stage{position:sticky;top:160px;min-width:0;border:1px solid #c6b77f;border-radius:24px;background:#fff;padding:20px;box-shadow:0 12px 35px #173e2615}.media-screen{background:#052f27;border-radius:16px;overflow:hidden;min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column}.media-screen video{width:100%;max-height:65vh;display:block}.media-screen iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.media-screen [hidden],.media-hub [hidden]{display:none!important}.media-cover{width:150px;height:150px;object-fit:contain;margin:24px}.is-audio .media-screen video{height:54px;width:100%}.media-stage h2{font-size:24px!important;line-height:1.7!important;margin:20px 0 5px}.media-stage p{font-size:14px;margin:6px 0}.media-controls{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.media-controls button,#media-bookmarks button,#media-more{font:inherit;background:#edf2e7;border:1px solid #b5c4a8;border-radius:10px;color:#1a4c30;padding:8px 12px;min-height:44px}.media-controls [aria-pressed=true]{background:#174d34;color:#fff}.media-controls label{font-size:14px}.media-controls select{padding:6px}.media-stage>a{display:inline-block;margin:10px 0;color:#315e3e;text-decoration:underline}#media-bookmarks{display:flex;flex-wrap:wrap;gap:7px}.media-row{display:block;background:#fff;border:1px solid #dce3d3;padding:17px 20px;margin-bottom:10px;border-radius:14px}.media-row strong{font-size:16px;line-height:1.8;font-weight:600}.media-row small{display:block;font-size:12px;color:#65755f;margin-top:6px}.media-row[aria-current=true]{border-color:#a88a42;box-shadow:inset 0 0 0 1px #a88a42;background:#f5f4e8}.media-browser{min-width:0}#media-list{max-height:850px;overflow-y:auto;overscroll-behavior:contain}.media-hub :focus-visible{outline:3px solid #ad8f40;outline-offset:3px}@media(max-width:900px){.media-workspace{grid-template-columns:1fr}.media-stage{position:relative;top:auto}.media-hub{padding:30px 4%}.media-library-head h1{font-size:28px}.media-screen{min-height:180px}#media-list{max-height:none}.media-stage{padding:15px;border-radius:18px}.media-controls button{font-size:13px}}
.audio-dock{position:fixed;bottom:15px;inset-inline-end:15px;z-index:80;max-width:calc(100vw - 30px);border:1px solid #bd9a4d;background:#fffdf4;color:#19442e;box-shadow:0 5px 25px #001b2533;border-radius:15px;padding:10px 16px;font-size:13px}.audio-dock summary{cursor:pointer;min-height:30px;display:flex;align-items:center}.audio-dock audio{display:block;width:280px;max-width:100%;margin:8px 0}.audio-dock>a{display:block;text-decoration:underline}.menu-open .audio-dock,.aln-menu-open .audio-dock{display:none}

.media-screen #audio-visual{height:auto;max-height:55vh;aspect-ratio:16/9;object-fit:cover}.is-audio:has(#audio-visual:not([hidden])) .media-cover{display:none}.media-stage:fullscreen,.media-stage:-webkit-full-screen,.media-stage.theater{position:fixed;inset:0;top:0;width:100%;height:100dvh;box-sizing:border-box;background:#05251f;color:#fff;overflow:auto;border:0;border-radius:0;padding:16px;z-index:99999;display:flex;flex-direction:column;align-items:stretch}.media-stage:fullscreen .media-screen,.media-stage.theater .media-screen{flex:1;min-height:0}.media-stage:fullscreen .media-screen video,.media-stage.theater .media-screen video{max-height:70dvh;object-fit:contain}.media-stage:fullscreen #audio-visual,.media-stage.theater #audio-visual{height:calc(65dvh - 54px)}.media-stage:fullscreen iframe,.media-stage.theater iframe{height:65dvh}.media-stage:fullscreen h2,.media-stage.theater h2{margin:8px 0}.media-stage:fullscreen .media-controls,.media-stage.theater .media-controls{margin:8px 0}.media-theater{overflow:hidden}.media-controls button:disabled{opacity:.45}.media-stage:fullscreen>a,.media-stage.theater>a{color:#eed99c}