.media-workspace{gap:1.4rem;min-width:0;display:grid}.media-workspace__header,.media-library__toolbar,.media-modal__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.media-workspace__header{flex-wrap:wrap}.media-workspace__actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.media-workspace__actions>a:not(.button){color:var(--link);font-size:.9rem}.media-filters{flex-wrap:wrap;align-items:end;gap:.75rem;min-width:0;display:flex}.media-filter-park{width:min(24rem,100%)}.media-workspace .media-workspace__header h1,.media-workspace .media-workspace__header h2{max-width:none;margin:0;font-size:clamp(2rem,4vw,2.75rem)}.media-workspace__header .lead{max-width:54ch;margin:.6rem 0 0;font-size:1rem}.media-workspace .eyebrow{margin:0 0 .3rem}.media-library{gap:1rem;min-width:0;display:grid}.media-library__toolbar{flex-wrap:wrap}.media-library__toolbar>.button{margin-left:auto}.media-workspace .form-status{margin:0}.media-library>.form-status:empty{display:none}.media-scope{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:8px;gap:.25rem;padding:.25rem;display:inline-flex}.media-scope button{min-height:44px;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:.5rem .8rem;font-weight:700}.media-scope button[aria-pressed=true]{background:var(--surface-ink);color:var(--surface-page)}.media-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:1rem;display:grid}.media-tile{min-width:0}.media-tile__button{aspect-ratio:4/3;background:color-mix(in srgb, var(--surface-ink) 8%, var(--surface-page));width:100%;color:var(--text-primary);cursor:pointer;border:0;border-radius:9px;padding:0;display:block;position:relative;overflow:hidden}.media-tile__preview,.media-tile__preview>img{object-fit:cover;width:100%;height:100%}.media-tile__fallback{font:inherit;text-align:center;align-content:center;gap:.35rem;padding:.7rem;font-size:.85rem;display:grid;position:absolute;inset:0}.media-tile__park{color:#fff;background:#142b27e6;border:1px solid #ffffff45;border-radius:999px;padding:.25rem .5rem;font-size:.72rem;font-weight:800;position:absolute;top:.55rem;right:.55rem}.media-tile__tooltip{background:var(--surface-raised);width:fit-content;max-width:calc(100% - 1rem);color:var(--text-primary);text-align:left;opacity:0;pointer-events:none;border-radius:5px;margin-left:auto;padding:.4rem .6rem;font-size:.8rem;position:absolute;top:2.8rem;left:.5rem;right:.5rem}.media-tile__button:hover .media-tile__tooltip,.media-tile__button:focus-visible .media-tile__tooltip{opacity:1}.media-tile__caption{gap:.15rem;padding:.5rem .1rem .15rem;display:grid}.media-tile__caption h3{font:inherit;overflow-wrap:anywhere;margin:0;font-size:.9rem;font-weight:700}.media-tile__own{background:color-mix(in srgb, var(--accent) 12%, var(--surface-page));width:fit-content;color:var(--accent-strong);border-radius:4px;margin-top:.15rem;padding:.12rem .4rem;font-size:.7rem;font-weight:800}.media-tile__author{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:.8rem}.media-empty{border:1px dashed var(--border-subtle);text-align:center;border-radius:10px;padding:3rem 1rem}.media-empty p{margin:0 0 .4rem;font-size:1.15rem;font-weight:800}.media-empty span{color:var(--text-muted)}.media-modal{border:1px solid var(--border-subtle);background:var(--surface-raised);max-height:calc(100dvh - 2rem);color:var(--text-primary);overscroll-behavior:contain;border-radius:12px;padding:0}.media-modal::backdrop{background:#102322aa}.media-upload-modal{width:min(94vw,46rem)}.media-details-modal{width:min(96vw,72rem)}.media-modal__header{align-items:start}.media-workspace .media-modal__header h2{overflow-wrap:anywhere;max-width:none;margin:0;font-size:clamp(1.4rem,3vw,1.8rem)}.media-close{border:1px solid var(--border-subtle);background:var(--surface-raised);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;font-size:1.05rem;display:grid}.media-close:disabled{opacity:.4;cursor:wait}.media-upload{gap:1rem;padding:clamp(1rem,3vw,1.75rem);display:grid}.media-upload h3{margin:0;font-size:1.1rem}.media-workspace .form-help{margin:.35rem 0 0;font-size:.85rem}.media-workspace .media-usage-notice{max-width:75ch;margin:.8rem 0}.media-park-field{gap:.35rem;min-width:0;display:grid}.media-park-field label,.media-queue__park>span{font-size:.9rem;font-weight:700}.media-park-select,.media-details-input{border:1px solid var(--border-subtle);background:var(--surface-raised);width:100%;min-width:0;max-width:100%;min-height:44px;color:var(--text-primary);font:inherit;border-radius:6px;padding:.55rem .65rem;display:block}textarea.media-details-input{resize:vertical}.media-queue__park{gap:.3rem;margin:.5rem 0;font-size:.85rem;display:grid}.media-dropzone{border:2px dashed var(--border-subtle);background:var(--surface-page);border-radius:8px;gap:.8rem;padding:1rem;display:grid}.media-dropzone[data-dragging=true]{border-color:var(--accent)}.media-dropzone label{font-weight:800}.media-dropzone input{min-width:0;max-width:100%;color:var(--text-muted)}.media-dropzone input::file-selector-button{border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-primary);cursor:pointer;font:inherit;border-radius:6px;margin-right:.6rem;padding:.6rem .7rem;font-weight:700}.media-queue{gap:.6rem;margin:.8rem 0;padding:0;list-style:none;display:grid}.media-queue__item{border:1px solid var(--border-subtle);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem .8rem;padding:.75rem;display:grid}.media-queue__name{overflow-wrap:anywhere;display:block}.media-queue__detail,.media-queue__status{color:var(--text-muted);margin:.15rem 0 0;font-size:.8rem}.media-queue__status[data-error=true]{color:light-dark(#a52218,#ffb4ab)}.media-queue__progress{width:100%;height:.5rem;accent-color:var(--accent);grid-column:1/-1}.media-queue__actions{flex-wrap:wrap;gap:.4rem;display:flex}.media-queue__actions .button{min-height:44px;padding:.5rem .6rem;font-size:.85rem}.media-upload__actions{flex-wrap:wrap}.media-detail__header{border-bottom:1px solid var(--border-subtle);padding:1.1rem 1.25rem}.media-detail__layout{grid-template-columns:minmax(0,1.65fr) minmax(16rem,1fr);display:grid}.media-detail__preview{color:#fff;background:#101918;place-items:center;min-height:22rem;display:grid}.media-detail__preview>img,.media-detail__preview>video{object-fit:contain;width:100%;max-height:72dvh;display:block}.media-detail__fallback{color:#e7eee8;text-align:center;padding:1.5rem}.media-detail__information{align-content:start;gap:1rem;min-width:0;padding:1.25rem;display:grid}.media-detail__park{color:var(--accent-strong);overflow-wrap:anywhere;margin:0;font-size:.9rem;font-weight:700}.media-detail__meta{color:var(--text-muted);margin:-.4rem 0 0;font-size:.8rem}.media-detail__description{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.media-detail__form{gap:.85rem;display:grid}.media-detail__actions{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;padding-top:.8rem;display:flex}.media-detail__actions a{color:var(--link);font-size:.9rem}.media-detail__actions .button{min-height:44px;padding:.45rem .65rem;font-size:.85rem}@media (width<=700px){.media-detail__layout{grid-template-columns:minmax(0,1fr)}.media-detail__preview{min-height:12rem}.media-detail__preview>img,.media-detail__preview>video{max-height:48dvh}.media-detail__information{padding:1rem}}@media (width<=520px){.media-workspace[data-media-scope=public] .media-library__toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem .5rem;display:grid}.media-filters{display:contents}.media-filter-park{grid-column:1/-1;width:100%}.media-filters>.media-scope{width:fit-content}.media-filters>[data-media-filter-clear]{grid-area:3/1/auto/-1;justify-self:start}.media-workspace[data-media-scope=public] [data-media-refresh]{grid-area:2/2}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem .6rem}.media-queue__item{grid-template-columns:minmax(0,1fr)}.media-queue__actions{justify-self:start}.media-upload__actions>.button{width:100%}.media-library__toolbar>.button{width:auto;padding-inline:.65rem;font-size:.8rem}.media-scope button{padding-inline:.65rem;font-size:.85rem}.media-tile__park{padding:.2rem .4rem;font-size:.65rem;top:.35rem;right:.35rem}.media-tile__tooltip{font-size:.72rem;top:2.3rem}}