/* A separate archive surface; editor panels and viewport dimensions are untouched. */
.render-library-launch { flex: 0 0 auto; border: 1px solid rgba(108,230,190,.25); }
.render-library-dialog { position: fixed; inset: 24px; width: calc(100vw - 48px); height: calc(100dvh - 48px); max-width: none; max-height: none; box-sizing: border-box; margin: 0; padding: 0; color: #e4edf4; background: #0b1118; border: 1px solid #2b3947; border-radius: 16px; box-shadow: 0 30px 110px #000b; font: 13px/1.45 Inter, system-ui, sans-serif; }
.render-library-dialog[open] { display: flex; flex-direction: column; }
.render-library-dialog::backdrop { background: #03080ec9; backdrop-filter: blur(8px); }
.render-library-dialog button,.render-library-dialog select,.render-library-dialog input { font: inherit; color: inherit; box-sizing: border-box; }
.render-library-dialog button,.render-library-dialog select { min-height: 34px; border: 1px solid #344351; border-radius: 7px; background: #16212c; padding: 6px 11px; cursor: pointer; }
.render-library-dialog button:hover:not(:disabled) { border-color: #71e5be; color: #b1ffe5; }
.render-library-dialog button:disabled { cursor: default; opacity: .5; }
.render-library-dialog :focus-visible { outline: 2px solid #78f4cc; outline-offset: 3px; }
.render-library-dialog [hidden] { display: none !important; }
.render-library-header { flex: none; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 25px 28px 20px; background: linear-gradient(110deg,#172d30 0%,#101a25 58%,#141c2c 100%); border-bottom: 1px solid #26323f; }
.render-library-header small { color: #82d7bb; letter-spacing: .18em; font-size: 10px; }
.render-library-header h2 { margin: 4px 0 2px; font-size: 27px; line-height: 1.3; letter-spacing: -.035em; overflow-wrap: anywhere; }
.render-library-header p { margin: 4px 0 0; color: #a5b6c7; font-size: 12px; }
.render-library-dialog .render-library-close { padding: 2px; width: 36px; height: 36px; min-width: 36px; font-size: 25px; background: #101a25; }
.render-library-filters { flex: none; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; padding: 18px 28px 14px; }
.render-library-filters label { display: grid; gap: 5px; color: #a8b9c9; font-size: 11px; }
.render-library-filters label > span { padding-left: 2px; }
.render-library-filters input { height: 35px; min-width: 0; width: 100%; padding: 6px 11px; border: 1px solid #344351; border-radius: 7px; background: #111d28; }
.render-library-search { flex: 1 1 210px; }
.render-library-filter-actions { display: flex; gap: 8px; }
.render-library-summary { flex: none; display: flex; align-items: center; gap: 14px; padding: 0 28px 14px; font-size: 11px; color: #8298ab; }
.render-library-summary p { margin: 0; flex: 1; }
.render-library-summary > span { white-space: nowrap; }
.render-library-dialog .is-error { color: #ffada4; }
.render-library-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 28px 28px; }
.render-library-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(300px,100%),1fr)); gap: 18px; }
.render-library-card { min-width: 0; overflow: hidden; border: 1px solid #273642; border-radius: 11px; background: #111b26; }
.render-library-dialog .render-library-thumbnail { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 186px; padding: 0; overflow: hidden; border: 0; border-bottom: 1px solid #273642; border-radius: 0; color: #506d82; background: radial-gradient(ellipse at 45% 40%,#1b2b38,#080e16); }
.render-library-dialog .render-library-thumbnail:disabled { opacity: 1; }
.render-library-thumbnail img { width: 100%; height: 100%; object-fit: contain; }
.render-library-thumbnail-state { position: absolute; font-size: 14px; }
.render-library-card-body { padding: 14px; }
.render-library-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.render-library-card h3 { margin: 0; font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.render-library-badge { flex: none; padding: 2px 7px; font-size: 10px; text-transform: capitalize; background: #223341; border-radius: 5px; color: #bdd3e2; }
.render-library-badge.status-complete { background: #15372d; color: #8be7bf; }
.render-library-badge.status-failed { background: #402827; color: #ffc0b9; }
.render-library-badge.status-running { background: #153347; color: #94d8ff; }
.render-library-metadata,.render-library-date { display: block; margin: 7px 0 0; font-size: 11px; color: #a1b3c5; }
.render-library-date { color: #718ba1; }
.render-library-stage { margin: 11px 0; min-height: 16px; font-size: 11px; color: #7f9aac; overflow-wrap: anywhere; }
.render-library-card progress { display: block; width: 100%; height: 5px; margin-top: 12px; accent-color: #6ae5be; }
.render-library-card-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.render-library-card-actions button,.render-library-card-actions select { font-size: 11px; }
.render-library-dialog .render-library-primary { border-color: #306d59; background: #173c31; color: #a6f7d6; }
.render-library-grid[data-view="list"] { grid-template-columns: 1fr; gap: 10px; }
.render-library-grid[data-view="list"] .render-library-card { display: grid; grid-template-columns: 210px 1fr; }
.render-library-grid[data-view="list"] .render-library-thumbnail { height: 100%; min-height: 160px; border-bottom: none; border-right: 1px solid #273642; }
.render-library-dialog .render-library-more { display: block; margin: 24px auto 0; padding: 9px 28px; }
.render-library-preview { inset: 14px; width: calc(100vw - 28px); height: calc(100dvh - 28px); background: #080e15; }
.render-library-preview .render-library-header { padding: 15px 22px; }
.render-library-preview .render-library-header h2 { font-size: 18px; }
.render-library-preview-tabs { display: flex; flex: none; gap: 8px; padding: 10px 22px; }
.render-library-preview-tabs [aria-pressed="true"] { border-color: #6ac9a8; color: #b7ffe6; background: #173329; }
.render-library-preview-canvas { position: relative; display: flex; align-items: center; justify-content: center; flex: 1; min-height: 0; overflow: hidden; background: #03060a; }
.render-library-preview-canvas img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.render-library-preview-canvas img:not([src]) { display: none; }
.render-library-preview-canvas p { position: absolute; padding: 12px; color: #b5c7d7; text-align: center; }
.render-library-preview-canvas p:not(:empty) { background: #080f19ee; border-radius: 6px; }
.render-library-preview-downloads { flex: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 12px 22px; border-top: 1px solid #24303b; }
.render-library-preview-downloads button { font-size: 11px; }
.render-library-compare-bar { display: flex; flex: none; align-items: center; gap: 10px; padding: 9px 28px 14px; border-bottom: 1px solid #26323f; margin-bottom: 16px; }
.render-library-compare-bar > span { min-width: 0; flex: 1; color: #8aafbf; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.render-library-compare-select[aria-pressed="true"] { color: #b6ffe4; border-color: #64b99e; background: #163a30; }
.render-library-comparison .render-library-header { padding: 14px 22px; }
.render-library-comparison .render-library-header h2 { font-size: 21px; }
.render-library-comparison-metadata { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 12px 22px 5px; }
.render-library-comparison-metadata > div { display: grid; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.render-library-comparison-metadata b { font-size: 12px; color: #baded4; }
.render-library-comparison-metadata small { font-size: 10px; color: #849eaf; }
.render-library-comparison-note { flex: none; margin: 7px 22px 12px; color: #91a8b7; font-size: 10px; }
.render-library-compare-canvas { flex: 1; min-height: 0; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; background: #030609; }
.render-library-compare-frame { position: relative; flex: none; overflow: hidden; cursor: ew-resize; touch-action: none; background: #030609; }
.render-library-compare-frame > img,.render-library-compare-layer,.render-library-compare-layer > img { position: absolute; inset: 0; width: 100%; height: 100%; }
.render-library-compare-frame img { display: block; object-fit: contain; user-select: none; pointer-events: none; filter: none; opacity: 1; }
.render-library-compare-frame img:not([src]) { display: none; }
.render-library-compare-layer { clip-path: inset(0 50% 0 0); background: #030609; }
.render-library-compare-divider { position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: #edfff8; box-shadow: 0 0 0 1px #0005; pointer-events: none; }
.render-library-compare-divider span { position: absolute; top: 48%; left: -13px; width: 27px; height: 30px; display: grid; place-items: center; color: #baffdf; background: #102a24dd; border: 1px solid #a0d8c5; border-radius: 5px; }
.render-library-compare-label-a,.render-library-compare-label-b { position: absolute; top: 9px; padding: 3px 7px; border-radius: 3px; font-size: 11px; color: #e1fff5; background: #061711a8; pointer-events: none; }
.render-library-compare-label-a { left: 9px; }.render-library-compare-label-b { right: 9px; }
#render-library-compare-status { position: absolute; max-width: 80%; font-size: 12px; color: #d6e5ec; }
#render-library-compare-status:not(:empty) { padding: 12px; border-radius: 6px; background: #101e2aee; }
.render-library-comparison-controls { display: flex; flex: none; align-items: center; gap: 16px; padding: 15px 22px; border-top: 1px solid #253540; }
.render-library-comparison-controls label { display: grid; gap: 4px; font-size: 11px; color: #b1c5d1; }
.render-library-comparison-controls label span { color: #7fa892; font-size: 10px; }
.render-library-comparison-controls input { flex: 1; min-width: 40px; accent-color: #7de5bf; }
@media (max-width:760px) { .render-library-compare-bar { flex-wrap: wrap; padding: 8px 16px 12px; }.render-library-compare-bar > span { flex-basis: 40%; }.render-library-comparison-metadata { gap: 9px; padding: 10px 12px 3px; }.render-library-comparison-metadata small { font-size: 9px; }.render-library-comparison-controls { padding: 10px; gap: 9px; } }
@media (max-width: 760px) {
  .render-library-dialog { inset: 6px; width: calc(100vw - 12px); height: calc(100dvh - 12px); border-radius: 10px; }
  .render-library-header,.render-library-filters { padding: 16px; }
  .render-library-summary { padding: 0 16px 12px; flex-wrap: wrap; }
  .render-library-scroll { padding: 0 16px 16px; }
  .render-library-header h2 { font-size: 23px; }
  .render-library-grid[data-view="list"] .render-library-card { grid-template-columns: 110px 1fr; }
  .render-library-grid[data-view="list"] .render-library-card-heading { flex-wrap: wrap; }
  .render-library-grid[data-view="list"] .render-library-thumbnail { min-height: 180px; }
  .render-library-preview-downloads { gap: 5px; padding: 8px; max-height: 115px; overflow: auto; }
}