:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;background:#0b0d12;color:#f5f7fb}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #222733}.brand{font-weight:700}.app-main{padding:1.5rem}.toolbar,.player-toolbar{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}input[type=text],input:not([type=checkbox]){padding:.5rem .75rem;border-radius:.5rem;border:1px solid #2d3444;background:#121722;color:inherit}button{padding:.5rem .9rem;border-radius:.5rem;border:1px solid #394158;background:#1a2130;color:inherit;cursor:pointer}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.gallery-card{border:1px solid #2a3142;border-radius:.75rem;overflow:hidden;background:#121722}.gallery-card-thumb{aspect-ratio:16 / 9;background:#090b10}.gallery-card-thumb img,.placeholder{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;color:#8b93a7}.gallery-card-body{padding:1rem}.gallery-card-body h2{margin:0 0 .5rem;font-size:1.1rem}.gallery-card-body p{margin:0 0 .75rem;color:#aab2c5}.meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:#8b93a7}.player-page{display:flex;flex-direction:column;gap:1rem}.player-stage{min-height:70vh;height:70vh;display:flex;flex-direction:column;border:1px solid #2a3142;border-radius:.75rem;overflow:hidden;background:#000}.player-stage>*{flex:1;min-height:0;width:100%}.player-stage canvas{display:block;width:100%!important;height:100%!important}.player-empty{display:grid;place-items:center;gap:1rem;padding:2rem;text-align:center;color:#aab2c5}.player-empty p{margin:0}.muted{color:#8b93a7;font-size:.85rem}.error{color:#ff8a8a}