:root{color:#e6edf4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#0c1118;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a.button,.upload-button{color:#e5edf4;cursor:pointer;background:#1a2430;border:1px solid #34414e;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:7px 12px;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}button:hover,a.button:hover{background:#263646;border-color:#58758a}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #64dfc3}button[aria-pressed=true]{color:#8de7d2;background:#173a36;border-color:#448d80}button.primary,.upload-button{color:#0c2823;background:#71d8c0;border-color:#71d8c0;font-weight:650}.primary:hover,.upload-button:hover{background:#9bead7}.secondary{color:#dce5ef;background:#1a2430;border-color:#34414e}.danger{color:#f8adac;background:#301c23;border-color:#733c43}.danger:hover{background:#50232d}input,select{color:#e7edf4;background:#101923;border:1px solid #344454;border-radius:5px;max-width:100%;min-height:37px;padding:6px 10px}input[type=checkbox]{accent-color:#70d8bf;min-height:0}input[type=range]{accent-color:#70d8bf;min-height:24px;padding:0}label{color:#c9d4df;flex-direction:column;gap:6px;font-size:13px;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.8px;margin-bottom:14px;font-size:30px;font-weight:600;line-height:1.2}h2{letter-spacing:-.3px;font-size:20px;font-weight:600}h3{font-size:14px}p{color:#a6b6c8}small{font-size:12px}.muted{color:#90a0b3}.eyebrow{color:#72d8c1;letter-spacing:1.5px;margin-bottom:12px;font-size:10px;font-weight:700}.app-header{background:#101721;border-bottom:1px solid #25313e;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex}.brand{color:#e5edf4;align-items:center;gap:13px;font-size:17px;font-weight:650;text-decoration:none;display:flex}.brand small{letter-spacing:1.2px;color:#8499ad;margin-top:2px;font-size:9px;font-weight:500;display:block}.brand-mark{color:#8ae8cf;background:#153a34;border:1px solid #4d9588;border-radius:10px;justify-content:center;align-items:center;width:37px;height:37px;font-size:27px;line-height:1;display:inline-flex}.account{align-items:center;gap:12px;font-size:13px;display:flex}.private-dot{background:#72d8c1;border-radius:50%;width:6px;height:6px}.tag{white-space:nowrap;letter-spacing:.3px;color:#abc0d4;background:#1c2a37;border:1px solid #2d3e4f;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:500;display:inline-block}.main{max-width:1420px;margin:0 auto;padding:46px 40px}.study-main{max-width:none;padding-top:24px}.library-heading{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.library-heading p{margin-bottom:0}.study-total{text-align:center;color:#83d9c7;border-left:1px solid #2a3948;padding:0 25px;font-size:36px}.study-total small{color:#8ea3b7;letter-spacing:1px;text-transform:uppercase;font-size:11px;display:block}.study-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:32px;display:grid}.study-card{text-align:left;background:#121d29;border:1px solid #293949;border-radius:9px;min-height:245px;padding:22px 24px;display:block}.study-card:hover{background:#182838;border-color:#527e85}.card-top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.study-icon{color:#76d6c2;font-size:24px}.study-card h2{margin-bottom:8px;font-size:19px}.study-card p{margin-bottom:4px;font-size:13px}.card-bottom{color:#91a6ba;border-top:1px solid #2a3947;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;padding-top:17px;font-size:11px;display:flex}.card-bottom strong{color:#86ddc8}.panel{background:#121b26;border:1px solid #2b3a49;border-radius:8px;margin:22px 0;padding:24px}.section-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-title h2{margin-bottom:14px}.section-title .eyebrow{margin-bottom:7px}.panel p{font-size:13px}.upload-actions{gap:12px;margin:21px 0 8px;display:flex}.upload-button{font-size:13px;position:relative;overflow:hidden}.upload-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.upload-button.disabled{opacity:.5}.inline-form{flex-wrap:wrap;align-items:end;gap:16px;margin:20px 0;display:flex}.inline-form label{flex:1;min-width:180px}.inline-form button{min-height:37px}summary{cursor:pointer;color:#dce6f2;font-size:14px;font-weight:600}.limitation{color:#b5b4a6;background:#1f211e;border:1px solid #434638;border-left:3px solid #b9bb7e;border-radius:4px;margin:24px 0;padding:11px 15px;font-size:12px;line-height:1.6}.error{color:#ffb6b5;background:#381d24;border:1px solid #733d45;border-radius:5px;padding:12px}.warning-text{color:#e8cb88;font-size:12px}.global-error{margin-bottom:20px}.empty{text-align:center;border:1px dashed #324350;border-radius:8px;grid-column:1/-1;padding:55px 24px}.empty h2{font-size:21px}.empty p{margin-bottom:0}.loading-screen{color:#9eb6c6;place-items:center;height:100vh;display:grid}footer{color:#758b9e;border-top:1px solid #222e3c;justify-content:space-between;padding:24px 40px;font-size:11px;display:flex}footer span{color:#657b8e}.stats{color:#a9bac9;flex-wrap:wrap;gap:22px;margin:20px 0;display:flex}.stats strong{color:#7bdac4;margin-right:4px;font-size:23px}.table-scroll{max-height:300px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th,td{border-bottom:1px solid #2d3948;padding:9px}th{color:#91acc1;background:#182532;position:sticky;top:0}progress{accent-color:#72d8bf;width:min(400px,60%);height:7px}.import-report{border-top:1px solid #2e3e4c;margin-top:24px;padding-top:20px}.login-wrap{max-width:440px;margin:70px auto;padding:0 18px}.login-brand{color:#c4d7e6;letter-spacing:1.5px;justify-content:center;align-items:center;gap:11px;margin-bottom:36px;font-size:11px;display:flex}.login-card{background:linear-gradient(160deg,#162434,#111b26);border:1px solid #2a3c4e;border-radius:12px;padding:34px;box-shadow:0 25px 80px #0004}.login-card h1{font-size:30px;line-height:1.3}.login-card p{margin-bottom:25px;font-size:13px}.login-card label{margin:17px 0}.login-card small{color:#849cad;margin-top:20px;font-size:11px;display:block}.wide{width:100%;min-height:42px;margin-top:8px}.login-foot{text-align:center;color:#7e92a4;margin:24px 10px;font-size:11px;line-height:1.7}.top-error{color:#efb9bc;text-align:center;background:#382029;padding:13px;font-size:13px}.study-heading{justify-content:space-between;align-items:center;gap:20px;margin:0 0 15px;display:flex}.study-heading h1{margin:14px 0 6px;font-size:25px}.study-heading p{margin-bottom:0;font-size:13px}.back{color:#8cb7bd;background:0 0;border:0;min-height:22px;padding:0;font-size:12px}.separator{color:#566d7f;margin:0 9px}.workspace{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:18px;display:grid}.sequence-browser{background:#101a26;border:1px solid #2a3b4b;border-radius:7px;max-height:900px;padding:18px 13px;overflow-y:auto}.sequence-browser>.eyebrow{margin-left:6px}.series h3{color:#c8d8e7;margin:21px 5px 2px;font-size:13px}.series>p{margin:0 5px 10px;font-size:11px}.sequence{text-align:left;background:#172330;border:1px solid #283b4c;border-radius:6px;justify-content:start;gap:10px;width:100%;margin-bottom:8px;padding:9px}.sequence.selected{background:#183c38;border-color:#5ecbb2}.thumbnail{color:#536c7b;background:#070d13;border-radius:3px;flex-shrink:0;place-items:center;width:70px;height:54px;display:grid;overflow:hidden}.thumbnail img{object-fit:contain;width:100%;height:100%}.sequence strong{font-size:12px;display:block}.sequence small{color:#8fa7b6;margin-top:3px;font-size:10px;display:block}.viewing-area{min-width:0}.comparison-select{color:#9db1c4;justify-content:end;align-items:center;gap:16px;margin-bottom:12px;font-size:11px;display:flex}.comparison-select label{flex-direction:row;align-items:center}.comparison-select select{max-width:290px;min-height:30px;font-size:12px}.viewports{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.viewports.comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer{background:#111b26;border:1px solid #334657;border-radius:7px;min-width:0;overflow:hidden}.viewer:fullscreen{width:100vw;height:100vh;overflow:auto}.viewer:fullscreen .viewport-wrap{height:calc(100vh - 235px)}.viewer-title{border-bottom:1px solid #2b3d4d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:12px;display:flex}.viewer-title span{color:#88a3b9;font-size:10px}.toolbar{background:#162330;border-bottom:1px solid #293b4b;flex-wrap:wrap;gap:5px;padding:8px;display:flex}.toolbar button{border-radius:4px;min-height:27px;padding:4px 8px;font-size:11px}.viewport-wrap{background:#000;height:min(57vw,590px);min-height:310px;position:relative}.comparison .viewport-wrap{height:430px;min-height:260px}.viewport{touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.image-overlay{color:#d2e1d9;text-shadow:1px 1px 2px #000;pointer-events:none;flex-direction:column;gap:4px;font-family:Consolas,monospace;font-size:11px;display:flex;position:absolute;top:14px;left:14px}.viewport-message{text-align:center;color:#aabcc9;width:80%;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewport-message.error{color:#ffb7b6}.buffering{color:#f8d88d;background:#473a19dd;border-radius:4px;padding:6px 10px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.cine{background:#14212e;border-top:1px solid #2c3f50;padding:12px}.cine-main{align-items:center;gap:7px;display:flex}.cine-main button{min-height:29px;padding:4px 9px;font-size:12px}.cine-main input[type=range]{flex:1;min-width:40px}.frame-input{white-space:nowrap;flex-direction:row;align-items:center;gap:5px;font-size:10px}.frame-input input{width:57px;min-height:29px;padding:3px 5px;font-size:11px}.cine-options{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.cine-options label{flex-direction:row;align-items:center;gap:5px;font-size:10px}.cine-options select{max-width:200px;min-height:27px;padding:3px 6px;font-size:10px}.timing-note{color:#91a8bb;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:10px;font-size:10px;display:flex}.keyboard-note{color:#7892a7;padding:8px 12px;font-size:10px;line-height:1.6}.metadata{background:#111a24;max-height:350px;padding:16px;font-size:12px;overflow:auto}.metadata dl{grid-template-columns:minmax(140px,1fr) 2fr;gap:7px;display:grid}.metadata dt{color:#8ca3b8}.metadata dd{overflow-wrap:anywhere;margin:0}.metadata-row{display:contents}.share-url{gap:8px;display:flex}.share-url input{flex:1;font-size:12px}.grants{margin:16px 0;padding:0;list-style:none}.grants li{border-bottom:1px solid #2c3c4b;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.grants small{color:#91a8bc;display:block}.delete-confirm{border:1px solid #6e3740;border-radius:5px;margin:15px 0;padding:17px}.delete-confirm button{margin-right:9px}.share-url{flex-wrap:wrap}.share-url input{flex:260px;min-width:0}@media (width<=1150px){.main{padding-left:22px;padding-right:22px}.app-header{padding:0 22px}.workspace{grid-template-columns:190px minmax(0,1fr)}.sequence{display:block}.thumbnail{width:100%;height:75px;margin-bottom:6px}.viewports.comparison{grid-template-columns:1fr}.comparison .viewport-wrap{height:420px}}@media (width<=750px){.app-header{flex-wrap:wrap;gap:20px;height:auto;min-height:80px;padding:15px}.brand{font-size:15px}.account{gap:7px;font-size:11px}.main{padding:28px 15px}.library-heading h1{font-size:25px}.study-total{display:none}.study-grid,.workspace{grid-template-columns:1fr}.sequence-browser{max-height:240px}.series{flex-wrap:wrap;gap:8px;display:flex}.series h3,.series>p{width:100%}.sequence{width:160px}.thumbnail{height:65px}.viewport-wrap{height:420px}.frame-input{display:none}.study-heading{flex-direction:column;align-items:start}footer{padding:22px 15px;display:block}footer span{margin-top:5px;display:block}.section-title{flex-direction:column;align-items:start;gap:0}.login-wrap{margin-top:35px}}