@font-face{font-family:Manrope;src:url('/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/fonts/manrope-500.ttf') format('truetype');font-weight:500 700;font-display:swap}
:root{color-scheme:dark;--bg:#070c16;--surface:#101d30;--ink:#edf5ff;--muted:#91a2b9;--accent:#9ce6ff;--action:#a9eaff;--line:#23334a;--ease:cubic-bezier(.2,.8,.2,1);--r-btn:12px;--btn-h:50px;--font-text:Manrope,'Segoe UI',sans-serif;font:14px/1.5 var(--font-text);background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #a9eaff}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:clamp(40px,4.1vw,64px);line-height:1.14;font-weight:500;letter-spacing:-.045em}h1>span{color:#a9c3e5}h2{font-weight:500;letter-spacing:-.035em;line-height:1.25}.ui-icon{width:20px;height:20px;flex-shrink:0;stroke-width:1.6}.ui-icon *{stroke-width:1.6}.muted{color:var(--muted)}.skip{position:fixed;top:-70px;left:24px;z-index:100;background:var(--accent);color:var(--bg);padding:12px 18px;border-radius:8px}.skip:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.primary,.secondary,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;border-radius:12px;padding:0 20px;font-weight:500;white-space:nowrap}.primary{background:var(--action);color:#092038;border:1px solid #c8f3ff;box-shadow:0 0 30px #68ccff1f,inset 0 1px #fff8}.primary .ui-icon{width:19px;height:19px}.secondary{background:#172339;border:1px solid #31435c;color:#d5e4f8}.icon-button{width:44px;min-height:44px;padding:0;background:transparent;color:#b6cae4}.icon-button:hover{background:#24334a}.text-button{background:transparent;color:#92a5bf;min-height:44px}.text-button:hover{color:#eef7ff}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;color:#a7bfdc;margin-bottom:24px}.tiny-light,.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9be8ef;box-shadow:0 0 12px #52dfff80;flex-shrink:0}.intro{font-size:15px;line-height:1.8;color:#94a9c4;margin-top:24px;letter-spacing:-.012em}
.brand-symbol{width:32px;height:32px;color:#a7e8ff;flex-shrink:0;filter:drop-shadow(0 0 9px #57ccff45)}.brand,.login-brand{display:flex;gap:10px;align-items:center;font-size:23px;letter-spacing:-1.1px;font-weight:500;min-height:44px}.wordmark-dot{color:#7dd8ff}.login-view{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;padding:36px 64px 24px;overflow:hidden;background:radial-gradient(ellipse at 15% 95%,#12325568,transparent 50%),radial-gradient(ellipse at 80% 15%,#13344b49,transparent 45%),#070c16}.login-header{display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:2}.header-note{display:flex;align-items:center;gap:10px;font-size:12px;color:#9cafc7}.header-note .ui-icon{width:16px;height:16px;color:#91c9e7}.login-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:8%;align-items:center;flex:1;max-width:1260px;width:100%;margin:0 auto;padding:48px 0;z-index:1}.login-story{align-self:center;padding-bottom:80px;pointer-events:none}.login-story h1{font-size:clamp(44px,4.1vw,64px);max-width:650px}.login-story .intro{max-width:370px}.glass-panel{position:relative;border:1px solid #accfff2a;border-top-color:#c0deff40;background:linear-gradient(145deg,#2438508c,#0c182bdb 62%);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);box-shadow:0 22px 80px #0003,inset 0 1px #ffffff08;border-radius:24px}.login-panel{padding:32px}.glass-icon{position:relative;width:46px;height:46px;display:inline-grid;place-items:center;flex-shrink:0;border-radius:14px;background:linear-gradient(140deg,#3251707a,#152a4566);border:1px solid #b0e3ff3d;box-shadow:inset 0 1px #e3f7ff1f;color:#bceaff;isolation:isolate}.glass-icon::before{content:'';position:absolute;width:32px;height:32px;inset:6px;z-index:-1;border-radius:50%;background:#2c9eff;filter:blur(20px);opacity:.4}.glass-icon .ui-icon{width:22px;height:22px}.login-icon{width:54px;height:54px;border-radius:16px;margin-bottom:26px}.login-icon .ui-icon{width:28px;height:28px}.login-panel h2{font-size:25px}.panel-intro{font-size:13px;color:#9bafc9;line-height:1.7;margin-top:10px}.login-form{margin-top:28px}.login-form label{display:block;font-size:13px;color:#c2d2e6;margin-bottom:8px}.input-wrap{display:flex;align-items:center;position:relative;margin-bottom:20px}.input-wrap>.ui-icon{position:absolute;left:14px;width:18px;height:18px;color:#7e96b6;pointer-events:none}.login-form input{height:48px;width:100%;padding:0 14px 0 44px;border-radius:10px;border:1px solid #6b8bb52b;color:#e5f0ff;background:#060e1c70;font-size:14px;transition:background .15s,border-color .15s}.login-form input::placeholder{color:#7188a6}.login-form input:focus{border-color:#91d2ef88;background:#0a172b}.login-form .primary{width:100%;justify-content:space-between;margin-top:4px;font-size:13px}.error{font-size:13px;line-height:1.5;color:#ffb8b8;min-height:0;margin-top:0}.error:not(:empty){margin-top:16px}.login-hint{display:flex;align-items:flex-start;gap:9px;border-top:1px solid #7eabd41c;padding-top:22px;margin-top:24px;font-size:11px;line-height:1.7;color:#8da4bd}.login-hint .ui-icon{width:16px;height:16px;margin-top:1px;color:#95b4cc}
.scene-slot{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.space-scene{position:absolute;inset:0;pointer-events:none}.space-scene canvas,.space-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.space-scene canvas{opacity:0}.space-scene.is-drawn canvas{opacity:1}.space-scene.is-drawn .space-still{opacity:0}.login-footer,.home-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:#7d94b0}.footer-signature{font-size:10px;letter-spacing:1.6px;color:#7085a0}.footer-signature>span{color:#b7dbf0;padding:0 12px}.scene-controls{display:flex;align-items:center;gap:10px}.scene-cycle,.scene-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 12px;border-radius:10px;background:#14223860;border:1px solid #8ebde320;color:#99b1ce;font-size:11px;transition:background .15s,color .15s}.scene-cycle:hover,.scene-toggle:hover{color:#e5f4ff;background:#25425e60}.scene-toggle{width:44px;padding:0}.scene-toggle [data-scene-label]{display:none}.pause-glyph{font-size:14px}.scene-cycle .ui-icon{width:16px;height:16px}.scene-cycle:disabled,.scene-toggle:disabled{cursor:default;opacity:.5}
.app{min-height:100svh;background:#070c16}.sidebar{position:fixed;inset:18px auto 18px 18px;width:210px;z-index:5;padding:24px 14px 18px;display:flex;flex-direction:column;border:1px solid #abcfff20;border-top-color:#b1d5ff30;border-radius:22px;background:linear-gradient(155deg,#17273bdb,#0e1726ee 65%);box-shadow:0 16px 50px #0002;backdrop-filter:blur(18px)}.brand{margin:0 6px 52px;font-size:22px;gap:7px}.brand .brand-symbol{width:28px;height:28px}.nav-label{font-size:10px;letter-spacing:.3px;color:#6e87a5;margin:0 14px 16px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;min-height:50px;padding:0 12px;border-radius:12px;background:transparent;color:#91a6c3;font-size:13px;margin:7px 0;text-align:left;border:1px solid transparent;transition:background .15s,color .15s}.nav-item.active{border-color:#81c7ee30;background:linear-gradient(100deg,#28455f94,#19374f38);color:#d3efff;box-shadow:inset 0 1px #c4eaff0d}.nav-item:hover{background:#29425b73;color:#e1f2ff}.nav-icon{position:relative;display:grid;place-items:center;width:27px;height:30px;flex-shrink:0;isolation:isolate}.nav-icon::before{content:'';position:absolute;inset:4px;border-radius:50%;background:#5ac7ff;filter:blur(14px);opacity:0;z-index:-1}.active .nav-icon::before{opacity:.35}.nav-icon .ui-icon{width:19px;height:19px}.sidebar-bottom{margin-top:auto;border-top:1px solid #a9c7f01a;padding:24px 8px 0}.identity{display:flex;align-items:center;gap:10px;min-width:0}.avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:linear-gradient(140deg,#2b4968,#172a40);border:1px solid #94cfff3b;border-radius:12px;font-size:12px;font-weight:500;color:#d7edff}.identity strong{font-size:12px;font-weight:500;color:#ccddef}.identity small{display:block;font-size:10px;margin-top:5px;color:#758ead;overflow-wrap:anywhere}.sidebar .text-button{display:flex;align-items:center;justify-content:flex-start;gap:12px;font-size:11px;margin-top:18px;padding:0 5px;width:100%}.text-button .ui-icon{width:16px;height:16px}.app main{margin-left:246px;width:calc(100% - 246px);min-width:0}.page{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;padding:36px 44px 24px;overflow:hidden;background:radial-gradient(ellipse at 85% 40%,#10314a60,transparent 53%),radial-gradient(ellipse at 50% 100%,#172d4b40,transparent 50%)}.home-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px}.breadcrumb{font-size:12px;color:#6f88a8;display:flex;gap:14px;align-items:center}.breadcrumb>span{color:#3e5777}.breadcrumb strong{font-weight:400;color:#c8d8ee}.location-badge{display:flex;align-items:center;gap:8px;border:1px solid #8bbfeb26;border-radius:20px;background:#11233a70;padding:7px 12px;font-size:11px;color:#9eb7d0}.location-badge .ui-icon{width:14px;height:14px}.home-body{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;justify-content:center;align-items:flex-start;padding:56px 0 42px;pointer-events:none}.home-heading{max-width:620px}.home-heading h1{font-size:clamp(38px,3.6vw,56px)}.home-heading .intro{font-size:14px;margin-top:18px;max-width:440px}.home-heading .eyebrow{font-size:12px;margin-bottom:22px}.workspace-card{pointer-events:auto;margin-top:36px;width:100%;max-width:530px;padding:26px;border-radius:22px;background:linear-gradient(120deg,#233e579e,#101d31d9 65%);box-shadow:0 20px 55px #0003,inset 0 1px #ffffff0b;transition:border-color .2s,background .2s}.workspace-card:hover{border-color:#a0dfff5e}.workspace-top{display:flex;gap:17px;align-items:center}.browser-app-icon{position:relative;display:grid;place-items:center;width:68px;height:68px;flex-shrink:0;background:linear-gradient(140deg,#52759450,#20395565);border:1px solid #c9e7ff3b;border-radius:19px;box-shadow:inset 0 1px #fff2;isolation:isolate}.browser-app-icon::before{content:'';position:absolute;inset:8px;border-radius:50%;background:#58b8ff;filter:blur(26px);opacity:.4;z-index:-1}.browser-app-icon img{width:40px;height:40px}.workspace-title h2{font-size:24px;letter-spacing:-.6px;color:#edf6ff}.workspace-title p{font-size:12px;line-height:1.6;color:#99b2d0;margin-top:7px}.card-corner{margin-left:auto;align-self:flex-start;color:#6488ab;padding-top:3px}.workspace-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;margin-top:24px;border-top:1px solid #9ac6f025}.status{font-size:11px;color:#91a4bc;line-height:1.6;max-width:160px}.status::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:7px;vertical-align:middle}.status[data-state=ready]{color:#a4e4d3}.status[data-state=error]{color:#edb9a7}.workspace-bottom .primary{min-height:46px;font-size:12px;padding:0 16px;gap:16px;border-radius:11px}.workspace-details{display:flex;gap:30px;margin-top:26px;max-width:550px}.detail-item{display:flex;align-items:center;gap:12px}.detail-item strong{font-size:12px;font-weight:500;color:#bbcee4}.detail-item p{font-size:11px;line-height:1.6;color:#7791b0;margin-top:5px}.detail-item .glass-icon{width:40px;height:40px;border-radius:12px}.detail-item .ui-icon{width:19px;height:19px}.mint-icon{color:#a2e5d8;border-color:#a1f5d12b;background:linear-gradient(135deg,#24514e60,#16293860)}.mint-icon::before{background:#5ed5b9;opacity:.24}.blue-icon::before{opacity:.28}.home-footer{min-height:44px;font-size:11px}.storage-line{display:flex;align-items:center;gap:12px}.storage-line strong{font-weight:400;color:#a7bed7}
.browser-view{height:100svh;display:flex;flex-direction:column;background:#080f1b}.browser-toolbar{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#101d2e;border-bottom:1px solid #28405b}.browser-identity{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.browser-toolbar strong{font-weight:500}.browser-toolbar .muted{font-size:10px;color:#86a0bc}.browser-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.browser-actions .btn{font-size:11px;min-height:38px;padding:0 11px;gap:8px;border-radius:8px}.browser-actions .ui-icon{width:15px;height:15px}.browser-actions .icon-button{width:32px;min-height:38px}.stream-stats{display:flex;gap:12px;margin-left:auto;font-size:10px;color:#84a0bf;white-space:nowrap;font-variant-numeric:tabular-nums}.stream-stats strong{display:inline-block;color:#c0d8f2;min-width:43px}.stream-stats [data-bitrate]{min-width:75px}.stream-modes{display:flex;gap:2px;padding:3px;border:1px solid #344b65;background:#091523;border-radius:9px;margin-left:auto}.stream-stats+.stream-modes{margin-left:0}.stream-modes button{font-size:11px;min-height:32px;padding:0 10px;border-radius:6px;background:transparent;color:#8daac7;white-space:nowrap;transition:background .15s,color .15s}.stream-modes button[aria-checked=true]{background:#a6e6ff;color:#092337}.stream-modes button:hover{background:#2a475e;color:#e5f6ff}.stream-modes button[aria-checked=true]:hover{background:#c3f0ff;color:#0a2438}.remote-host{flex:1;min-height:0;position:relative;display:grid;place-content:center;background:#080e17}.remote-host>p{font-size:13px;color:var(--muted)}.remote-host iframe{position:absolute;inset:0;border:0;width:100%;height:100%;background:#111}.browser-view:fullscreen{height:100svh;width:100vw}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 22px;border:1px solid #628bad80;background:#173049eb;backdrop-filter:blur(12px);color:#e4f5ff;border-radius:12px;z-index:30;font-size:14px;max-width:90vw}.image-drop-hint{position:absolute;inset:18px;z-index:10;display:grid;place-items:center;pointer-events:none;border:2px dashed #a3e7ff;border-radius:14px;background:#112d43e8;color:#e5f6ff;font-size:18px;text-align:center;padding:24px}.no-script{position:fixed;bottom:0;padding:12px;text-align:center;width:100%;background:var(--surface)}
@media(min-width:1600px){.login-view{padding-inline:80px}.page{padding-inline:64px}.home-body{max-width:1360px;width:100%;margin-inline:auto}.workspace-card{max-width:570px}.workspace-details{gap:48px}}
@media(max-width:1350px){.browser-toolbar{flex-wrap:wrap;gap:10px}.browser-actions{margin-left:auto}.stream-stats{margin-left:auto}.browser-identity .muted{display:none}.sidebar{width:196px}.app main{margin-left:232px;width:calc(100% - 232px)}.brand{font-size:20px}.brand .brand-symbol{width:26px;height:26px}.page{padding-inline:36px}.home-heading h1{font-size:46px}}
@media(max-width:1100px){.login-view{padding:28px 40px 20px}.login-layout{gap:40px;grid-template-columns:minmax(0,1fr) 360px}.login-panel{padding:28px}.login-story h1{font-size:46px}.login-story .intro{font-size:14px}.page{padding-inline:30px}.workspace-card{max-width:490px}.home-heading h1{font-size:43px}.workspace-details{gap:20px}.detail-item{gap:10px}.detail-item .glass-icon{width:36px;height:36px}.detail-item strong{font-size:11px}.detail-item p{font-size:10px}}
@media(max-width:900px){.sidebar{width:72px;padding:20px 9px;inset:14px auto 14px 14px;border-radius:20px}.brand{justify-content:center;margin:0 0 40px}.brand .brand-symbol{width:31px;height:31px}.brand-name,.nav-label,.nav-item>span:last-child,.identity>div,.sidebar .text-button>span{display:none}.nav-item{padding:0;justify-content:center;min-height:48px}.sidebar-bottom{padding:20px 0 0}.identity{justify-content:center}.sidebar .text-button{justify-content:center;padding:0}.app main{margin-left:100px;width:calc(100% - 100px)}.page{padding-inline:28px}.home-body{padding-top:44px}.home-heading h1{font-size:43px}.workspace-card{max-width:480px}.home-footer{gap:16px}.storage-line{gap:8px;font-size:10px}.scene-cycle{font-size:10px;padding:0 10px}.scene-controls{gap:7px}.login-layout{grid-template-columns:minmax(0,1fr) 340px;gap:24px}.login-story h1{font-size:39px}.login-story .intro{font-size:13px}.login-panel{padding:24px}.login-panel h2{font-size:22px}.header-note{font-size:10px}.login-story .eyebrow{font-size:11px}.login-view{padding-inline:28px}}
@media(max-width:700px){.login-view{padding:22px 24px 16px}.header-note{display:none}.login-layout{display:flex;flex-direction:column;align-items:center;gap:28px;padding:36px 0 28px}.login-story{align-self:stretch;padding:0}.login-story h1{font-size:40px}.login-story .eyebrow{margin-bottom:16px}.login-story .intro{margin-top:16px;font-size:13px}.login-story .intro br{display:none}.login-panel{width:100%;max-width:420px;padding:24px}.login-panel h2{font-size:22px}.login-icon{width:44px;height:44px;border-radius:13px;margin-bottom:20px}.login-form{margin-top:24px}.login-hint{margin-top:22px;padding-top:18px}.login-footer{gap:12px;flex-wrap:wrap}.footer-signature{font-size:9px;letter-spacing:1px}.footer-signature>span{padding:0 5px}.scene-controls{gap:6px}.scene-cycle{font-size:10px;gap:7px}.home-body{padding:38px 0 32px}.home-heading h1{font-size:37px}.home-heading .intro{font-size:13px}.workspace-card{padding:22px;margin-top:28px}.workspace-top{gap:13px}.browser-app-icon{width:54px;height:54px;border-radius:15px}.browser-app-icon img{width:34px;height:34px}.workspace-title h2{font-size:21px}.workspace-title p{font-size:11px}.workspace-bottom{flex-direction:column;align-items:stretch;gap:17px;margin-top:22px;padding-top:22px}.status{max-width:none}.workspace-bottom .primary{justify-content:space-between;min-height:48px;font-size:12px}.workspace-details{flex-direction:column;gap:18px}.detail-item strong{font-size:12px}.detail-item p{font-size:11px}.home-footer{align-items:flex-start;flex-direction:column;gap:14px}.home-topline{min-height:34px}.breadcrumb{font-size:11px;gap:10px}.location-badge{font-size:10px;padding:5px 9px}.page{padding:24px 24px 18px}.browser-toolbar{padding:10px;gap:10px}.stream-stats{order:2;width:100%;justify-content:space-between}.stream-modes{order:3;width:100%}.stream-modes button{flex:1;min-height:44px;font-size:10px;padding:0 5px}.browser-actions{order:4;width:100%;margin:0}.browser-actions .btn{flex:1;min-height:44px;font-size:10px;padding:0 7px}.browser-actions .btn>.ui-icon{display:none}.browser-actions .icon-button{min-height:44px}.browser-identity{font-size:11px}.browser-actions .secondary{border-radius:8px}}
@media(max-width:450px){.sidebar{inset:10px auto 10px 10px;width:58px;padding:18px 5px;border-radius:17px}.brand{margin-bottom:30px}.brand .brand-symbol{width:28px;height:28px}.nav-item{min-height:46px;border-radius:10px}.nav-icon .ui-icon{width:18px;height:18px}.avatar{width:32px;height:32px;border-radius:10px;font-size:11px}.app main{margin-left:78px;width:calc(100% - 78px)}.page{padding:20px 18px 16px}.home-heading h1{font-size:31px;letter-spacing:-1.2px}.home-heading .eyebrow{font-size:10px;gap:7px;margin-bottom:18px}.home-heading .intro{font-size:12px;margin-top:16px}.home-heading .intro br{display:none}.home-body{padding-top:32px}.workspace-card{padding:18px;border-radius:18px}.workspace-title h2{font-size:20px}.workspace-title p{font-size:10px}.workspace-top{gap:10px}.browser-app-icon{width:46px;height:46px;border-radius:13px}.browser-app-icon img{width:29px;height:29px}.card-corner{display:none}.workspace-bottom{margin-top:20px;padding-top:18px}.workspace-bottom .primary{font-size:11px;padding:0 12px;gap:7px}.workspace-details{margin-top:24px}.detail-item strong{font-size:11px}.detail-item p{font-size:10px}.detail-item .glass-icon{width:34px;height:34px}.location-badge{display:none}.home-footer .scene-cycle{padding-inline:10px}.home-footer .scene-toggle{width:40px}.scene-cycle .ui-icon{width:15px}.home-footer{gap:16px}.login-story h1{font-size:38px}.login-brand{font-size:23px}.login-footer{align-items:center}.footer-signature{max-width:120px;line-height:1.8}.footer-signature>span{display:none}.scene-toggle{width:44px}.login-footer .scene-cycle{padding:0 9px}.stream-stats{gap:5px;font-size:9px}.stream-stats [data-bitrate]{min-width:65px}.browser-actions{gap:5px}.browser-actions .btn{font-size:9px;padding:0 4px}}
@media(max-width:350px){.page{padding-inline:14px}.home-heading h1{font-size:27px}.workspace-top{flex-wrap:wrap}.workspace-title{flex:1;min-width:100px}.home-footer .scene-cycle{font-size:9px;padding-inline:7px}.browser-actions{flex-wrap:wrap}.browser-actions .btn{flex:1 1 calc(50% - 8px)}.browser-actions .icon-button{margin-left:auto}.login-view{padding-inline:20px}.login-panel{padding:22px}.login-story h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){input,.nav-item,.stream-modes button,.scene-cycle,.scene-toggle,.workspace-card{transition:none}.space-scene canvas{display:none}.space-scene.is-drawn .space-still{opacity:1}}
@media(min-width:701px) and (max-height:800px){.login-view{padding-top:24px;padding-bottom:16px}.login-layout{padding:20px 0}.login-panel{padding:24px}.login-icon{width:44px;height:44px;margin-bottom:16px}.login-form{margin-top:22px}.input-wrap{margin-bottom:16px}.login-hint{padding-top:16px;margin-top:20px}.home-body{padding-block:30px}.home-heading h1{font-size:42px}.workspace-card{margin-top:26px}.workspace-details{margin-top:22px}.home-heading .intro{margin-top:16px}}
.space-still{object-fit:contain}
@media(max-width:700px){.scene-slot{opacity:.2}}
@media(prefers-reduced-motion:reduce){.scene-slot{opacity:.3}}
@media(max-width:600px){.scene-controls{display:none}}
@media(prefers-reduced-motion:reduce){.scene-controls{display:none}}
/* Team management uses the same glass controls; work screens stay quiet. */
.team-view{padding:clamp(24px,5vw,72px);max-width:1440px;width:100%;margin:auto;min-height:100dvh;overflow:auto}
.team-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:48px}.team-header h1{font-size:clamp(32px,4vw,52px);margin:16px 0 12px;letter-spacing:-.04em}.team-header p,.team-note,.team-list-heading,.member-identity span,.member-activity span{color:#91a3b9;font-size:13px}.team-list-heading{display:flex;justify-content:space-between;gap:16px;padding:0 0 16px}.team-list{border:1px solid #304050;border-radius:18px;overflow:hidden;background:#0e1824aa;backdrop-filter:blur(22px)}.member-row{display:flex;align-items:center;gap:20px;padding:24px;border-bottom:1px solid #273547}.member-row:last-child{border-bottom:0}.member-avatar{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:14px;background:#163448;color:#abedff;border:1px solid #325267;box-shadow:0 0 24px #5de6ff0c}.member-identity{flex:1;min-width:0}.member-identity strong,.member-identity span,.member-activity strong,.member-activity span{display:block;overflow-wrap:anywhere}.member-identity span,.member-activity span{margin-top:6px}.member-identity strong,.member-activity strong{font-size:14px;font-weight:500}.member-activity{width:240px}.member-activity strong:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#687a8b;margin-right:8px}.member-activity[data-online=true] strong:before{background:#80dfb8;box-shadow:0 0 12px #80dfb84d}.team-note{margin-top:24px;line-height:1.6}.team-dialog{color:#eaf5ff;background:#0f1928f5;border:1px solid #3a4b60;border-radius:22px;padding:28px;width:min(500px,calc(100vw - 32px));max-height:90dvh;box-shadow:0 24px 90px #0009;backdrop-filter:blur(24px)}.team-dialog::backdrop{background:#03070dbd;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.dialog-heading h2{font-size:22px;margin:0;letter-spacing:-.025em}.team-dialog p{line-height:1.6;font-size:14px}.team-dialog input{width:100%;border:1px solid #3c4d61;border-radius:10px;background:#0a121d;color:#eaf5ff;padding:13px;font:inherit}.team-dialog .login-form{gap:12px}.team-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:#07101b;border:1px solid #2c4055;border-radius:12px;font-size:14px;line-height:1.7;user-select:text}.screen-dialog{width:min(1280px,calc(100vw - 32px))}.screen-surface{min-height:180px;display:grid;place-items:center;background:#050910;border:1px solid #273b50;border-radius:12px;overflow:hidden}.screen-surface img{display:block;max-width:100%;max-height:68dvh;object-fit:contain}.observer-notice{padding:6px 16px;background:#132d3b;color:#b4e6f5;font-size:12px;text-align:center}.update-button{position:fixed;bottom:18px;right:20px;z-index:80;padding:12px 18px;border:1px solid #79cde070;border-radius:12px;background:#122b3cf2;color:#d9f7ff;box-shadow:0 8px 32px #0008;backdrop-filter:blur(20px);font:inherit;font-size:13px;cursor:pointer}.update-button:hover{background:#1a3c50}.update-button:focus-visible{outline:2px solid #adf1ff;outline-offset:4px}
@media(max-width:1000px){.member-row{flex-wrap:wrap;gap:16px}.member-identity{flex-basis:calc(100% - 64px)}.member-activity{flex:1}.team-header{align-items:flex-start;flex-direction:column;margin-bottom:32px}}
@media(max-width:600px){.team-view{padding:24px 16px}.member-row{padding:18px}.member-activity{width:auto;flex-basis:100%}.member-row button{width:100%}.team-dialog{padding:20px}.team-list-heading{flex-direction:column;gap:6px}.update-button{left:16px;right:16px;bottom:12px;text-align:center}}
@media(max-width:600px){.team-header{width:100%}.team-header .primary,.member-row .secondary,.team-dialog .primary{width:100%;white-space:normal;line-height:1.5;text-align:left;padding:12px;font-size:12px;gap:8px}.team-header .primary{justify-content:flex-start}.team-dialog .login-form input{padding:0 14px}.team-dialog .dialog-heading{gap:12px}.team-dialog pre{font-size:12px;padding:12px}}

/* Team access and local-browser onboarding. */
.member-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.password-change{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.material-list{border:1px solid #2c4356;border-radius:20px;overflow:hidden;background:#0b1520}.material-row{display:flex;align-items:center;gap:20px;padding:20px 24px;color:inherit;text-decoration:none;border-bottom:1px solid #26384a;transition:background .18s}.material-row:last-child{border:0}a.material-row:hover{background:#152b3c}.material-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #355b70;border-radius:13px;color:#9de5f4;background:#173548}.material-icon svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.material-info{display:grid;gap:6px;min-width:0}.material-info strong{font-size:15px;overflow-wrap:anywhere}.material-info span{font-size:12px;color:#91a8c0}.material-arrow{margin-left:auto;color:#99dbe8;font-size:22px}.onboarding-dialog{width:min(1050px,94vw);max-width:1050px;max-height:90dvh}.material-edit-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1.6fr) 130px auto;gap:12px;border:1px solid #293e50;border-radius:14px;padding:12px 16px;margin:12px 0}.material-edit-row legend{font-size:11px;color:#8aa4bc;padding:0 5px}.material-edit-row input,.material-edit-row select{width:100%;min-width:0;border:1px solid #365068;border-radius:9px;background:#0b1421;color:#edf5ff;padding:12px;font:inherit;font-size:13px}.material-order{display:flex;align-items:center}.material-order .icon-button{width:30px;min-width:30px}.editor-actions{display:flex;justify-content:space-between;gap:16px;position:sticky;bottom:-26px;padding:20px 0;background:#0c1522}.onboarding-view .team-list-heading{gap:18px}.onboarding-view{overflow:auto}
@media(max-width:1100px){.member-actions{gap:6px}.member-actions .btn{padding:12px}.material-edit-row{grid-template-columns:1fr 1fr}.material-order{justify-content:flex-end}}@media(max-width:600px){.material-row{padding:16px;gap:12px}.material-edit-row{grid-template-columns:1fr}.material-edit-row .material-order{justify-content:flex-start}.editor-actions{flex-wrap:wrap}.onboarding-view .team-list-heading{flex-direction:column}.member-actions{width:100%}.member-actions .btn{flex:1}}

.control-banner{padding:9px 16px;text-align:center;font-size:13px;color:#b7eefa;background:#173044;border-bottom:1px solid #37637b}.remote-host{position:relative}.control-shield{position:absolute;inset:0;z-index:50;cursor:not-allowed;background:transparent}.admin-remote{height:min(72vh,900px);background:#080e17}.admin-remote iframe{width:100%;height:100%;border:0}.screen-dialog:has(.admin-remote:not([hidden])){width:96vw;max-width:1900px}.screen-dialog:has(.admin-remote:not([hidden])) .screen-surface{display:none}.screen-dialog .dialog-heading{flex-wrap:wrap;gap:12px}.screen-dialog .dialog-heading h2{margin-right:auto}.screen-dialog .dialog-heading .btn{font-size:13px}@media(max-width:600px){.screen-dialog .dialog-heading .btn{order:2;width:100%}.admin-remote{height:65vh}}

/* Onboarding categories: local folders are separate from external folder links. */
.onboarding-actions{display:flex;gap:12px;flex-wrap:wrap}.onboarding-actions .btn{font-size:13px}
.onboarding-library{display:grid;gap:16px}.onboarding-folder{border:1px solid #2c4356;border-radius:20px;overflow:hidden;background:#0b1520}.folder-summary{display:flex;align-items:center;gap:20px;list-style:none;padding:20px 24px;cursor:pointer;background:linear-gradient(105deg,#18344966,transparent);transition:background .18s}.folder-summary::-webkit-details-marker{display:none}.folder-summary:hover{background:#152b3c}.folder-summary:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:18px}.folder-chevron{margin-left:auto;color:#9de5f4;font-size:28px;transition:transform .18s;line-height:1}.onboarding-folder[open] .folder-chevron{transform:rotate(90deg)}.onboarding-folder>.material-list{border:0;border-top:1px solid #2c4356;border-radius:0;background:#0a131e}.onboarding-folder .material-row{padding-left:40px}.folder-empty{padding:8px 24px 24px;color:var(--muted);font-size:13px}.uncategorized-heading{font-size:15px;color:#afc5dd;margin:12px 0 0;letter-spacing:0}
.folder-editor-section{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #293e50}.folder-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.folder-editor-heading h3,.material-editor-title{font-size:16px;font-weight:500;margin:0;letter-spacing:0}.folder-editor-heading .btn{min-height:44px;font-size:13px}.folder-edit-row{display:flex;align-items:flex-end;gap:14px;margin-top:16px}.folder-edit-row>.material-icon{margin-bottom:2px}.folder-edit-row>.onboarding-field{flex:1}.onboarding-field{display:grid;gap:7px;min-width:0}.onboarding-field>span{font-size:12px;color:#a3b7ce}.folder-edit-row input{padding:11px 12px;min-height:46px;font-size:13px}.folder-editor-notice:not(:empty){margin-top:16px;color:#b5e5f2}.material-editor-title{margin-bottom:10px}
.material-edit-row{display:block;min-width:0;padding:16px;margin:18px 0}.material-edit-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px}.material-edit-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:16px;align-items:end;margin-top:16px}.material-edit-row select{font-family:var(--font-text);min-height:46px}.material-order{gap:2px}.material-order .icon-button{width:44px;min-width:44px;cursor:pointer}.material-order .icon-button:disabled{cursor:default}.onboarding-field select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.onboarding-dialog .editor-actions{bottom:-28px}.onboarding-dialog .dialog-heading{align-items:flex-start}.onboarding-dialog .dialog-heading .icon-button{flex-shrink:0}
@media(max-width:700px){.material-edit-fields{grid-template-columns:1fr}.material-edit-options{grid-template-columns:1fr 1fr}.material-edit-options>.material-order{grid-column:1/-1;justify-content:flex-end}.folder-edit-row{flex-wrap:wrap}.folder-edit-row>.onboarding-field{min-width:150px}.folder-edit-row>.material-order{margin-left:auto}.folder-editor-heading{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:600px){.onboarding-actions{width:100%}.onboarding-actions .btn{width:100%;min-height:46px;white-space:normal;padding:12px;justify-content:flex-start}.folder-summary{padding:16px;gap:12px}.onboarding-folder .material-row{padding-left:24px}.onboarding-dialog .editor-actions{bottom:-20px;gap:10px}.onboarding-dialog .editor-actions .btn{width:100%;font-size:13px;justify-content:center}.folder-editor-heading .btn{width:100%;white-space:normal}.material-edit-options{grid-template-columns:1fr}.material-edit-options>.material-order{grid-column:auto}.folder-edit-row>.material-icon{display:none}.folder-edit-row>.onboarding-field{min-width:0;flex-basis:100%}.onboarding-dialog .material-edit-row{padding:12px}.onboarding-dialog .dialog-heading h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.folder-summary,.folder-chevron{transition:none}}

/* Direct organization and a persistent local reference panel beside the remote browser. */
.material-row{padding:0;gap:0;position:relative}.material-open{text-decoration:none;display:flex;align-items:center;gap:20px;min-width:0;flex:1;padding:20px 24px;background:transparent;color:inherit;text-align:left;font:inherit}.material-open:hover{background:#152b3c}div.material-open:hover{background:transparent}.material-open:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.onboarding-folder .material-row{padding-left:0}.onboarding-folder .material-open{padding-left:32px}.drag-handle{display:grid;place-items:center;flex-shrink:0;width:36px;min-height:44px;align-self:center;padding:0;margin-left:8px;color:#7596af;background:transparent;cursor:grab;border-radius:8px;touch-action:none}.drag-handle svg{width:16px;height:24px;fill:currentColor}.drag-handle:hover{color:#bceeff;background:#1c3549}.drag-handle:active{cursor:grabbing}.material-row:has(.drag-handle) .material-open{padding-left:8px}.folder-summary:has(.drag-handle){gap:12px;padding-left:0}.folder-summary .drag-handle{margin-left:8px}.onboarding-move-hint{font-size:12px;color:var(--muted);margin:-4px 0 20px;line-height:1.7}.uncategorized-group{display:grid;gap:16px;min-width:0;position:relative;border-radius:16px}.root-drop-empty{border:1px dashed #3c576b;border-radius:14px;padding:24px;color:var(--muted);font-size:13px}.is-dragging [draggable=true]{cursor:grabbing}.is-dragging .material-open{cursor:grabbing}.onboarding-library [data-drop=inside]{outline:2px solid #a9eaff;outline-offset:-3px;background:#193c51}.onboarding-library [data-drop=before]{box-shadow:inset 0 3px #a9eaff}.onboarding-library [data-drop=after]{box-shadow:inset 0 -3px #a9eaff}.onboarding-folder:has(>[data-drop=before]){border-top-color:#a9eaff}.onboarding-folder:has(>[data-drop=after]){border-bottom-color:#a9eaff}.onboarding-view[aria-busy=true] .drag-handle{cursor:wait;opacity:.5}
.onboarding-panel-controls{display:flex;align-items:center;gap:4px}.onboarding-panel-controls:has(>button[hidden]):not(:has(>button:not([hidden]))){display:none}
.onboarding-drawer{--panel-left:238px;position:fixed;inset:18px auto 18px var(--panel-left);z-index:12;width:min(420px,calc(100vw - var(--panel-left) - 18px));max-width:none;margin:0;min-height:0;height:calc(100dvh - 36px);padding:20px;border:1px solid #3c556a;border-radius:20px;background:#0c1725f7;box-shadow:18px 12px 70px #0008;backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow:auto}.onboarding-drawer.is-wide{width:min(760px,calc(100vw - var(--panel-left) - 18px))}.onboarding-drawer .team-header{flex-direction:row;align-items:flex-start;margin-bottom:24px;gap:12px;flex-shrink:0}.onboarding-drawer .team-header h1{font-size:25px;margin:0 0 8px;letter-spacing:-.04em}.onboarding-drawer .team-header .eyebrow,.onboarding-drawer .onboarding-actions{display:none}.onboarding-drawer .team-header p{font-size:11px}.onboarding-drawer .onboarding-panel-controls .icon-button{width:34px;min-height:44px}.onboarding-drawer .team-list-heading{flex-direction:column;gap:4px;font-size:11px}.onboarding-drawer .material-open,.onboarding-drawer .folder-summary{padding:16px 12px;gap:12px}.onboarding-drawer .material-icon{width:34px;height:34px;border-radius:10px}.onboarding-drawer .material-info strong{font-size:13px;font-weight:500}.onboarding-drawer .material-info span{font-size:11px}.onboarding-drawer .material-arrow{font-size:20px}.onboarding-drawer .onboarding-library{gap:12px}.onboarding-drawer .onboarding-folder,.onboarding-drawer .material-list{border-radius:14px}.onboarding-drawer .onboarding-folder>.material-list{border-radius:0}.onboarding-drawer .uncategorized-heading{font-size:13px}
@media(min-width:1351px){.onboarding-drawer{--panel-left:256px}}
@media(max-width:900px){.onboarding-drawer{--panel-left:96px;inset-block:14px;height:calc(100dvh - 28px)}}
@media(max-width:600px){.material-open{gap:12px;padding:16px}.onboarding-folder .material-open{padding-left:20px}.drag-handle{width:28px;margin-left:4px}.onboarding-drawer{padding:16px;--panel-left:86px;width:calc(100vw - var(--panel-left) - 10px);border-radius:16px}.onboarding-drawer .team-header{gap:6px;flex-wrap:wrap}.onboarding-drawer .onboarding-panel-controls{margin-left:auto}.onboarding-drawer .team-header h1{font-size:23px}.onboarding-drawer.is-wide{--panel-left:10px;width:calc(100vw - 20px)}.onboarding-drawer .material-open,.onboarding-drawer .folder-summary{gap:9px;padding:14px 10px}.onboarding-drawer .material-icon{width:28px;height:32px}.onboarding-drawer .team-header{margin-bottom:16px}}

/* One library: folders and standalone materials share rows and one mixed order. */
.onboarding-library{display:block;border:1px solid #2c4356;border-radius:18px;overflow:hidden;background:#0b1520}
.onboarding-library>[data-root-entry]{border:0;border-bottom:1px solid #26384a;border-radius:0;margin:0;background:transparent}
.onboarding-library>[data-root-entry]:not(:has(~[data-root-entry])){border-bottom:0}
.onboarding-library>.onboarding-folder>.folder-summary{background:transparent;gap:20px}
.onboarding-library>.onboarding-folder>.folder-summary:hover{background:#152b3c}
.onboarding-library>.onboarding-folder>.folder-summary:has(.drag-handle){gap:8px}
.onboarding-library>.onboarding-folder>.folder-summary:has(.drag-handle) .material-info{margin-left:12px}
.onboarding-library .onboarding-folder>.material-list{margin-left:28px;border:0;border-left:1px solid #355166;border-radius:0;background:#08121e}
.onboarding-library .onboarding-folder .material-open{padding-left:24px}
.onboarding-library .onboarding-folder .material-row:has(.drag-handle) .material-open{padding-left:8px}
.root-drop-slot{display:none}.is-dragging>.root-drop-slot{display:grid;place-items:center;min-height:64px;border-top:1px dashed #4a708c;color:#a5c9df;font-size:13px}
.onboarding-drawer .onboarding-library{border-radius:14px}.onboarding-drawer .onboarding-library>.onboarding-folder>.folder-summary{gap:12px}.onboarding-drawer .onboarding-library .onboarding-folder>.material-list{margin-left:16px}.onboarding-drawer .onboarding-library .onboarding-folder .material-open{padding-left:12px}
@media(max-width:600px){.onboarding-library>.onboarding-folder>.folder-summary:has(.drag-handle) .material-info{margin-left:4px}.onboarding-library .onboarding-folder>.material-list{margin-left:16px}.onboarding-library>.onboarding-folder>.folder-summary{gap:12px}.onboarding-drawer .onboarding-library>.onboarding-folder>.folder-summary{gap:9px}}