.public-media-page{--app-canvas: #f1f5f9;--app-surface: #fff;--app-text: #0f172a;--app-muted: #64748b;--app-alternate: #e8edf5;--app-border: #dbe3ee;--app-primary: #2557d6;min-height:100vh;background:var(--app-canvas);color:var(--app-text);letter-spacing:0}.public-media-main{max-width:1500px;padding:120px 40px 64px;margin:auto}.media-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.media-heading h1{font-size:26px;font-weight:750;line-height:1.3}.media-heading-actions{display:flex;align-items:center;gap:10px}.media-tabs{display:flex;padding:4px;gap:2px;border-radius:8px;background:var(--app-alternate)}.media-tabs a,.media-tabs button{display:inline-flex;justify-content:center;align-items:center;min-height:36px;padding:0 16px;font-size:12px;font-weight:700;border-radius:6px;color:var(--app-muted)}.media-tabs .active{background:var(--app-primary);color:#fff}.media-refresh{display:grid;place-items:center;height:40px;width:40px;flex-shrink:0;border-radius:50%;background:var(--app-alternate);color:var(--app-muted)}.public-media-page button:disabled{cursor:default;opacity:.5}@media (max-width: 760px){.public-media-main{padding:104px 16px 40px}.media-heading{align-items:flex-start}.media-heading h1{font-size:24px}.media-tabs a,.media-tabs button{padding:0 12px}}