.file-panel{margin-top:24px;padding:24px}.file-panel h2{margin:6px 0}.file-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0}.file-toolbar code{flex:1;min-width:120px;overflow-wrap:anywhere;unicode-bidi:plaintext}.file-upload{position:relative;display:inline-flex;margin:0;padding:12px 18px;border:1px solid transparent;border-radius:9px;background:#b7f06c;color:#15210a;cursor:pointer;font-size:inherit;font-weight:650}.file-upload:focus-within{outline:3px solid #b7f06c;outline-offset:4px}.file-upload.disabled{opacity:.5;cursor:default}.file-upload input{position:absolute;inset:0;opacity:0;width:100%;margin:0;cursor:inherit}.file-table{overflow-x:auto;max-height:360px;overflow-y:auto}.file-table table{width:100%;border-collapse:collapse;text-align:left}.file-table th,.file-table td{padding:10px;border-bottom:1px solid #ffffff12}.file-table td:first-child{overflow-wrap:anywhere;max-width:480px;unicode-bidi:plaintext}.file-progress{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}.file-progress progress{flex:1;min-width:80px}.file-panel .small{line-height:1.5}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9edf4;background:#0b1018;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:9px;background:#b7f06c;color:#15210a;padding:12px 18px;font-weight:650;transition:background .15s}button:hover{background:#ccff8a}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #b7f06c;outline-offset:4px}input:focus{outline:none;border-color:#b7f06c;box-shadow:0 0 0 3px #b7f06c15}header{height:96px;margin:0 5vw;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:26px;letter-spacing:-1px;font-weight:750;display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-mark{background:#b7f06c;color:#111d09;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-size:21px}.brand-label{font-size:10px;font-weight:500;color:#91a0b5;letter-spacing:2px;margin:9px 0 0 4px}.header-end{display:flex;gap:20px;align-items:center}.build-tag{color:#a4b1c4;font-size:12px;border:1px solid #ffffff16;padding:5px 10px;border-radius:20px}.login{max-width:1160px;margin:84px auto 96px;display:grid;grid-template-columns:1fr 420px;gap:90px;align-items:center;padding:0 28px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;color:#a2b28e}.intro h1{font-size:clamp(36px,4vw,56px);font-weight:550;letter-spacing:-2px;line-height:1.13;margin:22px 0}.intro h1 span{color:#b7f06c}.intro p{color:#93a2b8;max-width:390px;font-size:16px}.steps{display:flex;flex-wrap:wrap;gap:22px;margin-top:44px;font-size:11px;color:#b8c3d3}.card{background:#121b27;border:1px solid #ffffff12;border-radius:16px}.login form{padding:32px}.login h2{font-size:22px;margin:10px 0 26px;font-weight:550;letter-spacing:-.4px}label{display:block;font-size:12px;color:#b7c3d3;margin-top:17px}input{display:block;width:100%;margin-top:7px;border:1px solid #ffffff1c;border-radius:8px;background:#0d1520;color:#eef2f8;padding:12px 13px;font-size:13px}input::placeholder{color:#64758c}.login button{width:100%;margin-top:24px}.muted{color:#94a3b8}.small{font-size:11px}.login .small{line-height:1.8;margin:17px 0 0}.secondary{background:transparent;color:#c3cddc;border-color:#ffffff20;font-size:12px}.secondary:hover{background:#ffffff0b}.danger{background:#39242c;color:#ffb7b7;border-color:#a653533d;font-size:12px}.danger:hover{background:#4d2b34}.workspace{max-width:1300px;margin:45px auto 64px;padding:0 28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}h1{font-size:32px;font-weight:550;letter-spacing:-1px;margin:8px 0}.section-heading p{font-size:13px;margin:0}.notice{display:flex;align-items:center;gap:10px;background:#b7f06c08;border:1px solid #b7f06c18;color:#a9b9a0;border-radius:9px;padding:12px 16px;font-size:12px;margin-bottom:24px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.amber{color:#dac076}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.device{padding:22px}.device-top{display:flex;align-items:center;justify-content:space-between}.device-icon{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;padding:7px 12px;font-size:24px;color:#bac8da}.presence{display:flex;align-items:center;gap:6px;font-size:11px}.online{color:#b7f06c}.offline{color:#8795a8}.device h2{margin:20px 0 3px;font-size:18px;font-weight:550}.device-id{font-family:monospace;color:#7e91a9;font-size:10px;overflow-wrap:anywhere;margin:0 0 18px}.device button{width:100%;display:flex;justify-content:space-between;margin-top:18px;font-size:13px}.pagination{display:flex;gap:12px;margin:22px 0}.viewer{margin-top:34px;padding:22px}.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.viewer h2{font-size:18px;margin:5px 0}.session-status{font-size:13px;color:#bacbda}.viewer video{display:block;width:100%;max-height:70vh;background:#080d14;border-radius:9px;object-fit:contain;min-height:180px}.viewer-idle video{display:none}.empty{padding:36px;color:#94a3b8;text-align:center}.error{color:#ffb4b4;font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff12;margin:0 5vw;padding:24px 0;color:#6e8097;font-size:11px}@media(max-width:800px){.login{grid-template-columns:1fr;gap:34px;max-width:520px;margin:40px auto}.intro h1{font-size:40px}.steps{margin-top:24px}header{height:76px}.brand-label{display:none}.build-tag{font-size:10px}.login form{padding:25px}.section-heading{align-items:flex-start}.section-heading h1{font-size:27px}.workspace{padding:0 18px;margin:30px auto}.notice{align-items:flex-start}footer{flex-direction:column;gap:8px}.viewer{padding:16px}}.invite{margin:16px 0 20px}.invite-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.invite-row input{flex:1 1 240px}.invite-token{margin-top:12px}.invite-token code{display:inline-block;padding:8px 12px;margin-right:10px;border-radius:8px;background:#ffffff0f;font-size:15px;word-break:break-all}
