.studio-v2.studio-project-media{display:block;height:auto;min-width:0;padding:24px clamp(16px,3vw,40px);color:var(--studio-text);background:var(--studio-chrome);font:13px/1.5 var(--studio-font-ui)}.studio-shared-resources .studio-project-media{padding:20px 0 0}.studio-project-media[data-dragging]{outline:2px dashed var(--studio-muted);outline-offset:-8px}.studio-project-media-actions,.studio-project-media-controls,.studio-project-media-dialog-actions,.studio-project-media-heading,.studio-project-media-heading>div:last-child,.studio-project-media-upload{display:flex;align-items:center;gap:8px}.studio-project-media-heading{justify-content:space-between;gap:16px;margin-bottom:20px}.studio-project-media-heading>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}.studio-project-media-heading h2{margin:0;font:24px/1.2 var(--font-display),sans-serif}.studio-project-media-heading span{font-size:11px;color:var(--studio-muted)}.studio-project-media-heading .ui-button{white-space:nowrap}.studio-project-media-upload{padding:20px;border:1px dashed var(--studio-rule);border-radius:6px;gap:16px;margin-bottom:24px;background:var(--studio-field)}.studio-project-media-upload>svg{width:24px;height:24px;flex-shrink:0;color:var(--studio-muted)}.studio-project-media-upload>div{display:grid;gap:4px;min-width:0;margin-right:auto}.studio-project-media-upload strong{font-weight:400}.studio-project-media-upload span{color:var(--studio-muted);font-size:11px}.studio-project-media-upload>.ui-button{flex-shrink:0;white-space:nowrap}.studio-project-media-layout{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:start;gap:24px}.studio-project-media-categories{display:grid;gap:4px;min-width:0}.studio-project-media-categories .ui-button{display:flex;justify-content:flex-start;gap:10px;width:100%;height:36px;padding:0 10px;border:1px solid transparent}.studio-project-media-categories .ui-button[aria-pressed=true]{border-color:var(--studio-rule);background:var(--studio-field)}.studio-project-media-categories .ui-button>svg{flex-shrink:0;width:15px;height:15px}.studio-project-media-categories .ui-button>small{margin-left:auto;font:10px var(--font-mono),monospace;color:var(--studio-muted)}.studio-project-media-body{min-width:0}.studio-project-media-controls{margin-bottom:16px;justify-content:space-between;gap:16px}.studio-project-media-controls>label{display:flex;align-items:center;gap:8px;width:min(380px,100%);min-width:0}.studio-project-media-controls>label>svg{width:15px;height:15px;flex-shrink:0;color:var(--studio-muted)}.studio-project-media-controls>label .ui-input{width:100%}.studio-v2 .studio-project-media-controls .ui-segmented{width:auto;flex:0 0 auto}.studio-project-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:16px}.studio-project-media-card{min-width:0;overflow:hidden;border:1px solid var(--studio-rule);border-radius:6px;background:var(--studio-panel)}.studio-project-media-card .ui-button.studio-project-media-preview,.studio-project-media-preview{position:relative;display:grid;place-items:center;width:100%;height:auto;aspect-ratio:4/3;padding:20px;min-width:0;border-radius:0;background:var(--brand-cool-white);overflow:hidden}.studio-project-media-card .studio-project-media-preview{cursor:zoom-in}.studio-project-media-preview img,.studio-project-media-preview video{display:block;width:100%;height:100%;min-width:0;min-height:0;max-height:220px;object-fit:contain}.studio-project-media-preview>span:not(.studio-project-media-filetype){display:grid;justify-items:center;gap:8px;color:var(--brand-concrete);font-size:11px}.studio-project-media-preview>span>svg{width:24px;height:24px}.studio-project-media-preview .studio-project-media-filetype{position:absolute;bottom:10px;left:10px;padding:3px 5px;background:var(--brand-carbon);color:var(--brand-cool-white);border-radius:3px;font:9px var(--font-mono),monospace}.studio-project-media-meta{display:grid;gap:4px;padding:12px 12px 4px;min-width:0}.studio-project-media-meta strong{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-project-media-meta span{font:10px/1.5 var(--font-mono),monospace;color:var(--studio-muted)}.studio-project-media-tags{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-project-media-actions{padding:8px;gap:4px}.studio-project-media-actions>:first-child{margin-right:auto}.studio-project-media-empty{display:grid;justify-items:center;align-content:center;min-height:240px;gap:12px;color:var(--studio-muted);text-align:center;border:1px dashed var(--studio-rule);border-radius:6px;padding:24px}.studio-project-media-empty>svg{width:28px;height:28px}.studio-project-media-empty p{margin:0}.studio-project-media-status{font-size:11px;color:var(--studio-muted)}.studio-project-media .studio-notice{white-space:pre-line;margin-bottom:16px}.studio-project-media-more{display:flex;margin:20px auto}.studio-project-media-dialog{width:min(460px,calc(100vw - 32px))}.studio-project-media-dialog form,.studio-project-media-dialog label{display:grid;gap:8px}.studio-project-media-dialog form{gap:16px}.studio-project-media-dialog label>span{font-size:11px;color:var(--studio-muted)}.studio-project-media-dialog .ui-input{width:100%}.studio-project-media-dialog-actions{justify-content:flex-end}.studio-project-media-viewer{width:min(1000px,calc(100vw - 32px))}.studio-project-media-viewer .studio-project-media-preview{aspect-ratio:auto;height:min(62vh,640px);margin-top:20px;border:1px solid var(--studio-rule);border-radius:4px}.studio-project-media-viewer .studio-project-media-preview img,.studio-project-media-viewer .studio-project-media-preview video{max-height:100%}.studio-project-media-viewer-details{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 20px;color:var(--studio-muted);font-size:11px}.studio-project-media[data-view=list] .studio-project-media-grid{grid-template-columns:1fr;gap:8px}.studio-project-media[data-view=list] .studio-project-media-card{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center}.studio-project-media[data-view=list] .studio-project-media-preview{height:76px;aspect-ratio:auto;padding:8px}.studio-project-media[data-view=list] .studio-project-media-preview img{max-height:60px}.studio-project-media[data-view=list] .studio-project-media-preview>span{font-size:0}.studio-project-media[data-view=list] .studio-project-media-meta{padding:8px 12px}@media (max-width:850px){.studio-project-media-layout{grid-template-columns:140px minmax(0,1fr);gap:16px}.studio-project-media-upload{flex-wrap:wrap}.studio-project-media-upload>div{flex:1 1}}@media (max-width:620px){.studio-project-media-heading{flex-wrap:wrap}.studio-project-media-heading>div:first-child{flex:1 0 160px}.studio-project-media-heading>div:last-child{margin-left:auto}.studio-project-media-layout{grid-template-columns:1fr}.studio-project-media-categories{display:flex;overflow-x:auto;gap:4px;padding-bottom:4px}.studio-project-media-categories .ui-button{width:auto;flex:0 0 auto;white-space:nowrap}.studio-project-media-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:12px}.studio-project-media[data-view=list] .studio-project-media-card{grid-template-columns:68px minmax(0,1fr)}.studio-project-media[data-view=list] .studio-project-media-actions{grid-column:2;padding-top:0}.studio-project-media-heading h2{font-size:22px}.studio-project-media-upload>div{min-width:150px}.studio-project-media-upload>.ui-button{margin-left:auto}.studio-project-media-viewer .studio-project-media-preview{height:50vh;padding:12px}.studio-project-media-viewer .studio-project-media-dialog-actions{justify-content:space-between}}