.home-top-switcher{display:flex;align-items:center;gap:12px;margin:-4px 0 18px;padding:9px 0;border-top:1px solid #a7add015;font-size:11px;color:#8e99ba}.home-top-switcher select{font:11px var(--sans);background:#161e39;border:1px solid #59618666;border-radius:7px;padding:8px 30px 8px 10px;color:#c5cbe4}.home-top-switcher>span{font-size:10px;margin-left:auto}.top-concept{margin-bottom:22px;min-width:0;border-radius:14px}.top-concept h2{font-size:15px;font-weight:500;letter-spacing:-.25px}.top-concept button{font:inherit;cursor:pointer}.top-concept-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.top-concept-title>span,.top-concept-title>button{font-size:10px;color:#8f9abb}.top-concept-title>button{border:0;background:none;padding:0}.top-kicker{font-size:10px;color:#a1aacc}.pipeline-map{padding:20px 24px;background:#111936}.pipeline-map-track{display:flex;align-items:center;justify-content:space-between;gap:18px}.pipeline-map-track button{display:grid;grid-template-columns:38px auto;gap:4px 12px;border:0;background:none;text-align:left;color:#dce1fa;padding:7px;border-radius:9px;min-width:0}.pipeline-map-track button:hover{background:#8b91fa0e}.pipeline-map-track strong{font:25px var(--mono);color:#b0affb}.pipeline-map-track button>span:last-child{grid-column:2;font-size:10px;color:#8d99bc}.pipeline-node{grid-row:1/3;align-self:center;width:38px;height:38px;display:grid;place-items:center;border:1px solid #7377bf5c;background:#22284c;border-radius:10px;color:#a6a5f3;font-size:20px}.pipeline-node.node-ready{background:#153f393d;border-color:#55c4a45c;color:#69d4b3}.pipeline-map-track>i{font-style:normal;flex:1;text-align:center;color:#62698e;border-bottom:1px solid #62698e20;line-height:0}.map-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #293151;margin-top:18px;padding-top:12px;font-size:9px;color:#828eaf}.map-footer b{color:#6fcfb4;font-weight:400;margin-left:12px}
.active-jobs{display:grid;grid-template-columns:180px 1fr 1fr;gap:12px}.active-jobs-summary{grid-row:1/3;padding:18px;background:#171e3c;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start}.active-jobs-summary>strong{font:46px var(--mono);color:#aba5fa;margin-top:5px}.active-jobs-summary>span:last-of-type{font-size:9px;color:#858eaf}.active-jobs-summary button{background:none;border:0;color:#b2b3e6;font-size:10px;padding:0;margin-top:auto}.active-job{display:flex;align-items:center;gap:14px;background:#111936;border:1px solid #3d45623b;padding:16px;border-radius:12px;min-width:0}.active-job>img{width:88px;aspect-ratio:1.25;object-fit:cover;border-radius:7px}.active-job>div{flex:1;min-width:0}.active-job h3{font-size:14px;font-weight:500;margin:7px 0 12px}.active-job small{font-size:9px;color:#8590b2}.active-job>span{color:#989fce;font-size:14px}.job-progress{height:4px;background:#313a59;margin-bottom:7px;border-radius:3px}.job-progress i{height:100%;display:block;background:#9d98fa;border-radius:3px}.job-search-track{display:flex;gap:4px;height:4px;margin-bottom:7px}.job-search-track i{flex:1;background:#c59d6359}.job-search-track i:nth-child(2){background:#d0a669}.active-jobs-footer{grid-column:2/4;display:flex;justify-content:space-between;font-size:9px;color:#8f9ab9;padding:3px 4px}
.outcome-focus{display:grid;grid-template-columns:210px 1fr 160px;align-items:center;gap:30px;background:#111936;padding:23px 27px}.outcome-number>strong{font:61px var(--mono);letter-spacing:-3px;display:block;color:#a8a6ff;margin:4px 0}.outcome-number>strong>span{font-size:23px;margin-left:4px}.outcome-number small{font-size:10px;color:#8b97b9}.outcome-details h2{font-size:13px;margin-bottom:16px}.outcome-blocks{display:flex;gap:7px}.outcome-blocks a{flex:1;display:flex;justify-content:space-between;align-items:center;padding:13px 10px;border-radius:6px;background:#24483f5c;border:1px solid #55c4a32b;color:#72d5b5}.outcome-blocks a>span{font:9px var(--mono);color:#8db4b0}.outcome-blocks strong{font-size:14px;font-weight:400}.outcome-key{display:flex;justify-content:space-between;font-size:9px;color:#7d8eae;margin-top:10px}.outcome-key i{display:inline-block;width:5px;height:5px;background:#72d5b5;border-radius:50%;margin-right:6px}.outcome-pending{border:0;border-left:1px solid #41496b5c;background:none;color:#a4abc8;padding:12px 0 12px 24px;text-align:left}.outcome-pending strong{display:block;font:32px var(--mono);color:#b9bbec}.outcome-pending>span{font-size:11px;display:block;margin:6px 0}.outcome-pending small{font-size:9px;color:#808eae}
.compact-overview{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#111936;border:1px solid #8993c21c}.compact-overview>button{display:flex;align-items:center;gap:12px;border:0;background:none;color:#a2adca;padding:5px 0;font-size:11px}.compact-overview strong{font:22px var(--mono);color:#c1c2f5}.compact-overview small{font-size:8px;color:#7b88aa}.compact-overview>button>i{width:5px;height:5px;background:#a399ef;border-radius:50%}.compact-separator{width:1px;height:25px;background:#454e714a}.compact-rate{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:10px;color:#929dbb}.compact-rate strong{font-size:19px;color:#76d0b5}.compact-rate svg{width:75px;height:23px;fill:none;stroke:#76d0b5;stroke-width:1.5;margin-left:10px}
.library-shelves{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:10px}.shelf{position:relative;text-align:left;border:1px solid #565f883b;border-radius:0 13px 13px 13px;background:#111936;color:#a4adca;padding:25px 20px 16px;overflow:visible}.shelf-tab{position:absolute;top:-11px;left:-1px;padding:6px 16px 4px;border:1px solid #565f883b;border-bottom:0;border-radius:8px 8px 0 0;background:#111936;font-size:10px}.shelf>strong{display:block;font:38px var(--mono);color:#b8b3fa}.shelf-ready>strong{color:#76d4b8}.shelf>span:last-of-type{font-size:9px;display:block;margin-top:9px}.shelf small{font-size:8px;margin-left:5px;color:#7583a6}.shelf>b{position:absolute;right:17px;bottom:16px;font-weight:400;color:#959dca}.shelf-stack{position:absolute;right:27px;top:30px;width:58px;height:42px}.shelf-stack i{position:absolute;inset:0;border:1px solid #9390d870;background:#252b4e;border-radius:5px;transform:rotate(-12deg) translateX(-10px)}.shelf-stack i:nth-child(2){transform:rotate(8deg)}.shelf-stack i:nth-child(3){transform:rotate(18deg) translateX(7px);background:#224438}.shelf-draft-icon{position:absolute;right:25px;top:30px;width:48px;height:42px;border:1px dashed #6672987a;display:grid;place-items:center;border-radius:6px;font-size:25px;color:#8a98bf}
.completion-gallery{background:#111936;padding:18px}.completion-gallery h2>span{font:12px var(--mono);color:#9f9fdf;margin-left:9px}.completion-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.completion-strip>a{position:relative;min-width:0;background:#0b1022;border-radius:9px;overflow:hidden}.completion-strip img{width:100%;aspect-ratio:2.2;object-fit:cover;display:block}.completion-badge{position:absolute;right:7px;top:7px;border-radius:50%;background:#103e32;color:#85dfb9;font-size:10px;width:19px;height:19px;display:grid;place-items:center}.completion-strip a>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px}.completion-strip a>div>span{font-size:10px;color:#9ba6c3}.completion-strip strong{font:20px var(--mono);color:#b6b3fa}.completion-strip strong small{font-size:9px;color:#7685a6;margin-left:2px}.gallery-footer{display:flex;justify-content:space-between;font-size:9px;color:#8190b1;margin-top:13px;gap:15px}.gallery-footer b{color:#b2b6d8;font-weight:400}
.action-inbox{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.inbox-main{padding:18px;background:#111936;border-radius:13px}.inbox-main .top-concept-title{margin-bottom:10px}.inbox-main button{display:flex;align-items:center;width:100%;gap:12px;text-align:left;border:0;border-top:1px solid #414a6b3b;background:none;color:#c3cbe2;padding:12px 2px}.inbox-main button>span:last-child{margin-left:auto;color:#a3a2df}.inbox-symbol{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:#2a2c50;color:#aba6ef;font-size:19px}.inbox-symbol.inbox-ready{background:#20423b;color:#77d1b4}.inbox-main strong{font-size:12px;font-weight:500;display:block}.inbox-main small{display:block;font-size:9px;color:#8997b9;margin-top:5px}.inbox-main small b{font-weight:400;color:#bdc3db}.inbox-status{padding:20px 24px;background:#0d152d;border:1px solid #5159783b;border-radius:13px}.inbox-status p{font-size:12px;color:#afb9d5;margin-top:10px}.inbox-status p strong{font:28px var(--mono);color:#b2aaf4;margin-right:7px}.inbox-status>span:last-of-type{font-size:9px;color:#7f8eaf;display:block;margin-top:5px}.inbox-status>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #404c6e52;margin-top:18px;padding-top:12px;font-size:10px;color:#9ba8c7}.inbox-status>div strong{font:21px var(--mono);color:#74cfb1}.inbox-status>div small{width:100%;font-size:8px;color:#7b8cac}
@media(max-width:1050px){.active-jobs{grid-template-columns:130px 1fr 1fr}.active-job{gap:10px;padding:12px}.active-job>img{width:62px}.active-job h3{font-size:12px}.active-jobs-footer{font-size:8px}.pipeline-map-track{gap:9px}.pipeline-map{padding:18px}.pipeline-map-track button{gap:4px 8px}.outcome-focus{grid-template-columns:160px 1fr 120px;gap:20px;padding:20px}.outcome-number>strong{font-size:47px}.compact-overview{gap:13px;padding:14px}.compact-overview>button{font-size:10px;gap:7px}.compact-rate svg{display:none}.compact-rate{gap:7px}.compact-rate small{display:none}.completion-strip strong{font-size:16px}.completion-strip a>div{padding:9px}.shelf>span:last-of-type{max-width:160px;line-height:1.7}}
@media(max-width:760px){.home-top-switcher{flex-wrap:wrap;gap:8px}.home-top-switcher>span{width:100%;margin:0;font-size:9px}.pipeline-map-track{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pipeline-map-track>i{display:none}.pipeline-map-track button{background:#0b1022;padding:12px;grid-template-columns:32px auto}.pipeline-node{width:32px;height:32px}.map-footer{flex-direction:column;font-size:8px;gap:7px}.map-footer b{margin-left:9px}.top-concept-title h2{font-size:13px}.top-concept-title>span{font-size:8px}.active-jobs{grid-template-columns:1fr}.active-jobs-summary{grid-row:auto;flex-direction:row;align-items:center;gap:12px;padding:14px}.active-jobs-summary>strong{font-size:29px;margin:0}.active-jobs-summary button{margin:0 0 0 auto;font-size:9px}.active-jobs-summary>span:last-of-type{font-size:8px}.active-job>img{width:84px}.active-jobs-footer{grid-column:auto;gap:12px;font-size:8px;line-height:1.6}.outcome-focus{grid-template-columns:1fr 1fr;gap:18px;padding:18px}.outcome-number>strong{font-size:46px}.outcome-details{grid-column:1/-1;grid-row:2}.outcome-pending{justify-self:end;width:110px;padding-left:20px}.outcome-details h2{font-size:12px}.outcome-blocks a{padding:11px 7px}.outcome-key{font-size:8px}.compact-overview{flex-wrap:wrap;gap:12px;padding:13px}.compact-overview>button{flex:1;flex-direction:column;align-items:flex-start;gap:6px;position:relative}.compact-overview>button>i{position:absolute;top:1px;right:0}.compact-overview>button>small{display:none}.compact-overview strong{font-size:23px}.compact-rate{width:100%;border-top:1px solid #444f703f;padding-top:11px;justify-content:space-between}.compact-rate small{display:block}.compact-rate strong{font-size:19px}.compact-separator{height:36px}.library-shelves{grid-template-columns:1fr;gap:22px}.shelf{padding:18px 18px 15px}.shelf>strong{font-size:30px}.shelf>span:last-of-type{max-width:none}.shelf-stack{top:19px}.shelf-draft-icon{top:18px}.completion-strip{display:flex;overflow:auto;gap:9px;padding-bottom:5px;scroll-snap-type:x proximity}.completion-strip>a{flex:0 0 145px;scroll-snap-align:start}.completion-strip img{aspect-ratio:1.8}.completion-strip strong{font-size:20px}.gallery-footer{flex-direction:column;gap:6px;font-size:8px;line-height:1.6}.action-inbox{grid-template-columns:1fr}.inbox-main{padding:15px}.inbox-status{padding:16px}.inbox-status>div{margin-top:12px}.inbox-main small{font-size:8px}.top-concept{margin-bottom:18px}.inbox-main .top-concept-title>span{font-size:8px}.pipeline-map-track button>span:last-child{font-size:9px}.top-kicker{font-size:9px}}
/* Chosen shelves layout, followed directly by the paginated library. */
.recon-desk{padding-top:29px}.library-shelves{margin-bottom:25px}.library-pagination{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 5px 2px;font-size:10px;color:#8996b6}.page-size-label{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:10px}.page-size-label select{font:10px var(--mono);padding:6px 8px;border:1px solid #4652795c;border-radius:6px;background:#0b1022;color:#bdc5e0}.page-controls,#page-numbers{display:flex;align-items:center;gap:4px}.page-controls button{height:29px;min-width:29px;padding:0 7px;border:1px solid transparent;background:#0b1022;color:#b1bcdd;border-radius:6px;font:11px var(--mono)}.page-controls>button{font:21px var(--sans)}.page-controls button:hover:not(:disabled){background:#252d51;color:#efefff}.page-controls button[aria-current=page]{border-color:#7f81d062;background:#36376c;color:#dddeff}.page-controls button:disabled{opacity:.3}.page-controls span{font-size:11px;padding:0 3px}
@media(max-width:760px){.recon-desk{padding-top:25px}.library-pagination{gap:10px;padding:13px 2px 3px}.page-size-label{font-size:9px;gap:5px}.page-controls{margin-left:auto}.page-controls button{min-width:27px;height:28px;padding:0 5px}}
/* Keep pagination at the panel floor, including short and filtered pages. */
.desk-columns,.has-preview .desk-columns{align-items:stretch}
.desk-library{display:flex;flex-direction:column;min-height:0}
.library-pagination{margin-top:auto;padding-top:16px;padding-bottom:5px}
.desk-video-list{flex-shrink:0}
@media(max-width:760px){.desk-library{min-height:420px}.library-pagination{padding-bottom:4px}}
/* Reserve room for the complete time; let the thumbnail use the remaining width. */
.solve-preview .preview-summary{display:grid;grid-template-columns:minmax(0,1fr) max-content}
.solve-preview .preview-summary img{width:100%;min-width:0}
#preview-time,.preview-stage-detail strong{white-space:nowrap}
.preview-stage-detail strong{flex-shrink:0}
/* Stage timelines span every column to the right of the thumbnail. */
.desk-row:has(.row-stage-bar){row-gap:3px}
.desk-row:has(.row-stage-bar)>.row-index{grid-column:1;grid-row:1 / 3}
.desk-row:has(.row-stage-bar)>.row-thumb{grid-column:2;grid-row:1 / 3}
.desk-row:has(.row-stage-bar)>.row-name{grid-column:3;grid-row:1}
.desk-row:has(.row-stage-bar)>.row-state{grid-column:4;grid-row:1}
.desk-row:has(.row-stage-bar)>.row-duration{grid-column:5;grid-row:1;white-space:nowrap}
.row-stage-bar{grid-column:3 / -1;grid-row:2;display:grid;gap:6px;width:100%;min-width:0;background:none}
.row-stage-group{display:flex;flex-direction:column;min-width:0;gap:3px}
.row-stage-heading{display:flex;justify-content:space-between;gap:4px;font:9px/11px var(--sans);color:#9ba8c3}
.row-stage-values{display:grid;gap:3px;min-width:0}
.row-stage-time{font:8px/10px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.row-stage-rail{display:flex;height:3px;overflow:hidden;border-radius:2px;background:#252e44}
.row-stage-segment{display:block;min-width:0;height:100%;box-shadow:inset -1px 0 #0b102266}
.row-stage-segment:hover{filter:brightness(1.2)}
@media(max-width:1050px){
 .desk-row:has(.row-stage-bar)>.row-thumb{grid-column:1}
 .desk-row:has(.row-stage-bar)>.row-name{grid-column:2}
 .desk-row:has(.row-stage-bar)>.row-state{grid-column:3}
 .desk-row:has(.row-stage-bar)>.row-duration{grid-column:4}
 .row-stage-bar{grid-column:2 / -1}
}

.row-stage-total{font:8px/11px var(--mono);color:#8390ac}
/* Status leads each reconstruction, followed by its thumbnail and move timing. */
.recon-desk .desk-row{grid-template-columns:64px 65px minmax(0,1fr) max-content;gap:10px}
.recon-desk .desk-row>.row-state{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;justify-content:center;gap:7px;text-transform:capitalize;text-align:center}
.recon-desk .desk-row>.row-thumb{grid-column:2;grid-row:1 / 3}
.recon-desk .desk-row>.row-name{grid-column:3;grid-row:1}
.recon-desk .desk-row>.row-duration{grid-column:4;grid-row:1;white-space:nowrap}
.recon-desk .row-stage-bar{grid-column:3 / -1;grid-row:2}
.recon-desk .desk-column-labels{display:grid;grid-template-columns:64px minmax(0,1fr) max-content;gap:10px}
.recon-desk .desk-column-labels>span{grid-column:auto}
.recon-desk .desk-column-labels>span:last-child{text-align:right}
@media(max-width:1050px){.recon-desk .desk-row{grid-template-columns:48px 48px minmax(0,1fr) max-content;gap:7px}.recon-desk .desk-column-labels{grid-template-columns:48px minmax(0,1fr) max-content;font-size:8px}}
@media(max-width:360px){.recon-desk .desk-row{grid-template-columns:42px 38px minmax(0,1fr) max-content;gap:5px}}
@keyframes reconstruction-spin{to{transform:rotate(360deg)}}
@keyframes reconstruction-pulse{50%{opacity:.35;transform:scale(.8)}}
.row-state.working i,.inspector-state[data-state=working]:before,#preview-state[data-state=working]:before{width:12px;height:12px;box-sizing:border-box;border:2px solid #a5a7ff40;border-top-color:#a5a7ff;border-radius:50%;background:transparent;animation:reconstruction-spin 1s linear infinite;flex-shrink:0}
#preview-state[data-state=working]:before{content:'';display:inline-block;margin-right:7px;vertical-align:middle}
.desk-row[data-state=working] .row-thumb>span{animation:reconstruction-pulse 1.6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.row-state.working i,.inspector-state[data-state=working]:before,#preview-state[data-state=working]:before,.desk-row[data-state=working] .row-thumb>span{animation:none}}

.library-empty{max-width:560px;margin:clamp(30px,9vh,100px) auto;text-align:center;padding:30px 20px}
.empty-play{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 24px;border-radius:18px;background:#8b83ff18;color:#aba6ff;font-size:32px}
.library-empty h1{font-size:clamp(25px,4vw,34px);font-weight:500;letter-spacing:-.7px;line-height:1.2}
.library-empty p{max-width:410px;margin:16px auto 25px;color:#9ba8c3;font-size:14px;line-height:1.7}
.library-empty .primary-button{display:inline-flex;align-items:center;gap:18px;padding:13px 20px}
.recon-desk [hidden]{display:none!important}
.desk-column-labels{font-size:9px;color:#8592b0;padding:0 12px 10px;letter-spacing:.5px}
#home-no-results{text-align:center;padding:40px 15px}#home-no-results strong{font-size:16px;color:#c7cfe1}#home-no-results p{margin:10px 0 20px}#clear-filters{border:1px solid #6e72a766;border-radius:8px;background:#252d51;color:#c7cfee;padding:9px 14px;cursor:pointer}

.recon-desk .library-empty { padding: clamp(24px, 4vw, 40px); border: 1px solid #ffffff10; border-radius: 18px; background: #111936; }

.empty-play svg { display: block; flex-shrink: 0; }

/* Missing and loading thumbnails use the same quiet cube tile. */
.thumbnail-tile { position: relative; overflow: hidden; isolation: isolate; border-radius: 8px; background: #10182e; }
.thumbnail-tile > .thumbnail-placeholder { position: absolute; inset: 0; display: grid; place-items: center; background: radial-gradient(ellipse at 50% 45%,#7978c51a,transparent 75%),#10182e; border: 1px solid #a5a7ff12; border-radius: inherit; }
.thumbnail-placeholder svg { width: 34px; height: 34px; stroke: #7f87b1; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; opacity: .65; }
.thumbnail-tile .thumbnail-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; visibility: hidden; }
.thumbnail-tile .thumbnail-image.is-loaded { visibility: visible; }
.thumbnail-tile.has-thumbnail .thumbnail-placeholder { visibility: hidden; }
.preview-thumbnail-tile { display: block; width: 100%; aspect-ratio: 16 / 9; min-width: 0; }
.desk-row .row-thumb>.thumbnail-placeholder { animation: none; }

/* Exact time intervals: neither label length nor grid minimums may resize a stage. */
.row-stage-bar{position:relative;display:block;height:33px}
.row-stage-group{position:absolute;top:0;overflow:hidden}
.row-stage-heading{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-stage-total{margin-left:4px}
.row-stage-values{position:relative;display:block;height:10px}
.row-stage-time{position:absolute;top:0;overflow:hidden;text-overflow:ellipsis}
.row-stage-rail{position:relative;display:block;border-radius:0}
.row-stage-segment{position:absolute;top:0}

.row-stage-group{container-type:inline-size}
@container (max-width:28px){.row-stage-heading,.row-stage-values{visibility:hidden}}

.row-stage-heading{box-sizing:border-box;padding-inline:3px}
.row-stage-time{container-type:inline-size}
.row-stage-time>span{display:block;padding-inline:3px;overflow:hidden;text-overflow:ellipsis}
@container (max-width:24px){.row-stage-time>span{visibility:hidden}}