:root{color-scheme:dark;--bg:#08070b;--panel:#121016;--panel2:#19141f;--line:#2c2432;--text:#f6f2f7;--muted:#a69da9;--rose:#ff6d8f;--violet:#a78bfa;--cyan:#67d7df;--green:#6ed6a2;--amber:#e9b86c;--shadow:0 18px 60px rgba(0,0,0,.42)}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:#08070b;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{height:100dvh;display:grid;grid-template-rows:56px minmax(0,1fr) 34px}.topbar{display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid var(--line);background:rgba(8,7,11,.95);z-index:30}.brand{display:flex;align-items:center;gap:8px;min-width:138px}.brand img{width:108px;height:auto}.brand span{font-size:10px;letter-spacing:.2em;color:#b8afb9}.product-title{display:flex;flex-direction:column;gap:1px;min-width:210px}.product-title b{font-size:14px}.product-title span{font-size:10px;color:var(--muted)}.view-tabs{display:flex;align-items:center;gap:5px}.view-tabs a{font-size:11px;color:#aaa0af;padding:8px 11px;border-radius:9px}.view-tabs a.active,.view-tabs a:hover{color:#fff;background:#1c1721}.rust-badge{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:10px;color:#c7bec9}.rust-badge i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--cyan));box-shadow:0 0 14px rgba(110,214,162,.4)}
.workspace{position:relative;min-height:0;display:grid;grid-template-columns:176px minmax(0,1fr) 300px;gap:10px;padding:10px}.left-rail,.stage-panel,.right-panel{min-height:0;border:1px solid var(--line);background:linear-gradient(180deg,#15111a,#0d0b10);border-radius:14px;box-shadow:var(--shadow)}.left-rail{padding:12px 9px;display:flex;flex-direction:column;overflow:hidden}.rail-title{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#887e8e;padding:7px 9px 10px}.rail-item{display:flex;align-items:center;gap:10px;padding:10px 9px;border:0;background:transparent;width:100%;text-align:left;border-radius:10px;font-size:11px;color:#aaa1af;margin-bottom:3px;cursor:pointer}.rail-item:hover,.rail-item.active{background:#1b1621;color:#fff}.rail-item i{width:10px;height:10px;border-radius:3px}.rose{background:var(--rose)}.violet{background:var(--violet)}.cyan{background:var(--cyan)}.green{background:var(--green)}.amber{background:var(--amber)}.rail-spacer{flex:1}.rail-trust{margin:8px 5px 2px;padding:10px;border:1px solid #302737;border-radius:10px;background:#110e15}.rail-trust b{display:block;font-size:10px}.rail-trust span{display:block;font-size:9px;color:#857b8a;margin-top:3px}
.stage-panel{display:grid;grid-template-rows:48px minmax(0,1fr) 44px;overflow:hidden}.stage-toolbar{display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid var(--line);background:#100d14}.stage-toolbar>div:first-child{display:flex;flex-direction:column;gap:1px;min-width:170px}.eyebrow{font-size:8px;letter-spacing:.18em;color:#dd83b2;font-weight:800}.stage-toolbar b{font-size:13px}.stage-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.stage-actions button,.stage-link{border:1px solid #332a3b;background:#18131d;color:#d8d0da;border-radius:8px;padding:6px 9px;font-size:9px;cursor:pointer}.stage-actions button:hover,.stage-link:hover{background:#211927;color:#fff}.toolbar-meta{display:flex;gap:5px}.toolbar-meta span{font-size:8px;color:#aaa1ae;padding:5px 7px;border:1px solid #302737;border-radius:999px;background:#151119}.pixel-stage{position:relative;min-height:0;overflow:hidden;background:#030304;outline:none;transition:background .5s ease}.pixel-stage video,.pixel-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#030304;z-index:1}.pixel-stage canvas{image-rendering:auto}.pixel-stage[data-stream="pixeld"] #linuxVideo{display:none}.pixel-stage[data-stream="video"] #pixelCanvas{display:none}.media-wait{position:absolute;inset:0;z-index:3;display:grid;place-content:center;text-align:center;gap:9px;background:linear-gradient(135deg,#0b0910,#121019);transition:.2s}.media-wait.hide{opacity:0;pointer-events:none}.media-wait b{font-size:14px}.media-wait span{font-size:10px;color:var(--muted)}.spinner{width:32px;height:32px;border-radius:50%;border:2px solid #392e42;border-top-color:var(--rose);margin:auto;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.control-surface{position:absolute;inset:0;z-index:4;pointer-events:none;outline:none}.control-surface.enabled{pointer-events:auto;cursor:default}.meet-view .control-surface.enabled{cursor:crosshair}.meet-view .control-surface.enabled:after{content:"REMOTE CONTROL";position:absolute;right:14px;bottom:13px;padding:6px 9px;border:1px solid rgba(255,109,143,.34);border-radius:999px;background:rgba(13,9,13,.8);font-size:8px;letter-spacing:.14em;color:#ff9eb3}.approval-card{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 36px));padding:22px;border-radius:18px;border:1px solid rgba(255,109,143,.38);background:linear-gradient(180deg,rgba(29,19,30,.99),rgba(15,12,18,.99));box-shadow:0 28px 100px rgba(0,0,0,.56)}.approval-card>span{font-size:9px;letter-spacing:.18em;color:var(--rose);font-weight:800}.approval-card>b{display:block;font-size:18px;margin-top:8px}.approval-card p{font-size:12px;line-height:1.55;color:var(--muted)}.approval-card>div{display:flex;justify-content:flex-end;gap:8px}.control-active{position:absolute;z-index:9;left:12px;right:12px;top:12px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(110,214,162,.38);border-radius:10px;background:rgba(9,23,17,.94)}.control-active i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(110,214,162,.6)}.control-active b{font-size:9px;letter-spacing:.12em;color:#baf0d2}.control-active span{font-size:9px;color:#94bfa8}.control-active button{margin-left:auto}.status-note{position:absolute;z-index:9;left:50%;top:14px;transform:translateX(-50%);padding:8px 12px;border:1px solid #3b3042;border-radius:999px;background:rgba(22,17,26,.94);font-size:10px;color:#d0c8d2}.request-control-fab{position:absolute;z-index:9;left:50%;bottom:18px;transform:translateX(-50%);border:0;border-radius:11px;padding:11px 18px;color:white;font-weight:800;font-size:11px;cursor:pointer;background:linear-gradient(135deg,#ff6d8f,#d84c74);box-shadow:0 14px 40px rgba(255,109,143,.22)}
.runtime-strip{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);background:#0e0b11}.runtime-strip>div{padding:8px 10px;border-right:1px solid var(--line);min-width:0}.runtime-strip>div:last-child{border:0}.runtime-strip span{display:block;font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:#716a76}.runtime-strip b{display:block;margin-top:3px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-panel{overflow:auto;padding:13px}.side-block{padding:8px 3px 14px;border-bottom:1px solid var(--line);margin-bottom:8px}.side-block:last-child{border:0;margin:0}.side-kicker{display:block;font-size:8px;letter-spacing:.18em;color:#cf7eaa;font-weight:800;margin:5px 0 9px}.kv,.feature-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0}.kv span,.feature-row span{font-size:9px;color:var(--muted)}.kv b,.feature-row b{font-size:9px;text-align:right}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px!important}.state-granted{color:var(--green)}.state-requested{color:var(--amber)}.state-denied,.state-revoked{color:var(--rose)}.btn{border:1px solid transparent;border-radius:9px;padding:8px 10px;color:#f5f0f6;background:#19141e;font-size:10px;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#ff6d8f,#d95077)}.btn.ghost{border-color:#342a3c}.btn.tiny{padding:5px 8px;font-size:8px}.btn.wide{width:100%;margin:7px 0}.person{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0}.person i{width:26px;height:26px;border-radius:9px;background:linear-gradient(135deg,#ff6d8f,#a78bfa)}.person i.p2{background:linear-gradient(135deg,#a78bfa,#67d7df)}.person i.p3{background:linear-gradient(135deg,#67d7df,#6ed6a2)}.person b{display:block;font-size:9px}.person span{display:block;font-size:8px;color:var(--muted);margin-top:2px}.person em{font-style:normal;font-size:7px;border:1px solid #332a3a;border-radius:999px;padding:4px 6px;color:#a99eae}.flow-step{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;padding:7px 0}.flow-step b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#211927;color:#ff9ab2;font-size:9px}.flow-step span{font-size:9px;color:#b2a8b5}.storage-item{display:flex;align-items:center;gap:8px;padding:8px 0}.storage-item i{width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#67d7df,#a78bfa)}.storage-item b{display:block;font-size:9px}.storage-item span{display:block;font-size:8px;color:var(--muted);margin-top:2px}.empty-note,.small-note{font-size:9px;line-height:1.45;color:var(--muted)}.storage-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:8px}.storage-form input{min-width:0;border:1px solid #342a3b;border-radius:9px;background:#0f0c13;color:#eee9f0;padding:8px 9px;font-size:9px;outline:none}
.commandbar{display:flex;align-items:center;gap:8px;padding:0 10px;border-top:1px solid var(--line);background:#0d0a10;font-size:8px}.commandbar a{padding:5px 8px;border:1px solid #2e2635;border-radius:7px;color:#c1b8c4}.session-chip{display:flex;align-items:center;gap:6px;min-width:0}.session-chip span{color:#776f7c}.session-chip b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.production-safe{margin-left:auto;color:#8d8492}.production-safe:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}#toast{position:fixed;left:50%;bottom:48px;transform:translate(-50%,12px);opacity:0;pointer-events:none;z-index:100;padding:8px 11px;border-radius:9px;background:#1b1520;border:1px solid #362b3e;font-size:10px;transition:.18s}#toast.show{opacity:1;transform:translate(-50%,0)}
.perf-panel{position:absolute;z-index:20;right:14px;top:14px;width:min(480px,calc(100% - 28px));max-height:calc(100% - 28px);overflow:auto;padding:14px;border:1px solid #3a3042;border-radius:14px;background:rgba(15,12,18,.97);box-shadow:0 24px 80px rgba(0,0,0,.5);transform:translateX(calc(100% + 30px));opacity:0;pointer-events:none;transition:.2s}.perf-open .perf-panel{transform:none;opacity:1;pointer-events:auto}.perf-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.perf-panel header span{display:block;font-size:8px;letter-spacing:.18em;color:#d47fae}.perf-panel header b{display:block;font-size:13px;margin-top:3px}.perf-panel header button{border:1px solid #342b3c;background:#17121c;color:#ddd5df;border-radius:8px;padding:6px 8px}.perf-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.perf-grid>div{padding:9px;border:1px solid #2d2534;border-radius:10px;background:#110e15}.perf-grid span{display:block;font-size:8px;color:#8f8594}.perf-grid b{display:block;font-size:11px;margin-top:4px}.perf-note{display:flex;flex-direction:column;gap:4px;margin:10px 0;padding:10px;border-left:3px solid var(--cyan);background:#121019}.perf-note b{font-size:10px}.perf-note span{font-size:9px;line-height:1.45;color:var(--muted)}#benchmarkResult{white-space:pre-wrap;font:9px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c4bbc8;background:#09070b;padding:10px;border-radius:9px;border:1px solid #2a2231}
/* Desktop is pixel-first: no duplicate browser app rail, no approval UI, no footer tax. */
.desktop-view .app-shell{grid-template-rows:54px minmax(0,1fr)}.desktop-view .commandbar{display:none}.desktop-view .workspace{display:block;padding:0}.desktop-view .left-rail{display:none}.desktop-view .stage-panel{height:100%;border:0;border-radius:0;box-shadow:none;grid-template-rows:46px minmax(0,1fr)}.desktop-view .runtime-strip{display:none}.desktop-view .right-panel{position:absolute;z-index:24;right:12px;top:58px;bottom:12px;width:310px;transform:translateX(calc(100% + 28px));opacity:0;pointer-events:none;transition:.2s}.desktop-view.right-open .right-panel{transform:none;opacity:1;pointer-events:auto}.desktop-view .stage-toolbar{background:#0f0c12}.desktop-view .product-title span{display:none}.desktop-view .pixel-stage{background:#020203}
/* Meet keeps collaboration chrome, but both rails can collapse. */
.meet-view.left-open .left-rail{display:flex}.meet-view.right-open .right-panel{display:block}.meet-view:not(.left-open) .workspace{grid-template-columns:minmax(0,1fr) 300px}.meet-view:not(.left-open) .left-rail{display:none}.meet-view:not(.right-open) .workspace{grid-template-columns:176px minmax(0,1fr)}.meet-view:not(.right-open) .right-panel{display:none}.meet-view:not(.left-open):not(.right-open) .workspace{grid-template-columns:minmax(0,1fr)}
@media(max-width:900px){.topbar{gap:9px;padding:0 10px}.brand{min-width:auto}.brand img{width:92px}.brand span,.product-title,.toolbar-meta{display:none}.view-tabs{margin-left:auto}.rust-badge span{display:none}.workspace{display:block;padding:0}.left-rail,.right-panel{position:absolute;z-index:25;top:8px;bottom:8px;width:min(310px,88vw);display:none}.left-rail{left:8px}.right-panel{right:8px}.left-open .left-rail,.right-open .right-panel{display:flex}.right-open .right-panel{display:block}.stage-panel{height:100%;border:0;border-radius:0;grid-template-rows:44px minmax(0,1fr)}.runtime-strip{display:none}.commandbar{display:none}.app-shell{grid-template-rows:52px minmax(0,1fr)}.stage-toolbar>div:first-child{min-width:auto}.stage-actions{gap:4px}.stage-actions button,.stage-link{padding:6px 7px;font-size:8px}.perf-panel{top:8px;right:8px;width:calc(100% - 16px);max-height:calc(100% - 16px)}}

/* v48.2 desktop-first refinement */
html,body{font-size:16px}
.app-shell{grid-template-rows:50px minmax(0,1fr) 28px}
.topbar{gap:12px;padding:0 12px}
.brand{min-width:118px}.brand img{width:96px}.brand span{font-size:11px}
.product-title{min-width:190px}.product-title b{font-size:15px}.product-title span{font-size:11px}
.view-tabs a{font-size:12px;padding:7px 10px}.rust-badge{font-size:11px}
.workspace{gap:0;padding:0;background:#030304}
.desktop-view .stage-panel{border:0;border-radius:0;box-shadow:none}
.desktop-view .workspace{grid-template-columns:minmax(0,1fr)}
.desktop-view .left-rail{display:none}
.desktop-view .right-panel{position:absolute;z-index:25;right:10px;top:10px;bottom:10px;width:min(360px,calc(100vw - 28px));transform:translateX(calc(100% + 22px));transition:transform .18s ease;border-radius:14px}
.desktop-view.right-open .right-panel{transform:translateX(0)}
.stage-panel{grid-template-rows:44px minmax(0,1fr) 30px;border-radius:0}
.stage-toolbar{padding:0 10px;gap:8px}
.stage-toolbar>div:first-child{min-width:150px}.eyebrow{font-size:9px}.stage-toolbar b{font-size:14px}
.stage-actions{gap:5px}.stage-actions button,.stage-link{padding:6px 9px;font-size:11px}
.toolbar-meta span{font-size:9px;padding:4px 6px}
.runtime-strip{min-height:28px;font-size:10px}
.right-panel{font-size:13px}.side-kicker{font-size:10px}.kv span,.kv b,.feature-row b,.feature-row span{font-size:12px}
.small-note{font-size:12px;line-height:1.55}.storage-item b{font-size:12px}.storage-item span{font-size:10px}
.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.settings-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}
.settings-form select{width:100%;border:1px solid #3a3042;background:#120f16;color:#f5eff6;border-radius:9px;padding:8px;font-size:12px}
.settings-form .wide{grid-column:1/-1}
.perf-panel{width:min(560px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto}
.perf-panel header b{font-size:15px}.perf-grid span{font-size:10px}.perf-grid b{font-size:14px}
@media(max-width:900px){
 .product-title span,.toolbar-meta{display:none}.view-tabs a{font-size:11px}
 .stage-toolbar>div:first-child{min-width:110px}
 .stage-actions button,.stage-link{padding:6px 8px}
}

.stream-choice.active{border-color:rgba(255,109,143,.65)!important;background:rgba(255,109,143,.14)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,109,143,.14)}

/* v49.1 presentation desktop: maximize real desktop canvas */
:root{--chrome:44px;--toolbar:38px;--surface:#0b0c0f;--surface2:#111318;--line2:rgba(255,255,255,.08);--soft-shadow:0 10px 34px rgba(0,0,0,.28)}
.desktop-view .app-shell{grid-template-rows:var(--chrome) minmax(0,1fr)!important;background:#050608}
.desktop-view .topbar{height:var(--chrome);padding:0 10px;gap:8px;border-bottom:1px solid var(--line2);background:rgba(8,9,12,.96);backdrop-filter:blur(14px)}
.desktop-view .brand{min-width:auto;gap:7px}.desktop-view .brand img{width:82px}.desktop-view .brand span{display:none}
.desktop-view .product-title{min-width:0;margin-right:4px}.desktop-view .product-title b{font-size:12px;line-height:1}.desktop-view .view-tabs{gap:2px}.desktop-view .view-tabs a{font-size:10px;padding:5px 8px;border-radius:7px}.desktop-view .rust-badge{font-size:9px;gap:5px}
.desktop-view .workspace{height:100%;padding:0;background:#020304}.desktop-view .stage-panel{height:100%;display:grid;grid-template-rows:var(--toolbar) minmax(0,1fr)!important;overflow:hidden;background:#020304}
.desktop-view .stage-toolbar{min-height:var(--toolbar);padding:0 8px;border-bottom:1px solid var(--line2);background:linear-gradient(180deg,#101217,#0b0d11);gap:7px}.desktop-view .stage-toolbar>div:first-child{min-width:0;display:flex;flex-direction:row;align-items:center;gap:7px}.desktop-view .eyebrow{display:none}.desktop-view .stage-toolbar b{font-size:11px;white-space:nowrap}.desktop-view .toolbar-meta{display:flex;gap:4px;min-width:0}.desktop-view .toolbar-meta span{font-size:8px;padding:3px 5px;border-color:var(--line2);background:#0c0e12;color:#aeb5c0}
.desktop-view .stage-actions{gap:4px;min-width:0}.desktop-view .stage-actions button,.desktop-view .stage-link{height:26px;padding:0 8px;font-size:9px;border-radius:7px;border-color:var(--line2);background:#12151b;color:#d9dee6}.desktop-view .stage-actions button:hover,.desktop-view .stage-link:hover{background:#1b2028}.desktop-view .stream-choice.active{background:rgba(110,214,162,.12)!important;border-color:rgba(110,214,162,.38)!important;box-shadow:none!important;color:#dff7e9!important}
.desktop-view .pixel-stage{background:#000;isolation:isolate}.desktop-view .pixel-stage video,.desktop-view .pixel-stage canvas{background:#000}.desktop-view .right-panel{top:8px;right:8px;bottom:8px;width:min(330px,calc(100vw - 20px));border-radius:11px;border:1px solid var(--line2);background:rgba(14,16,21,.97);box-shadow:0 18px 55px rgba(0,0,0,.46);padding:10px;backdrop-filter:blur(16px)}
.desktop-view .side-block{padding:5px 2px 10px;margin-bottom:5px;border-color:var(--line2)}.desktop-view .side-kicker{font-size:8px;margin:4px 0 6px}.desktop-view .kv,.desktop-view .feature-row{padding:5px 0}.desktop-view .kv span,.desktop-view .feature-row span,.desktop-view .kv b,.desktop-view .feature-row b{font-size:10px}.desktop-view .small-note{font-size:10px;line-height:1.4}.desktop-view .settings-form{gap:6px;margin-top:7px}.desktop-view .settings-form label{font-size:9px;gap:3px}.desktop-view .settings-form select{padding:6px;font-size:10px;border-radius:7px}.desktop-view .btn{padding:6px 8px;font-size:9px;border-radius:7px}.desktop-view .storage-item{padding:5px 0}
.desktop-view .perf-panel{top:8px;right:8px;width:min(460px,calc(100% - 16px));max-height:calc(100% - 16px);padding:10px;border-radius:11px;border-color:var(--line2);background:rgba(13,15,19,.98);box-shadow:0 18px 55px rgba(0,0,0,.46);backdrop-filter:blur(16px)}.desktop-view .perf-panel header{margin-bottom:8px}.desktop-view .perf-panel header span{font-size:7px}.desktop-view .perf-panel header b{font-size:12px}.desktop-view .perf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.desktop-view .perf-grid>div{padding:7px;border-radius:7px;border-color:var(--line2);background:#0c0e12}.desktop-view .perf-grid span{font-size:7px}.desktop-view .perf-grid b{font-size:10px;margin-top:2px}.desktop-view .perf-note{margin:7px 0;padding:8px}.desktop-view .perf-note b{font-size:9px}.desktop-view .perf-note span{font-size:8px}.desktop-view #benchmarkResult{font-size:8px;line-height:1.4;padding:8px}
.desktop-view .media-wait{background:#06070a}.desktop-view .media-wait b{font-size:12px}.desktop-view .media-wait span{font-size:9px}.desktop-view .control-active{top:8px;left:8px;right:auto;max-width:min(520px,calc(100% - 16px));padding:6px 8px}.desktop-view #toast{bottom:14px}
@media(max-width:1100px){.desktop-view .toolbar-meta{display:none}.desktop-view .product-title{display:none}.desktop-view .brand img{width:76px}.desktop-view .perf-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){:root{--chrome:40px;--toolbar:34px}.desktop-view .topbar{padding:0 6px}.desktop-view .view-tabs a{padding:4px 6px;font-size:9px}.desktop-view .rust-badge span{display:none}.desktop-view .stage-toolbar{padding:0 5px}.desktop-view .stage-toolbar b{display:none}.desktop-view .stage-actions{margin-left:0;width:100%;justify-content:flex-end}.desktop-view .stage-actions button,.desktop-view .stage-link{height:24px;padding:0 6px;font-size:8px}.desktop-view .perf-grid{grid-template-columns:1fr 1fr}}


/* AIOTOR PixelD platform shell */
.desktop-view .app-shell{grid-template-rows:42px minmax(0,1fr)!important;background:#020304}
.desktop-view .topbar{
  height:42px!important;padding:0 12px!important;gap:10px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:rgba(7,8,11,.97)!important;backdrop-filter:blur(18px)
}
.desktop-view .brand{min-width:auto!important}.desktop-view .brand img{width:78px!important}
.desktop-view .product-title{min-width:154px!important;margin-right:4px!important}
.desktop-view .product-title b{font-size:13px!important;font-weight:700!important;letter-spacing:-.01em}
.desktop-view .product-title span{display:block!important;font-size:8px!important;color:#7f8792!important;letter-spacing:.08em;text-transform:uppercase}
.desktop-view .view-tabs{gap:0!important;flex:1;justify-content:center;min-width:0}
.desktop-view .view-tabs a{
  position:relative;background:transparent!important;color:#8f96a1!important;
  padding:13px 10px 12px!important;border-radius:0!important;font-size:10px!important;font-weight:600
}
.desktop-view .view-tabs a:hover{color:#f3f5f7!important}
.desktop-view .view-tabs a.active{color:#fff!important}
.desktop-view .view-tabs a.active:after{
  content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#ff6d8f,#a78bfa)
}
.desktop-view .view-tabs a[aria-disabled="true"]{opacity:.62;cursor:default}
.desktop-view .rust-badge{font-size:9px!important;color:#aeb6c0!important;white-space:nowrap}
.desktop-view .rust-badge i{width:7px;height:7px;box-shadow:0 0 12px rgba(110,214,162,.45)}

.desktop-view .workspace{position:relative;height:100%;display:block!important;background:#000}
.desktop-view .stage-panel{
  position:relative;height:100%;display:block!important;overflow:hidden!important;
  background:#000;border:0!important;border-radius:0!important;box-shadow:none!important
}
.desktop-view .pixel-stage{position:absolute!important;inset:0!important;background:#000!important}
.desktop-view .pixel-stage video,.desktop-view .pixel-stage canvas{width:100%!important;height:100%!important;object-fit:contain!important}

.desktop-view .stage-toolbar{
  position:absolute!important;z-index:18!important;top:10px!important;left:50%!important;transform:translateX(-50%);
  width:auto!important;min-width:0!important;height:34px!important;min-height:34px!important;
  display:flex!important;align-items:center!important;gap:6px!important;padding:4px 6px!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:10px!important;
  background:rgba(11,13,17,.84)!important;backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 10px 34px rgba(0,0,0,.28)!important
}
.desktop-view .stage-toolbar>div:first-child{display:none!important}
.desktop-view .stage-actions{display:flex!important;gap:4px!important;margin:0!important}
.desktop-view .stage-actions button,.desktop-view .stage-link{
  height:24px!important;padding:0 8px!important;border-radius:7px!important;
  border:1px solid transparent!important;background:transparent!important;color:#b7bec8!important;
  font-size:9px!important;font-weight:650!important
}
.desktop-view .stage-actions button:hover,.desktop-view .stage-link:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
.desktop-view .stream-choice.active{
  background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important
}
.desktop-view .toolbar-meta{display:flex!important;gap:4px!important}
.desktop-view .toolbar-meta span{
  border:0!important;background:transparent!important;color:#69717c!important;
  font-size:8px!important;padding:0 3px!important
}
.desktop-view .toolbar-meta span:last-child{display:none}

.desktop-view .right-panel{
  position:absolute!important;z-index:30!important;top:10px!important;right:10px!important;bottom:10px!important;
  width:min(360px,calc(100vw - 20px))!important;padding:12px!important;
  border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;
  background:rgba(12,14,19,.96)!important;backdrop-filter:blur(20px)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.48)!important
}
.desktop-view .perf-panel{
  top:10px!important;right:10px!important;border-radius:14px!important;
  border-color:rgba(255,255,255,.09)!important;background:rgba(12,14,19,.97)!important;
  backdrop-filter:blur(20px)!important
}
.desktop-view .media-wait{background:radial-gradient(circle at 50% 45%,#15121a 0,#08090c 38%,#020304 75%)}
.desktop-view .media-wait b{font-size:13px;letter-spacing:.01em}
.desktop-view .media-wait span{font-size:9px;color:#747c87}
.desktop-view .spinner{width:26px;height:26px;border-width:2px}

.desktop-view .runtime-strip,.desktop-view .commandbar,.desktop-view .left-rail{display:none!important}
.desktop-view #toast{bottom:16px!important}

@media(max-width:980px){
  .desktop-view .product-title span{display:none!important}
  .desktop-view .product-title{min-width:auto!important}
  .desktop-view .view-tabs a{padding-left:7px!important;padding-right:7px!important;font-size:9px!important}
}
@media(max-width:760px){
  .desktop-view .product-title{display:none!important}
  .desktop-view .view-tabs a[aria-disabled="true"]{display:none!important}
  .desktop-view .stage-toolbar{top:7px!important;max-width:calc(100vw - 14px)}
  .desktop-view .toolbar-meta{display:none!important}
}


/* Premium PixelD workspace drawer */
.desktop-view .right-panel{
  width:min(390px,calc(100vw - 20px))!important;
  padding:14px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(14,16,22,.985),rgba(9,11,15,.985))!important
}
.desktop-view .side-kicker{
  display:block;margin:1px 0 10px!important;font-size:8px!important;letter-spacing:.18em!important;
  color:#c487a4!important;font-weight:800!important
}
.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.app-grid button{
  min-height:66px;text-align:left;padding:11px;border:1px solid rgba(255,255,255,.075);
  border-radius:12px;background:linear-gradient(180deg,#12151b,#0d1015);color:#eef2f5;cursor:pointer;
  transition:transform .14s ease,border-color .14s ease,background .14s ease
}
.app-grid button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.16);background:#151922}
.app-grid button:active{transform:none}
.app-grid button b{display:block;font-size:11px;letter-spacing:-.01em}
.app-grid button span{display:block;margin-top:5px;color:#707986;font-size:8px}
.desktop-view .side-block{padding:7px 2px 13px!important;margin-bottom:6px!important}
.desktop-view .feature-row{padding:6px 0!important}
.desktop-view .feature-row b{font-size:10px!important;color:#dfe4e9!important;font-weight:650}
.desktop-view .feature-row span{font-size:9px!important;color:#777f8a!important}

.settings-form.presets{display:block!important}
.preset-group{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 10px}
.preset-group>span{grid-column:1/-1;font-size:8px;color:#717985;margin-left:2px}
.preset-group label{display:block!important}
.preset-group input{position:absolute;opacity:0;pointer-events:none}
.preset-group label b{
  display:block;text-align:center;padding:8px 4px;border-radius:8px;border:1px solid rgba(255,255,255,.07);
  background:#0d1015;color:#7d8590;font-size:9px;font-weight:650;cursor:pointer
}
.preset-group label:has(input:checked) b{
  color:#fff;border-color:rgba(255,109,143,.40);
  background:linear-gradient(180deg,rgba(255,109,143,.12),rgba(167,139,250,.07))
}
.desktop-view .storage-form{grid-template-columns:minmax(0,1fr) auto;gap:7px}
.desktop-view .storage-form input{background:#090b0f;border-color:rgba(255,255,255,.08)}
.desktop-view .btn.primary{
  background:linear-gradient(135deg,#ff6d8f,#b85ee0)!important;
  box-shadow:0 7px 22px rgba(220,86,145,.12)
}

/* PixelD true viewport fill */
.desktop-view .product-title{display:none!important}
.desktop-view .topbar{padding-left:10px!important}
.desktop-view .brand{min-width:86px!important}
.desktop-view .brand img{width:80px!important}
.desktop-view .workspace,.desktop-view .stage-panel,.desktop-view .pixel-stage{
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important
}
.desktop-view .pixel-stage video,
.desktop-view .pixel-stage canvas{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;
  object-fit:fill!important;
  display:block!important
}
.desktop-view .control-surface{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.desktop-view .right-panel{max-height:calc(100% - 20px)!important;overflow:auto!important}

/* PixelD brand restore */
.desktop-view .brand{display:flex!important;align-items:center!important;gap:9px!important;min-width:128px!important}
.desktop-view .brand img{width:78px!important;height:auto!important;display:block!important}
.desktop-view .brand-product{
  display:inline-block!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:-.015em!important;
  color:#f6f7f9!important;
}
.desktop-view .product-title{display:none!important}

/* PixelD single-row header */
.desktop-view .topbar{
  height:46px!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 10px!important;
}
.desktop-view .view-tabs{
  flex:1 1 auto!important;
  justify-content:center!important;
  min-width:0!important;
}
.desktop-view .top-actions{
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  margin-left:auto!important;
  white-space:nowrap!important;
}
.desktop-view .top-actions button,
.desktop-view .top-actions .stage-link{
  height:28px!important;
  padding:0 8px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#aeb5bf!important;
  font-size:9px!important;
  font-weight:650!important;
  cursor:pointer!important;
}
.desktop-view .top-actions button:hover,
.desktop-view .top-actions .stage-link:hover{
  color:#fff!important;
  background:rgba(255,255,255,.07)!important;
}
.desktop-view .top-actions .stream-choice.active{
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.desktop-view .stage-toolbar{
  display:none!important;
  height:0!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0!important;
  border:0!important;
}
.desktop-view .stage-panel{
  position:relative!important;
  height:100%!important;
  display:block!important;
}
.desktop-view .pixel-stage{
  position:absolute!important;
  inset:0!important;
}
.desktop-view .app-shell{
  grid-template-rows:46px minmax(0,1fr)!important;
}
@media(max-width:1100px){
  .desktop-view .view-tabs a{padding-left:6px!important;padding-right:6px!important}
  .desktop-view .top-actions button{padding:0 6px!important;font-size:8px!important}
  .desktop-view .rust-badge span{display:none!important}
}
@media(max-width:820px){
  .desktop-view .view-tabs a:nth-child(3),
  .desktop-view .view-tabs a:nth-child(4){display:none!important}
  .desktop-view .top-actions .stream-choice{display:none!important}
}

/* PixelD window switcher */
.window-list{display:flex;flex-direction:column;gap:7px}
.window-item{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:10px;
  background:#0c0f14
}
.window-item>div:first-child{min-width:0;flex:1}
.window-item b{
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:10px;color:#eef2f6;font-weight:650
}
.window-item span{display:block;margin-top:3px;font-size:7px;color:#626b76}
.window-actions{display:flex;gap:3px;flex:0 0 auto}
.window-actions button{
  height:24px;padding:0 6px;border-radius:6px;border:1px solid rgba(255,255,255,.07);
  background:#12161c;color:#8f98a4;font-size:8px;cursor:pointer
}
.window-actions button:hover{background:#1a2028;color:#fff}
.window-actions button[data-window-action="close"]:hover{
  border-color:rgba(255,109,143,.35);color:#ff9bb1;background:rgba(255,109,143,.08)
}
.window-empty{padding:9px;color:#68717c;font-size:9px;border:1px dashed rgba(255,255,255,.07);border-radius:9px}

/* FINAL PixelD surface authority: only the selected desktop surface may render. */
.desktop-view .pixel-stage[data-stream="pixeld"] #pixelCanvas{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2!important;
}
.desktop-view .pixel-stage[data-stream="pixeld"] #linuxVideo{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  z-index:1!important;
}
.desktop-view .pixel-stage[data-stream="video"] #linuxVideo{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2!important;
}
.desktop-view .pixel-stage[data-stream="video"] #pixelCanvas{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  z-index:1!important;
}

/* FINAL desktop-first product shell */
.desktop-view .view-tabs,
.desktop-view .top-actions,
.desktop-view .desktop-only-actions{
  display:none!important;
}
.desktop-view .topbar{
  height:46px!important;
  min-height:46px!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.desktop-view .brand-menu-trigger{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  background:transparent!important;
  padding:0 6px!important;
  margin:0!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#f4f6f8!important;
  cursor:pointer!important;
  border-radius:8px!important;
}
.desktop-view .brand-menu-trigger:hover,
.desktop-view.menu-open .brand-menu-trigger{
  background:rgba(255,255,255,.07)!important;
}
.desktop-view .rust-badge{
  margin-left:auto!important;
}
.desktop-view .workspace{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
}
.desktop-view .stage-panel,
.desktop-view .pixel-stage{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
}
.desktop-menu{
  position:fixed;
  z-index:60;
  top:52px;
  left:8px;
  width:min(310px,calc(100vw - 16px));
  max-height:calc(100vh - 60px);
  overflow:auto;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(11,13,17,.97);
  box-shadow:0 24px 80px rgba(0,0,0,.52);
  backdrop-filter:blur(18px);
  transform:translateX(calc(-100% - 18px));
  opacity:0;
  pointer-events:none;
  transition:transform .18s ease,opacity .18s ease;
}
.desktop-view.menu-open .desktop-menu{
  transform:translateX(0);
  opacity:1;
  pointer-events:auto;
}
.desktop-menu-head{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:4px 4px 12px;
  border-bottom:1px solid rgba(255,255,255,.07);
  margin-bottom:10px;
}
.desktop-menu-head b{font-size:13px}
.desktop-menu-head span{font-size:9px;color:#7e8792}
.desktop-menu section{
  padding:8px 2px 10px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.desktop-menu section:last-child{border-bottom:0}
.menu-kicker{
  display:block;
  margin:0 4px 7px;
  font-size:8px;
  letter-spacing:.14em;
  color:#747d88;
}
.menu-app-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.menu-app-grid button,
.desktop-menu .menu-row,
.desktop-menu section>a{
  width:100%;
  border:1px solid rgba(255,255,255,.06);
  border-radius:9px;
  background:#10141a;
  color:#d9dfe6;
  min-height:38px;
  padding:8px 9px;
  text-align:left;
  cursor:pointer;
  font-size:10px;
}
.menu-app-grid button:hover,
.desktop-menu .menu-row:hover,
.desktop-menu section>a:hover{
  background:#171c24;
  color:#fff;
}
.menu-app-grid button b{display:block;font-size:10px}
.menu-app-grid button span{display:block;margin-top:2px;font-size:8px;color:#707985}
.desktop-menu section>a{
  display:flex;
  align-items:center;
  margin-bottom:5px;
}
.desktop-menu .menu-row{
  display:block;
  margin-bottom:5px;
}
.desktop-menu .stream-choice.active{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#fff!important;
}
@media(max-width:720px){
  .desktop-menu{top:48px;left:5px;width:calc(100vw - 10px);max-height:calc(100vh - 54px)}
}

/* AIOTOR PixelD Linux boot experience */
.linux-boot{
  position:absolute;
  inset:0;
  z-index:48;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:
    radial-gradient(circle at 22% 18%,rgba(168,95,45,.24),transparent 34%),
    radial-gradient(circle at 78% 72%,rgba(116,43,35,.22),transparent 42%),
    linear-gradient(145deg,#1d120e 0%,#100d0d 46%,#08090b 100%);
  color:#f5f7fa;
  transition:opacity .48s ease,transform .48s ease;
  pointer-events:none;
}
.linux-boot.ready{
  opacity:0;
  transform:scale(1.015);
}
.linux-boot-logo{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}
.linux-boot-logo img{width:88px;height:auto;opacity:.96}
.linux-boot-logo span{font-size:15px;font-weight:650;letter-spacing:.01em}
.linux-boot-kicker{
  margin-top:8px;
  color:#9ba4af;
  font-size:9px;
  letter-spacing:.22em;
}
.linux-boot>b{
  font-size:22px;
  font-weight:600;
  letter-spacing:-.02em;
}
.linux-boot p{
  margin:0;
  max-width:420px;
  text-align:center;
  color:#858f9b;
  font-size:11px;
}
.linux-boot small{
  margin-top:5px;
  color:#c7ccd3;
  font-size:10px;
}
.linux-boot-ring{
  position:relative;
  width:54px;
  height:54px;
  margin-bottom:3px;
}
.linux-boot-ring i{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.09);
}
.linux-boot-ring i:nth-child(1){
  border-top-color:#d99358;
  animation:pixeldBootSpin 1.15s linear infinite;
}
.linux-boot-ring i:nth-child(2){
  inset:7px;
  border-right-color:#9e6250;
  animation:pixeldBootSpin .9s linear infinite reverse;
}
.linux-boot-ring i:nth-child(3){
  inset:15px;
  border-bottom-color:#d7b07b;
  animation:pixeldBootPulse 1.2s ease-in-out infinite;
}
.linux-boot-progress{
  position:relative;
  width:min(260px,55vw);
  height:3px;
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.08);
  margin:3px 0 2px;
}
.linux-boot-progress i{
  position:absolute;
  inset:0 auto 0 0;
  width:42%;
  border-radius:inherit;
  background:linear-gradient(90deg,#8b4b32,#d49359,#b86b4a,#7b382f);
  animation:pixeldBootProgress 1.25s cubic-bezier(.55,.02,.25,1) infinite;
}
@keyframes pixeldBootSpin{to{transform:rotate(360deg)}}
@keyframes pixeldBootPulse{50%{transform:scale(.7);opacity:.38}}
@keyframes pixeldBootProgress{
  0%{transform:translateX(-110%)}
  55%{transform:translateX(105%)}
  100%{transform:translateX(260%)}
}

/* Running-app switcher inside the logo menu */
.menu-window-list{
  display:flex;
  flex-direction:column;
  gap:5px;
  max-height:220px;
  overflow:auto;
}
.menu-window-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) 30px;
  gap:5px;
  align-items:stretch;
}
.menu-window-front{
  min-width:0;
  border:1px solid rgba(255,255,255,.06);
  background:#10141a;
  color:#e5e8ec;
  border-radius:9px;
  padding:7px 9px;
  text-align:left;
  cursor:pointer;
}
.menu-window-front:hover{background:#171d25}
.menu-window-front b{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:10px;
}
.menu-window-front span{
  display:block;
  margin-top:2px;
  color:#707984;
  font-size:8px;
}
.menu-window-close{
  border:1px solid rgba(255,255,255,.06);
  border-radius:9px;
  background:#10141a;
  color:#7f8791;
  cursor:pointer;
}
.menu-window-close:hover{background:#24171c;color:#fff}

.linux-boot-footer{
  position:absolute;
  left:20px;
  right:20px;
  bottom:18px;
  text-align:center;
  color:#68717c;
  font-size:9px;
  letter-spacing:.04em;
}

/* Empty-workspace information: animated ready state, visually continuous with boot. */
.desktop-idle{
  position:absolute;
  z-index:8;
  left:50%;
  top:50%;
  width:min(680px,76vw);
  min-height:320px;
  padding:58px 62px 48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(210,126,102,.15);
  border-radius:32px;
  transform:translate(-50%,-46%) scale(.985);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  text-align:center;
  color:#f6f0ee;
  background:
    radial-gradient(circle at 50% 28%,rgba(214,92,104,.19),transparent 31%),
    radial-gradient(circle at 22% 82%,rgba(137,54,43,.24),transparent 40%),
    radial-gradient(circle at 82% 76%,rgba(94,25,39,.25),transparent 43%),
    linear-gradient(145deg,rgba(41,18,17,.96),rgba(17,10,12,.97) 50%,rgba(10,9,11,.98));
  box-shadow:
    0 36px 100px rgba(0,0,0,.48),
    0 0 90px rgba(127,31,46,.13),
    inset 0 1px 0 rgba(255,255,255,.04);
  transition:opacity .42s ease,transform .42s ease,visibility .42s;
  isolation:isolate;
}
.desktop-idle::before{
  content:"";
  position:absolute;
  z-index:-2;
  width:520px;
  height:520px;
  left:50%;
  top:50%;
  margin:-260px 0 0 -260px;
  border-radius:50%;
  background:
    conic-gradient(from 20deg,
      transparent 0 12%,
      rgba(216,71,91,.18) 20%,
      transparent 34%,
      rgba(179,87,52,.16) 49%,
      transparent 63%,
      rgba(122,37,64,.22) 80%,
      transparent 100%);
  filter:blur(18px);
  animation:pixeldIdleOrbit 18s linear infinite;
}
.desktop-idle::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:16px;
  border-radius:25px;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(238,126,120,.10),transparent 37%),
    linear-gradient(120deg,transparent 15%,rgba(255,255,255,.022) 46%,transparent 72%);
  opacity:.8;
  animation:pixeldIdleBreath 5.2s ease-in-out infinite;
}
.desktop-view.desktop-ready .desktop-idle.show{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,-50%) scale(1);
}
.desktop-idle-mark{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:999px;
  background:rgba(6,6,8,.22);
  backdrop-filter:blur(10px);
}
.desktop-idle-mark img{width:96px;height:auto;opacity:.96}
.desktop-idle-mark span{font-size:14px;font-weight:680;color:#f3e9e6}
.desktop-idle>b{
  display:block;
  font-size:28px;
  font-weight:640;
  letter-spacing:-.025em;
  text-shadow:0 3px 28px rgba(0,0,0,.42);
}
.desktop-idle p{
  margin:9px auto 0;
  color:#d3b9b4;
  font-size:13px;
}
.desktop-idle small{
  display:block;
  max-width:500px;
  margin:12px auto 0;
  color:#b9a7a7;
  font-size:10.5px;
  line-height:1.6;
}
.desktop-idle-meta{
  margin-top:20px;
  padding-top:14px;
  width:min(430px,90%);
  border-top:1px solid rgba(255,255,255,.06);
  font-size:9px;
  color:#9b7c7d;
  letter-spacing:.045em;
}
@keyframes pixeldIdleOrbit{to{transform:rotate(360deg)}}
@keyframes pixeldIdleBreath{
  0%,100%{opacity:.58;transform:scale(.985)}
  50%{opacity:1;transform:scale(1.02)}
}
@media (max-width:720px){
  .desktop-idle{width:84vw;min-height:280px;padding:42px 26px 38px;border-radius:26px}
  .desktop-idle>b{font-size:24px}
}

.menu-profile-note{font-size:10px;color:#9ea4ad;padding:4px 8px 8px;line-height:1.4}
.security-panel{z-index:58;display:none}
body.security-open #securityPanel{display:flex}

.control-surface{
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:none!important;
  -webkit-user-drag:none!important;
}
.desktop-view.idle-workspace .pixel-stage{
  background:
    radial-gradient(circle at 50% 44%,rgba(125,43,78,.20),transparent 28%),
    radial-gradient(circle at 22% 74%,rgba(119,35,45,.13),transparent 38%),
    radial-gradient(circle at 80% 24%,rgba(67,43,112,.15),transparent 36%),
    linear-gradient(145deg,#09090c 0%,#100a0e 48%,#090811 100%);
}
.desktop-view.idle-workspace .pixel-stage::before{
  content:"";
  position:absolute;
  inset:-25%;
  z-index:0;
  pointer-events:none;
  background:
    conic-gradient(from 30deg at 50% 50%,
      transparent 0 18%,
      rgba(128,38,61,.10) 27%,
      transparent 39%,
      rgba(77,50,130,.09) 53%,
      transparent 68%,
      rgba(151,52,58,.08) 82%,
      transparent 100%);
  filter:blur(48px);
  animation:pixeldStageDrift 24s linear infinite;
}
@keyframes pixeldStageDrift{to{transform:rotate(360deg) scale(1.035)}}

.desktop-view.idle-workspace .desktop-idle{
  width:min(620px,74vw);
  min-height:0;
  padding:34px 42px 30px;
  border:0;
  border-radius:28px;
  background:rgba(8,7,11,.18);
  box-shadow:none;
  backdrop-filter:blur(7px);
}
.desktop-view.idle-workspace .desktop-idle::before{
  width:360px;height:360px;margin:-180px 0 0 -180px;
  opacity:.46;filter:blur(30px);
}
.desktop-view.idle-workspace .desktop-idle::after{
  inset:8px;
  border:1px solid rgba(255,255,255,.025);
  background:radial-gradient(ellipse at 50% 40%,rgba(147,52,87,.07),transparent 55%);
}
.desktop-view.idle-workspace .desktop-idle-mark{
  background:rgba(7,7,10,.28);
  border-color:rgba(178,116,150,.10);
}
.desktop-view.idle-workspace .desktop-idle>b{color:#f2edf3}
.desktop-view.idle-workspace .desktop-idle p{color:#c4b9c8}
.desktop-view.idle-workspace .desktop-idle small{color:#a89fac}
.desktop-view.idle-workspace .desktop-idle-meta{color:#766f7d}

body.relative-input .control-surface.enabled{cursor:none!important}
body.relative-input .pixel-stage{box-shadow:inset 0 0 0 2px rgba(185,78,105,.38)}
[data-pointer-lock].active{border-color:rgba(192,83,117,.46)!important;color:#fff!important;background:rgba(119,31,64,.22)!important}


/* V5018 — desktop consumes the viewport; controls float instead of reserving rows */
.desktop-view .app-shell{
  display:block!important;
  height:100dvh!important;
  width:100vw!important;
  overflow:hidden!important;
}
.desktop-view .topbar{
  position:absolute!important;
  z-index:58!important;
  top:8px!important;
  left:8px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
.desktop-view .topbar > *{display:none!important}
.desktop-view .topbar .brand-menu-trigger{
  display:none!important;
}
.desktop-view .workspace{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
}
.desktop-view .stage-panel{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#000!important;
}
.desktop-view .stage-toolbar,
.desktop-view .runtime-strip,
.desktop-view .commandbar{
  display:none!important;
}
.desktop-view .pixel-stage{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#000!important;
}
.desktop-view .pixel-stage video,
.desktop-view .pixel-stage canvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#000!important;
}
.pixeld-bottom-dock{
  position:absolute;
  z-index:72;
  left:50%;
  bottom:9px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:4px;
  max-width:calc(100% - 18px);
  padding:4px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:rgba(8,10,13,.88);
  box-shadow:0 12px 38px rgba(0,0,0,.38);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.pixeld-bottom-dock button{
  height:28px;
  min-width:0;
  padding:0 9px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:#cbd1d8;
  font-size:9px;
  font-weight:650;
  cursor:pointer;
  white-space:nowrap;
}
.pixeld-bottom-dock button:hover,
.pixeld-bottom-dock button.active,
.pixeld-bottom-dock .stream-choice.active{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.08);
  color:#fff;
}
.pixeld-bottom-dock .dock-brand{
  display:flex;
  align-items:center;
  gap:6px;
  padding-left:7px;
  padding-right:9px;
}
.pixeld-bottom-dock .dock-brand img{
  width:44px;
  height:auto;
  display:block;
}
.pixeld-bottom-dock .dock-brand span{
  font-size:9px;
}
.desktop-menu{
  top:auto!important;
  left:50%!important;
  bottom:47px!important;
  transform:translate(-50%,16px)!important;
  max-height:min(70vh,620px)!important;
}
.desktop-view.menu-open .desktop-menu{
  transform:translate(-50%,0)!important;
}
.desktop-view .right-panel{
  top:8px!important;
  bottom:48px!important;
}
.desktop-view .perf-panel,
.desktop-view .security-panel{
  top:8px!important;
  bottom:48px!important;
  max-height:calc(100% - 56px)!important;
}
.desktop-view #toast{bottom:52px!important}

@media(max-width:720px){
  .pixeld-bottom-dock{
    bottom:6px;
    gap:2px;
    padding:3px;
    max-width:calc(100% - 10px);
  }
  .pixeld-bottom-dock button{
    height:26px;
    padding:0 6px;
    font-size:8px;
  }
  .pixeld-bottom-dock .dock-brand img{width:38px}
  .pixeld-bottom-dock .dock-brand span{display:none}
  .desktop-menu{
    bottom:40px!important;
    width:calc(100vw - 10px)!important;
  }
}


/* V5019 readiness polish — no card tax on an idle desktop */
.desktop-view.idle-workspace .desktop-idle{
  width:min(520px,70vw)!important;
  padding:18px 24px 58px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.desktop-view.idle-workspace .desktop-idle::before,
.desktop-view.idle-workspace .desktop-idle::after{display:none!important}
.desktop-view.idle-workspace .desktop-idle-mark{
  display:inline-flex!important;
  width:auto!important;
  padding:6px 10px!important;
  border-radius:9px!important;
  background:rgba(8,9,12,.42)!important;
  border:1px solid rgba(255,255,255,.055)!important;
}
.desktop-view.idle-workspace .desktop-idle>b{
  margin-top:12px!important;
  font-size:24px!important;
  letter-spacing:-.025em!important;
}
.desktop-view.idle-workspace .desktop-idle p{
  margin:6px 0 0!important;
  font-size:11px!important;
}
.desktop-view.idle-workspace .desktop-idle small{
  display:none!important;
}
.desktop-view.idle-workspace .desktop-idle-meta{
  margin-top:9px!important;
  font-size:8px!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}

/* V5020 fullscreen-safe menu */
.desktop-view .pixel-stage > .desktop-menu{
  position:absolute!important;
  z-index:80!important;
  left:50%!important;
  bottom:47px!important;
  top:auto!important;
}
.desktop-view.menu-open .pixel-stage > .desktop-menu{
  pointer-events:auto!important;
}
.pixeld-bottom-dock{pointer-events:auto!important}
.pixeld-bottom-dock button{pointer-events:auto!important;touch-action:manipulation}

.pixeld-policy-select{
  width:100%;height:30px;margin:4px 0 5px;padding:0 9px;
  border:1px solid rgba(255,255,255,.09);border-radius:8px;
  background:rgba(255,255,255,.045);color:#eef1f5;
  font-size:9px;font-weight:650;outline:none
}
.pixeld-policy-select:focus{border-color:rgba(186,62,97,.55)}

.desktop-view .pixel-stage .hold-frame{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:6!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  background:#000!important;
}
.desktop-view .pixel-stage .hold-frame.active{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

/* V5031 Motion presentation: decoded video is never shown directly. */
.desktop-view #linuxVideo{
  display:block!important;
  visibility:hidden!important;
  opacity:0!important;
  z-index:0!important;
  pointer-events:none!important;
}
.desktop-view .pixel-stage .motion-frame{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#030304!important;
  image-rendering:auto;
  pointer-events:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  z-index:1!important;
}
.desktop-view .pixel-stage[data-stream="video"] #motionCanvas{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:3!important;
}
.desktop-view .pixel-stage[data-stream="video"] #pixelCanvas{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
.desktop-view .pixel-stage[data-stream="pixeld"] #motionCanvas{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}


.auth-modal{
  position:fixed;inset:0;z-index:220;display:none;place-items:center;
  padding:28px;
  background:
    radial-gradient(circle at 19% 24%,rgba(255,255,255,.94),rgba(255,255,255,0) 34%),
    radial-gradient(circle at 76% 76%,rgba(0,110,112,.10),rgba(0,110,112,0) 34%),
    linear-gradient(145deg,#eef1ef 0%,#e5e9e7 48%,#dfe4e1 100%);
  color:#152021;
}
.auth-modal::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.26;
  background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.3),transparent 78%);
}
.auth-modal.open{display:grid}
.auth-modal form{
  position:relative;z-index:1;
  width:min(820px,calc(100vw - 44px));min-height:470px;
  display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;
  border:1px solid rgba(255,255,255,.82);border-radius:30px;
  background:rgba(246,248,247,.72);
  box-shadow:0 36px 120px rgba(50,67,66,.17),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(26px) saturate(120%);
}
.auth-identity{
  position:relative;display:flex;flex-direction:column;justify-content:space-between;
  padding:42px 42px 36px;
  border-right:1px solid rgba(90,110,108,.10);
  background:
    radial-gradient(circle at 68% 72%,rgba(0,112,113,.14),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.56),rgba(237,242,240,.32));
  overflow:hidden;
}
.auth-identity::after{
  content:"";position:absolute;width:250px;height:250px;right:-72px;bottom:-95px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,91,94,.16),rgba(0,91,94,0) 68%);filter:blur(8px)
}
.pixeld-glass-mark{position:relative;width:255px;height:260px;margin:5px 0 0 4px;filter:drop-shadow(0 14px 22px rgba(32,66,65,.09))}
.pixeld-glass-mark i{position:absolute;display:block;background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(243,247,245,.76) 63%,rgba(4,97,99,.72) 100%);border:1px solid rgba(255,255,255,.86);box-shadow:inset 0 1px 3px rgba(255,255,255,.9),0 3px 10px rgba(30,64,63,.08)}
.mark-stem{left:12px;top:78px;width:62px;height:148px;border-radius:0 0 28px 28px}
.mark-loop{left:72px;top:24px;width:170px;height:175px;border-radius:0 88px 88px 0;border-left-width:0!important}
.mark-loop::after{content:"";position:absolute;left:0;top:49px;width:113px;height:82px;border-radius:0 45px 45px 0;background:rgba(237,241,239,.86);box-shadow:inset 0 0 0 1px rgba(81,105,102,.08)}
.mark-foot{left:74px;top:148px;width:166px;height:48px;border-radius:24px;background:linear-gradient(90deg,rgba(0,93,95,.78),rgba(255,255,255,.60))}
.auth-kicker,.auth-eyebrow{font-size:10px;letter-spacing:.20em;font-weight:800;color:#55716f}
.auth-product{margin-top:7px;font-size:31px;line-height:1;font-weight:720;letter-spacing:-.04em;color:#142021}
.auth-identity-copy p{margin:8px 0 0;font-size:12px;color:#6d7c79}
.auth-login{display:flex;flex-direction:column;justify-content:center;padding:42px 48px;background:rgba(255,255,255,.40)}
.auth-login h2{font-size:28px;line-height:1.1;margin:12px 0 8px;color:#111b1b;letter-spacing:-.035em}
.auth-login>p{font-size:12px;line-height:1.5;color:#697775;margin:0 0 27px}
.auth-login label{display:block;margin:0 0 15px;font-size:10px;font-weight:700;color:#4c5c5a}
.auth-login label span{display:block;margin-bottom:7px}
.auth-login input{
  display:block;width:100%;height:46px;padding:0 14px;
  border:1px solid rgba(68,92,89,.18);border-radius:12px;
  background:rgba(255,255,255,.72);color:#112020;outline:none;
  font:inherit;font-size:13px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.auth-login input:focus{border-color:rgba(0,111,113,.55);background:#fff;box-shadow:0 0 0 4px rgba(0,111,113,.08)}
.auth-error{min-height:19px;margin:-4px 0 8px;font-size:10px;color:#9b2f4d}
.auth-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:3px}
.auth-actions button{height:40px;padding:0 16px;border-radius:11px;border:1px solid rgba(54,77,74,.16);background:rgba(255,255,255,.58);color:#42504e;font-weight:700;font-size:11px;cursor:pointer}
.auth-actions button:hover{background:#fff}
.auth-actions button[type="submit"]{min-width:116px;border-color:#0d6768;background:linear-gradient(180deg,#147b7c,#075b5d);color:white;box-shadow:0 8px 20px rgba(5,86,88,.18)}
.auth-trust{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:18px;font-size:9px;color:#81908d}
.auth-trust i{width:6px;height:6px;border-radius:50%;background:#168487;box-shadow:0 0 0 4px rgba(22,132,135,.09)}
@media(max-width:720px){
  .auth-modal{padding:16px}
  .auth-modal form{grid-template-columns:1fr;width:min(430px,calc(100vw - 24px));min-height:0;border-radius:24px}
  .auth-identity{min-height:190px;padding:24px;border-right:0;border-bottom:1px solid rgba(90,110,108,.10)}
  .pixeld-glass-mark{position:absolute;right:12px;top:3px;transform:scale(.53);transform-origin:top right}
  .auth-identity-copy{margin-top:88px}
  .auth-login{padding:30px 26px 26px}
}

.auth-logo-wrap{
  width:122px;height:122px;display:grid;place-items:center;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(7,73,75,.96),rgba(10,111,113,.84));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 18px 48px rgba(17,82,82,.16),inset 0 1px 0 rgba(255,255,255,.30);
}
.auth-logo{
  width:86px;height:auto;display:block;object-fit:contain;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.10));
}

.pixeld-glass-mark{display:none!important}

/* PixelD 5040 — blue/silver boot + popup authentication */
.linux-boot{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.92),rgba(255,255,255,0) 34%),
    radial-gradient(circle at 78% 72%,rgba(54,104,190,.18),rgba(54,104,190,0) 38%),
    linear-gradient(145deg,#eef3f8 0%,#e7edf5 46%,#dce5f0 100%)!important;
  color:#17263a!important;
}
.linux-boot::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);
  background-size:46px 46px;
  opacity:.30;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.32),transparent 78%);
}
.linux-boot>*{position:relative;z-index:1}
.linux-boot-logo{
  padding:13px 18px;border-radius:18px;
  background:linear-gradient(145deg,rgba(41,76,137,.94),rgba(62,109,188,.84));
  border:1px solid rgba(255,255,255,.76);
  box-shadow:0 16px 46px rgba(53,79,118,.16),inset 0 1px 0 rgba(255,255,255,.30);
}
.linux-boot-logo img{width:88px!important;opacity:1!important}
.linux-boot-logo span{color:#fff;font-size:15px!important;font-weight:690!important}
.linux-boot-kicker{color:#607793!important}
.linux-boot>b{color:#17263a!important}
.linux-boot p{color:#66788d!important}
.linux-boot small{color:#6e7d90!important}
.linux-boot-ring i{border-color:rgba(66,93,132,.13)!important}
.linux-boot-ring i:nth-child(1){border-top-color:#4a78c4!important}
.linux-boot-ring i:nth-child(2){border-right-color:#7498d2!important}
.linux-boot-ring i:nth-child(3){border-bottom-color:#315eaa!important}
.linux-boot-progress{background:rgba(57,84,122,.11)!important}
.linux-boot-progress i{
  background:linear-gradient(90deg,#315ea9,#4f7fc9,#7aa0db,#315ea9)!important;
  box-shadow:0 0 18px rgba(67,112,190,.18);
}
.linux-boot-footer{color:#738296!important}

/* Login is only a modal popup; keep blue/silver language consistent with boot. */
.auth-modal{
  background:
    radial-gradient(circle at 17% 18%,rgba(255,255,255,.95),rgba(255,255,255,0) 34%),
    radial-gradient(circle at 79% 76%,rgba(63,109,188,.16),rgba(63,109,188,0) 36%),
    linear-gradient(145deg,#eef3f8 0%,#e5ecf5 50%,#dbe5f1 100%)!important;
}
.auth-identity{
  background:
    radial-gradient(circle at 68% 72%,rgba(61,108,190,.14),transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.62),rgba(232,239,248,.40))!important;
}
.auth-logo-wrap{
  background:linear-gradient(145deg,rgba(43,76,136,.97),rgba(62,108,187,.88))!important;
  box-shadow:0 18px 48px rgba(48,75,119,.17),inset 0 1px 0 rgba(255,255,255,.30)!important;
}
.auth-kicker,.auth-eyebrow{color:#607793!important}
.auth-login input:focus{
  border-color:rgba(67,111,187,.60)!important;
  box-shadow:0 0 0 4px rgba(67,111,187,.09)!important;
}
.auth-actions button[type="submit"]{
  border-color:#365f9f!important;
  background:linear-gradient(180deg,#4e7fc9,#315fa8)!important;
  box-shadow:0 8px 20px rgba(49,94,168,.19)!important;
}
.auth-trust i{
  background:#4d7fc9!important;
  box-shadow:0 0 0 4px rgba(77,127,201,.10)!important;
}

/* PixelD 5041 — locked shell is welcome-first, never black. */
.desktop-view.auth-locked .pixel-stage{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.94),rgba(255,255,255,0) 32%),
    radial-gradient(circle at 78% 76%,rgba(59,103,183,.15),rgba(59,103,183,0) 36%),
    linear-gradient(145deg,#eef3f8 0%,#e6edf6 50%,#dce6f1 100%)!important;
}
.desktop-view.auth-locked #pixelCanvas,
.desktop-view.auth-locked #linuxVideo,
.desktop-view.auth-locked #motionCanvas,
.desktop-view.auth-locked #holdCanvas{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
.desktop-view.auth-locked .desktop-idle{
  z-index:8!important;
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  color:#18283d!important;
  background:
    radial-gradient(circle at 50% 40%,rgba(255,255,255,.72),rgba(255,255,255,0) 34%),
    linear-gradient(145deg,rgba(247,250,253,.54),rgba(225,234,246,.24))!important;
}
.desktop-view.auth-locked .desktop-idle::before,
.desktop-view.auth-locked .desktop-idle::after{opacity:.22!important}
.desktop-view.auth-locked .desktop-idle-mark{
  background:linear-gradient(145deg,rgba(43,76,136,.97),rgba(62,108,187,.88))!important;
  border-color:rgba(255,255,255,.78)!important;
}
.desktop-view.auth-locked .desktop-idle-mark span,
.desktop-view.auth-locked .desktop-idle>b{color:#18283d!important}
.desktop-view.auth-locked .desktop-idle p{color:#65778e!important}
.desktop-view.auth-locked .desktop-idle small,
.desktop-view.auth-locked .desktop-idle-meta{color:#718298!important}

/* PixelD 5043 — auth-locked surfaces must never cover welcome. */
body.desktop-view.auth-locked .pixel-stage[data-stream] #pixelCanvas,
body.desktop-view.auth-locked .pixel-stage[data-stream] #linuxVideo,
body.desktop-view.auth-locked .pixel-stage[data-stream] #motionCanvas,
body.desktop-view.auth-locked .pixel-stage[data-stream] #holdCanvas{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.desktop-view.auth-locked .pixel-stage #desktopIdle{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:20!important;
}

/* PixelD 5045 — aurora product shell inspired by the approved reference.
   Stream pixels remain neutral; this styling applies only to boot/welcome/auth chrome. */
.linux-boot,
.desktop-view.auth-locked .pixel-stage{
  background:
    radial-gradient(ellipse at 8% 8%,rgba(86,112,255,.72) 0%,rgba(86,112,255,0) 34%),
    radial-gradient(ellipse at 32% 14%,rgba(239,146,205,.62) 0%,rgba(239,146,205,0) 36%),
    radial-gradient(ellipse at 70% 4%,rgba(130,224,218,.65) 0%,rgba(130,224,218,0) 38%),
    radial-gradient(ellipse at 84% 46%,rgba(247,225,132,.55) 0%,rgba(247,225,132,0) 36%),
    radial-gradient(ellipse at 38% 72%,rgba(255,174,123,.62) 0%,rgba(255,174,123,0) 40%),
    linear-gradient(145deg,#eef2f7 0%,#e9edf2 46%,#e3e8ee 100%)!important;
  color:#101418!important;
}
.linux-boot::after,
.desktop-view.auth-locked .pixel-stage::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(rgba(255,255,255,.34) .7px,transparent .9px);
  background-size:4px 4px;opacity:.18;mix-blend-mode:soft-light;
}
.linux-boot>*,
.desktop-view.auth-locked .pixel-stage>*{position:relative;z-index:1}

.linux-boot-logo{
  display:flex!important;align-items:center!important;gap:10px!important;
  padding:11px 16px!important;border-radius:18px!important;
  background:rgba(8,10,14,.90)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 48px rgba(10,14,22,.18),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
}
.linux-boot-logo img{width:84px!important;height:auto!important}
.linux-boot-logo span{
  color:#fff!important;font-size:15px!important;font-weight:780!important;
  letter-spacing:-.025em!important;line-height:1!important;
}
.linux-boot-kicker{color:#566274!important;font-weight:780!important}
.linux-boot>b{color:#11161d!important;font-weight:720!important;letter-spacing:-.025em!important}
.linux-boot p{color:#5f6977!important}
.linux-boot small,.linux-boot-footer{color:#707a86!important}
.linux-boot-progress{background:rgba(12,17,25,.10)!important}
.linux-boot-progress i{
  background:linear-gradient(90deg,#5b6fe9,#c871cf,#f39a6d,#72cfd3,#5b6fe9)!important;
  box-shadow:0 0 20px rgba(91,111,233,.22)!important;
}
.linux-boot-ring i{border-color:rgba(13,18,28,.10)!important}
.linux-boot-ring i:nth-child(1){border-top-color:#596fea!important}
.linux-boot-ring i:nth-child(2){border-right-color:#cf75c3!important}
.linux-boot-ring i:nth-child(3){border-bottom-color:#5cc8ce!important}

/* Welcome authority while locked: no black canvas. */
body.desktop-view.auth-locked .pixel-stage #desktopIdle{
  color:#11161d!important;
  background:rgba(248,250,252,.22)!important;
  backdrop-filter:blur(3px) saturate(110%)!important;
}
body.desktop-view.auth-locked .desktop-idle-mark{
  display:flex!important;align-items:center!important;gap:10px!important;
  padding:11px 15px!important;border-radius:18px!important;
  background:rgba(8,10,14,.90)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 16px 42px rgba(9,13,20,.16)!important;
}
body.desktop-view.auth-locked .desktop-idle-mark img{width:82px!important}
body.desktop-view.auth-locked .desktop-idle-mark span{
  color:#fff!important;font-size:15px!important;font-weight:780!important;letter-spacing:-.025em!important;
}
body.desktop-view.auth-locked .desktop-idle>b{color:#11161d!important;font-weight:720!important}
body.desktop-view.auth-locked .desktop-idle p{color:#596574!important}
body.desktop-view.auth-locked .desktop-idle small,
body.desktop-view.auth-locked .desktop-idle-meta{color:#6b7787!important}

/* Bottom dock remains the constant PixelD control surface. */
.pixeld-bottom-dock{
  background:rgba(6,8,12,.92)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(22px) saturate(120%)!important;
}
.pixeld-bottom-dock .dock-brand span{
  color:#f8fafc!important;font-weight:780!important;letter-spacing:-.025em!important;
}
.pixeld-bottom-dock button{color:#cbd1da!important;font-weight:680!important}
.pixeld-bottom-dock button.active,
.pixeld-bottom-dock .stream-choice.active{
  background:rgba(255,255,255,.13)!important;color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;
}

/* Login remains popup-only: compact dark glass card over the aurora shell. */
.auth-modal{
  background:rgba(232,237,244,.46)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
}
.auth-modal form{
  width:min(720px,calc(100vw - 36px))!important;min-height:390px!important;
  grid-template-columns:.95fr 1.05fr!important;
  border-radius:28px!important;
  background:rgba(12,14,19,.94)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 34px 110px rgba(13,17,25,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:#f7f9fc!important;
}
.auth-identity{
  background:
    radial-gradient(circle at 30% 25%,rgba(100,124,239,.25),transparent 35%),
    radial-gradient(circle at 75% 70%,rgba(204,111,193,.20),transparent 37%),
    linear-gradient(155deg,rgba(24,28,38,.95),rgba(12,14,19,.92))!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
}
.auth-logo-wrap{
  width:116px!important;height:116px!important;border-radius:26px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.auth-logo{width:82px!important}
.auth-kicker,.auth-eyebrow{color:#9aa8be!important}
.auth-product{color:#fff!important;font-weight:780!important;letter-spacing:-.035em!important}
.auth-identity-copy p,.auth-login>p{color:#9ba6b6!important}
.auth-login{background:rgba(8,10,14,.34)!important}
.auth-login h2{color:#fff!important}
.auth-login label{color:#bdc6d2!important}
.auth-login input{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;border-color:rgba(255,255,255,.12)!important;
}
.auth-login input:focus{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(111,137,240,.66)!important;
  box-shadow:0 0 0 4px rgba(111,137,240,.10)!important;
}
.auth-actions button{background:rgba(255,255,255,.07)!important;color:#dce2ea!important;border-color:rgba(255,255,255,.11)!important}
.auth-actions button[type="submit"]{
  background:linear-gradient(90deg,#586fe3,#8b69dc)!important;
  border-color:rgba(127,113,231,.75)!important;color:#fff!important;
  box-shadow:0 9px 22px rgba(91,111,227,.22)!important;
}
.auth-trust{color:#8691a0!important}.auth-trust i{background:#6f86ef!important}
@media(max-width:720px){
  .auth-modal form{grid-template-columns:1fr!important}
  .auth-identity{min-height:160px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
}

/* PixelD 5046 — readable 4K typography authority. */
html,body{font-size:18px!important}

.linux-boot-logo span{font-size:18px!important}
.linux-boot-kicker{font-size:12px!important}
.linux-boot>b{font-size:30px!important;line-height:1.14!important}
.linux-boot p{font-size:15px!important;line-height:1.5!important}
.linux-boot small{font-size:13px!important;line-height:1.5!important}
.linux-boot-footer{font-size:12px!important}

.desktop-idle-mark span,
body.desktop-view.auth-locked .desktop-idle-mark span{font-size:18px!important}
.desktop-idle>b,
body.desktop-view.auth-locked .desktop-idle>b{font-size:32px!important;line-height:1.16!important}
.desktop-idle p,
body.desktop-view.auth-locked .desktop-idle p{font-size:16px!important;line-height:1.5!important}
.desktop-idle small,
body.desktop-view.auth-locked .desktop-idle small{font-size:13px!important;line-height:1.55!important}
.desktop-idle-meta,
body.desktop-view.auth-locked .desktop-idle-meta{font-size:12px!important}

.pixeld-bottom-dock{min-height:46px!important;padding:5px 7px!important;gap:3px!important}
.pixeld-bottom-dock button{font-size:12px!important;padding:0 12px!important;min-height:36px!important}
.pixeld-bottom-dock .dock-brand span{font-size:12px!important}
.pixeld-bottom-dock .dock-brand img{width:48px!important}

.desktop-menu{font-size:14px!important}
.desktop-menu-head b{font-size:17px!important}
.desktop-menu-head span{font-size:12px!important}
.desktop-menu-section>span,.menu-profile-note{font-size:12px!important}
.menu-app-grid button b{font-size:13px!important}
.menu-app-grid button span{font-size:11px!important}
.preset-group>span{font-size:11px!important}
.preset-group button{font-size:12px!important}
.window-item b{font-size:13px!important}
.window-item span,.window-empty{font-size:11px!important}

.desktop-view .perf-panel header span{font-size:10px!important}
.desktop-view .perf-panel header b{font-size:16px!important}
.desktop-view .perf-grid span{font-size:10px!important}
.desktop-view .perf-grid b{font-size:13px!important}
.desktop-view .perf-note b{font-size:12px!important}
.desktop-view .perf-note span{font-size:11px!important;line-height:1.5!important}
.desktop-view #benchmarkResult{font-size:11px!important;line-height:1.5!important}
.desktop-view .kv span,.desktop-view .feature-row span,
.desktop-view .kv b,.desktop-view .feature-row b{font-size:12px!important}
.desktop-view .small-note{font-size:12px!important;line-height:1.5!important}
.desktop-view .settings-form label{font-size:11px!important}
.desktop-view .settings-form select{font-size:12px!important}
.desktop-view .btn{font-size:11px!important}

.auth-kicker,.auth-eyebrow{font-size:12px!important}
.auth-product{font-size:36px!important}
.auth-identity-copy p{font-size:14px!important}
.auth-login h2{font-size:32px!important}
.auth-login>p{font-size:14px!important}
.auth-login label{font-size:12px!important}
.auth-login input{font-size:15px!important;height:48px!important}
.auth-error{font-size:12px!important}
.auth-actions button{font-size:13px!important;height:42px!important}
.auth-trust{font-size:11px!important}

#toast{font-size:12px!important}

@media(max-width:720px){
  .pixeld-bottom-dock button{font-size:11px!important;padding:0 9px!important}
  .pixeld-bottom-dock .dock-brand span{display:none!important}
  .auth-login h2{font-size:28px!important}
  .desktop-idle>b{font-size:28px!important}
}
/* PixelD 5047 — unified single boot + production shell. */
.desktop-view .app-shell,
.desktop-view .workspace,
.desktop-view .stage-panel,
.desktop-view .pixel-stage{
  width:100%!important;
  max-width:none!important;
}
.desktop-view .pixel-stage{inset:0!important}

/* One boot experience only. The same background remains after boot; no second welcome card. */
body.desktop-view.auth-locked .desktop-idle{display:none!important}
body.desktop-view.auth-locked .pixel-stage{
  background:
    radial-gradient(ellipse at 8% 8%,rgba(86,112,255,.72) 0%,rgba(86,112,255,0) 34%),
    radial-gradient(ellipse at 32% 14%,rgba(239,146,205,.62) 0%,rgba(239,146,205,0) 36%),
    radial-gradient(ellipse at 70% 4%,rgba(130,224,218,.65) 0%,rgba(130,224,218,0) 38%),
    radial-gradient(ellipse at 84% 46%,rgba(247,225,132,.55) 0%,rgba(247,225,132,0) 36%),
    radial-gradient(ellipse at 38% 72%,rgba(255,174,123,.62) 0%,rgba(255,174,123,0) 40%),
    linear-gradient(145deg,#eef2f7 0%,#e9edf2 46%,#e3e8ee 100%)!important;
}
body.desktop-view.auth-locked .pixel-stage::before{
  content:"AIOTOR  PixelD";
  position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);
  z-index:2;color:rgba(18,23,32,.42);font-size:28px;font-weight:780;letter-spacing:-.035em;
  pointer-events:none;white-space:nowrap;
}
body.desktop-view.auth-locked .pixel-stage::after{
  content:"Select Apps or a protected control to unlock your workspace";
  position:absolute;left:50%;top:calc(48% + 38px);transform:translateX(-50%);
  z-index:2;color:rgba(38,47,61,.58);font-size:13px;font-weight:600;
  pointer-events:none;white-space:nowrap;
}

/* Session controls appear only while authenticated. */
.session-signout,.session-timeout-note{display:block!important}
body.auth-locked .session-signout,
body.auth-locked .session-timeout-note{display:none!important}
.session-signout{color:#ffc4cf!important;border-color:rgba(255,112,139,.20)!important}
.session-signout:hover{background:rgba(255,83,118,.10)!important;color:#fff!important}

/* Overlays never reserve desktop width. */
.desktop-view .right-panel{
  width:min(420px,calc(100vw - 28px))!important;
  position:absolute!important;
}
.settings-form .preset-group label b{font-size:13px!important}
.settings-form .small-note{font-size:12px!important}