:root{color-scheme:dark;--bg:#191f29;--panel:#242c39;--line:#394659;--text:#edf2fc;--muted:#a3b3cb;--accent:#596fe3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,sans-serif}header{display:flex;align-items:center;gap:16px;padding:20px 32px;background:#111a29;border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:700;letter-spacing:.05em}header span{color:var(--muted)}header button{margin-left:auto}main{max-width:1380px;margin:auto;padding:28px}h1{font-size:28px;margin:4px 0 8px}h2{font-size:19px;margin:0 0 16px}h3{font-size:15px}p{color:var(--muted)}button,input,select,textarea{font:inherit;color:inherit;border:1px solid var(--line);border-radius:7px;background:#2a3444;padding:10px 14px;min-height:40px}button{cursor:pointer;white-space:nowrap}button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.primary{background:var(--accent);border-color:var(--accent)}.danger{color:#ffb4b4;border-color:#7e484b}a{color:#afbdff}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}input,select,textarea{width:100%;color:var(--text)}label.check{flex-direction:row;align-items:center}.check input{width:18px;min-height:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wide{grid-column:1/-1}.card{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.toolbar h2{margin:0 auto 0 0}.tabs{display:flex;gap:8px;margin:24px 0}.tabs button.active{background:var(--accent)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:9px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.05em;background:#202937}td,th{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}td .toolbar{margin:0}.badge{display:inline-block;border-radius:20px;background:#343e52;padding:4px 10px;font-size:12px;white-space:nowrap}.badge.good{background:#224f46;color:#a1e9cc}.badge.warn{background:#584830;color:#ffdfa3}.badge.bad{background:#59363e;color:#ffb9c1}small{color:var(--muted)}#message{position:sticky;top:0;z-index:5;background:#283447;color:#e1eafa;border-radius:8px;margin:0 0 18px;padding:12px 16px}#message:empty{display:none}.login{max-width:460px;margin:55px auto}.login form{display:grid;gap:18px}footer{text-align:center;color:var(--muted);padding:20px;font-size:11px;border-top:1px solid var(--line)}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:26px;width:min(920px,94vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#050914b8}progress{width:100%;height:18px;accent-color:var(--accent)}.muted{color:var(--muted)}.right{margin-left:auto}code{overflow-wrap:anywhere}.empty{text-align:center;padding:36px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:700px){header,main{padding:16px}.grid{grid-template-columns:1fr}header span{display:none}.card{padding:18px}td,th{padding:10px}.toolbar{gap:8px}h1{font-size:24px}}:focus-visible{outline:2px solid #9aaaff;outline-offset:3px}

.brand{display:flex;align-items:center;gap:14px}.brand img{width:110px;max-height:60px;object-fit:contain}.toolbar{flex-wrap:wrap}footer:before{content:"LUM SHUTTLE · Luminance VFX — ";font-weight:600}

/* Studio-aligned folder workspace; applies only after authenticated history loads. */
.folder-workspace{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.folder-workspace main{max-width:none;width:100%;min-height:0;flex:1;padding:12px 18px;display:flex;flex-direction:column;overflow:auto}
.folder-workspace #workspace:not([hidden]){flex:1;min-height:0;display:flex;flex-direction:column}
.folder-workspace #workspace>h1,.folder-workspace #welcome{display:none}
.folder-workspace #packagesPage:not([hidden]){flex:1;min-height:0;display:flex;flex-direction:column}
.folder-workspace #vendorsPage{overflow:auto}
.folder-workspace #history{flex:1;min-height:160px;display:flex;flex-direction:column;border:1px solid var(--lum-border);background:var(--lum-table)}
.folder-workspace #history .folder-scroll{height:100%;flex:1;min-height:0;overflow:auto}
.folder-workspace #history table{margin:0;border:0;min-width:760px;width:100%;table-layout:fixed}
.folder-workspace #history th{position:sticky;top:0;background:var(--lum-table-header);color:var(--lum-muted);z-index:1;text-align:left;font-size:11px;font-weight:600}
.folder-workspace #history th:first-child{width:46%}.folder-workspace #history th:nth-child(2){width:18%}.folder-workspace #history th:nth-child(3){width:10%}.folder-workspace #history th:nth-child(4){width:16%}.folder-workspace #history th:nth-child(5){width:10%}
.folder-workspace #history :is(td,th){padding:5px 10px;border-bottom:1px solid var(--lum-border);height:34px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.folder-workspace #history tr.selected{background:var(--lum-selection)}
.folder-workspace #history tbody tr:hover{background:var(--lum-hover)}
.folder-workspace #history tr:focus-visible{outline:1px solid var(--lum-accent);outline-offset:-1px}
.folder-workspace .folder-name{display:flex;align-items:center;gap:7px;min-width:0}
.folder-workspace .folder-name svg{flex-shrink:0;color:var(--lum-accent)}
.folder-workspace .folder-name input{flex-shrink:0;margin:0}
.folder-workspace #history button{min-height:24px;font-size:12px;padding:2px 8px}
.folder-workspace #history .folder-toggle{border:0;background:transparent;width:18px;padding:0;flex-shrink:0}
.folder-workspace #history .folder-label{border:0;background:transparent;text-align:left;overflow:hidden;text-overflow:ellipsis;padding:2px 0}
.folder-workspace #history .folder-label:hover{color:var(--lum-accent)}
.folder-workspace .toolbar{gap:6px;margin:5px 0;flex-wrap:wrap}
.folder-workspace .tabs{margin:0 0 6px;border-bottom:1px solid var(--lum-border);gap:4px}
.folder-workspace #folderTools{display:flex;align-items:center;gap:8px;background:var(--lum-panel);border:1px solid var(--lum-border);border-bottom:0;padding:8px 10px;min-height:48px}
.folder-breadcrumbs{display:flex;align-items:center;gap:4px;min-width:0;flex:1;overflow:auto;white-space:nowrap}
.folder-workspace .folder-breadcrumbs button{background:transparent;border:0;padding:3px 6px;min-height:24px;color:var(--lum-accent);max-width:220px;overflow:hidden;text-overflow:ellipsis}
.folder-workspace .folder-search{margin:0;min-width:190px;width:300px}
.folder-workspace .folder-search input{width:100%;margin:0}
.folder-workspace #folderActions{display:flex;align-items:center;gap:8px;border-top:1px solid var(--lum-border);padding:10px 2px 0;min-height:48px}
.folder-brand{font-size:19px;font-weight:700;letter-spacing:1px;white-space:nowrap}.folder-brand small{font-size:10px;letter-spacing:2px}
.folder-workspace #folderSelection{color:var(--lum-muted);font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:30vw}
.folder-action-spacer{flex:1}
.folder-workspace #folderDownload{border:1px solid var(--lum-border);padding:6px 12px;border-radius:4px;text-decoration:none}
.folder-workspace footer{padding:4px 18px;font-size:10px;border-top:1px solid var(--lum-border);margin:0;background:var(--lum-header)}
.folder-workspace #message:empty{display:none}.folder-workspace #message:not(:empty){margin:0 0 6px;padding:6px 10px;max-height:65px;overflow:auto}
.folder-workspace .shuttle-header{padding-top:8px!important;padding-bottom:8px!important;min-height:58px}
.folder-workspace #workspace:fullscreen{background:var(--lum-app);padding:12px;width:100%;height:100%}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){.folder-workspace main{padding:8px}.folder-workspace #folderTools{flex-wrap:wrap}.folder-workspace .folder-search{width:100%;order:2}.folder-workspace #folderSelection{display:none}.folder-workspace .folder-brand{font-size:14px}.folder-workspace #myTransfers{display:none}.folder-workspace{overflow:auto;min-height:100dvh;height:auto}.folder-workspace #history{height:60vh;flex:none}.folder-workspace #folderActions{flex-wrap:wrap}}

.folder-workspace .folder-name.depth-0{padding-left:0px}
.folder-workspace .folder-name.depth-1{padding-left:18px}
.folder-workspace .folder-name.depth-2{padding-left:36px}
.folder-workspace .folder-name.depth-3{padding-left:54px}
.folder-workspace .folder-name.depth-4{padding-left:72px}
.folder-workspace .folder-name.depth-5{padding-left:90px}
.folder-workspace .folder-name.depth-6{padding-left:108px}
.folder-workspace .folder-name.depth-7{padding-left:126px}
.folder-workspace .folder-name.depth-8{padding-left:144px}
.folder-workspace .folder-name.depth-9{padding-left:162px}
.folder-workspace .folder-name.depth-10{padding-left:180px}
.folder-workspace .folder-name.depth-11{padding-left:198px}
.folder-workspace .folder-name.depth-12{padding-left:216px}
.folder-workspace .folder-name.depth-13{padding-left:234px}
.folder-workspace .folder-name.depth-14{padding-left:252px}
.folder-workspace .folder-name.depth-15{padding-left:270px}
.folder-workspace .folder-name.depth-16{padding-left:288px}
.folder-workspace .folder-name.depth-17{padding-left:306px}
.folder-workspace .folder-name.depth-18{padding-left:324px}
.folder-workspace .folder-name.depth-19{padding-left:342px}
.folder-workspace .folder-name.depth-20{padding-left:360px}