.is-cinematic .delivery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:18px;padding:0;list-style:none}
.is-cinematic .delivery-grid .materials-row{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin:0;padding:12px;border:1px solid #ffffff24;border-radius:14px;background:#171e2b;min-width:0}
.is-cinematic .delivery-grid .materials-row[hidden]{display:none!important}
.delivery-grid .materials-filetype{display:none}.delivery-grid .materials-file-info{min-width:0;flex:1}.delivery-grid .materials-filename{overflow-wrap:anywhere;white-space:normal}.delivery-grid .materials-row-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.delivery-grid .materials-file-menu{margin-left:auto}
.delivery-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;aspect-ratio:4/3;padding:12px;background:#0c111b;color:#f2efe8;border:1px solid #ffffff16;border-radius:9px;overflow:hidden;cursor:pointer;min-height:150px;font:inherit}
.delivery-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.delivery-tile-fallback{font-size:13px;color:#a0a9b7}.delivery-tile-fallback[hidden]{display:none}.delivery-video-icon{font-size:40px;color:#91a7c0}.delivery-kind{position:absolute;top:10px;left:10px;padding:5px 8px;border-radius:6px;background:#101520d9;border:1px solid #ffffff30;color:#f2efe8;font-size:9px;letter-spacing:1px}.delivery-unsupported{cursor:default}.delivery-unsupported small{color:#a0a9b7}
.delivery-viewer{position:fixed;inset:0;width:min(1200px,96vw);max-width:96vw;height:min(900px,94dvh);max-height:94dvh;margin:auto;padding:16px;border:1px solid #91a7c060;border-radius:18px;background:#101520;color:#f2efe8;overflow:auto}.delivery-viewer::backdrop{background:#000d}.delivery-viewer[open]{display:flex;flex-direction:column}.delivery-viewer header{display:flex;align-items:center;justify-content:space-between;gap:16px}.delivery-viewer header h2{font-size:14px!important;overflow-wrap:anywhere;margin:0!important}.delivery-viewer button{background:#202a3a;border:1px solid #ffffff30;color:#f2efe8;border-radius:10px;min-width:44px;min-height:44px;font:inherit;cursor:pointer}.delivery-viewer-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px 0}.delivery-viewer-stage img,.delivery-viewer-stage video{display:block;width:100%;height:100%;max-height:70dvh;object-fit:contain}.delivery-viewer footer{display:flex;justify-content:center;align-items:center;gap:18px}.delivery-viewer-error{font-size:13px;line-height:1.7;color:#f0b2ad}.delivery-viewer-error[hidden]{display:none}.delivery-viewer :focus-visible,.delivery-tile:focus-visible{outline:2px solid #91a7c0;outline-offset:3px}
@media(max-width:640px){.is-cinematic .delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.is-cinematic .delivery-grid .materials-row{padding:8px;gap:10px}.delivery-tile{min-height:110px}.delivery-grid .materials-filename{font-size:11px}.delivery-grid .materials-row-actions .material-button{font-size:10px;padding:9px}.delivery-kind{top:6px;left:6px;font-size:8px}.delivery-viewer{padding:12px}}
@media(hover:hover) and (pointer:fine){.delivery-tile:hover{border-color:#91a7c0}}
@media(prefers-reduced-motion:reduce){.delivery-tile,.delivery-viewer button{transition:none!important;transform:none!important}}