:root{--background: #ededed;--darkBackground: #e2e2e2;--border: #d0d0d0;--primary: #fd971f;--border-radius: 10px;--pill-border-radius: 20px}body{margin:1em;background:#272822}*{box-sizing:border-box;font-family:monospace}h1,h2,h3,h4,h5,h6{margin:0;padding:0}p{margin:0;font-size:.83em}hr{margin:0;border-color:var(--border);border-style:solid}.main{width:100%;max-width:1500px}.grid-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));grid-auto-rows:250px}.card{border-radius:var(--border-radius);overflow:hidden;background:#fff;position:relative}.card.watch-later .image{flex:0 0 auto}.card.watch-later .image img{object-fit:contain}.image-card.expanded{position:fixed;z-index:10;top:10px;bottom:10px;left:10px;right:10px}.image-card.expanded img{object-fit:contain!important}.image-card .image{overflow:hidden;flex:1 0 0}.image-card .image .img{display:flex;align-items:center;justify-content:center}.image-card .image img{height:100%;width:100%;object-fit:cover;z-index:1;position:relative;background:var(--darkBackground)}.image-card .image video{height:100%;width:100%;z-index:1;position:relative;background:var(--darkBackground)}.image-card .image .status{background:#fff;color:#000;text-align:center;padding:.5em;flex:0 0 auto}.image-card .tag{display:flex;flex-direction:row;align-items:center;border-radius:var(--pill-border-radius);border:2px solid var(--primary);padding:.25em .75em;font-weight:700;font-size:13px;color:#000;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input:not([type=range]),select:not([type=range]),textarea:not([type=range]){outline:none;border:2px solid var(--border);border-radius:var(--border-radius);padding:.75em}input:not([type=range]):not([type=checkbox]),select:not([type=range]):not([type=checkbox]),textarea:not([type=range]):not([type=checkbox]){flex:0 0 170px;max-width:170px;background:#fff}input[type=checkbox]+label{white-space:nowrap}input::placeholder{color:gray}button,.button,a.icon-button{border-radius:var(--border-radius);border:none;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;gap:.5em;padding:.5em 1em;background:var(--primary);color:#fff;font-family:inherit;font-weight:700;white-space:nowrap}button[icon-button],.button[icon-button],a.icon-button[icon-button]{border-radius:50%;min-width:40px;height:40px;padding:0}button:hover,.button:hover,a.icon-button:hover{background:#485869}button:active,.button:active,a.icon-button:active{background:#60666b}.icon-button{min-width:40px;width:40px;height:40px;background:none!important;border:none;outline:none;position:relative;padding:0!important}.icon-button svg{z-index:1}.icon-button.small{height:30px;min-width:30px;width:30px}.icon-button.background{background:#fff!important}.float-right{position:absolute;top:5px;right:5px;z-index:2}.float-left{position:absolute;top:5px;left:5px;z-index:2}.icon-button:hover:before{content:"";position:absolute;width:40px;height:40px;z-index:0;background:var(--background);border-radius:50%}.icon-button.small:hover:before{height:30px;width:30px}.icon-button:active:before{background:var(--darkBackground)}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.gap-2{gap:2em}.gap-15{gap:1.5em}.gap-1{gap:1em}.gap-075{gap:.75em}.gap-05{gap:.5em}.gap-025{gap:.25em}.spacer{flex-grow:1}.flex-0-0-auto{flex:0 0 auto}.align-center{align-items:center}.align-self-stretch{align-self:stretch}.padding-025{padding:.25em}.padding-05{padding:.5em}.overflow-hidden{overflow:hidden}.overflow-auto-hidden{overflow:auto hidden}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::backdrop{background:#000;opacity:.5}.clickable{cursor:pointer}.position-relative{position:relative}.upload-input{display:none}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#272822bf;border:4px dashed var(--primary);color:#fff;font-weight:700;font-size:1.5em;pointer-events:none}.upload-panel{position:fixed;right:1em;bottom:1em;z-index:90;width:min(420px,calc(100vw - 2em));max-height:min(60vh,500px);background:#fff;color:#000;border-radius:var(--border-radius);box-shadow:#00000080 0 5px 15px;overflow:hidden}.upload-panel .upload-header{border-bottom:2px solid var(--border)}.upload-panel .upload-summary{font-size:.83em;color:#555}.upload-panel .upload-list{overflow:hidden auto;border-top:2px solid var(--border)}.upload-panel .upload-row{padding:.25em .5em;font-size:.83em}.upload-panel .upload-row.failed .upload-row-state{color:#b00020}.upload-panel .upload-row.done .upload-row-state{color:#4c7a34}.upload-panel .upload-row.processing .upload-row-state,.upload-panel .upload-row.pending .upload-row-state{color:#555}.upload-panel .upload-row-state{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-panel button.upload-text-button{background:none;color:#000;padding:.25em .5em;font-size:.83em;text-decoration:underline}.upload-panel button.upload-text-button:hover{background:var(--background)}.progress{height:6px;background:var(--darkBackground);overflow:hidden}.progress .bar{height:100%;background:var(--primary);transition:width .2s linear}.nav-bar{margin-bottom:1em}.nav-link{display:inline-flex;align-items:center;padding:.5em 1em;border-radius:var(--border-radius);background:var(--background);color:#000;font-weight:700;text-decoration:none;white-space:nowrap}.nav-link:hover{background:var(--darkBackground)}.nav-link.active{background:var(--primary);color:#fff}.ingest-view{width:100%;height:calc(100vh - 6em)}.ingest-card{flex:1 1 auto;min-height:0;display:flex;width:100%}.ingest-card>.card{flex:1 0 0;width:100%;height:100%;min-height:0}.image-card.fill .image img{object-fit:contain}.menu{display:flex;flex-direction:column}.menu button.menu-button{background:none;color:#000;border-radius:unset;justify-content:flex-start;padding:1em;min-width:100px}.menu button.menu-button:hover{background:#ededed}.menu .menu-row{background:none;color:#000;border-radius:unset;justify-content:flex-start;padding:1em}