:root{--mac-radius:11px}*{box-sizing:border-box}:is(html:has(.lab-desktop),body:has(.lab-desktop)){height:100%;margin:0}body:has(.lab-desktop){-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.lab-desktop{background-color:#4a63d8;background-image:url(/desktop-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.app-window{border-radius:var(--mac-radius);background:#fff;flex:none;animation:.22s ease-out app-window-in;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #00000047,0 10px 24px #00000038,0 42px 90px #0000006b}@keyframes app-window-in{0%{opacity:0}to{opacity:1}}.app-window{transform-origin:50%}.app-window [data-testid=main-app-root]{width:100%!important;height:100%!important}body>.fixed.inset-0,body>.detail-dialog-backdrop,body>.compact-dialog-backdrop,body>.ftour-backdrop,body>.tut-backdrop{left:var(--win-ux,0);top:var(--win-uy,0);width:var(--win-uw,100vw);height:var(--win-uh,100vh);transform:scale(var(--win-scale,1));transform-origin:50%;border-radius:var(--mac-radius);align-items:flex-start;position:fixed;bottom:auto;right:auto;overflow:hidden auto}body>.ftour-backdrop{align-items:center;overflow-y:hidden}body>.detail-dialog-backdrop,body>.compact-dialog-backdrop{align-items:safe center}body>.fixed.inset-0>.absolute.inset-0{position:fixed;inset:0}.app-window .fixed.inset-0{align-items:flex-start;overflow:hidden auto}.mac-traffic{z-index:60;pointer-events:none;gap:8px;display:flex;position:absolute;top:19px;left:20px}.mac-traffic span{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #00000024}.mac-traffic span:first-child{background:#ff5f57}.mac-traffic span:nth-child(2){background:#febc2e}.mac-traffic span:nth-child(3){background:#28c840}.lab-controls{z-index:100;opacity:.6;flex-direction:column;align-items:center;gap:8px;transition:opacity .18s;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.lab-controls:hover{opacity:1}.lab-versions{z-index:100;opacity:.6;transition:opacity .18s;position:fixed;top:14px;left:14px}.lab-versions:hover{opacity:1}.lab-versions,.lab-switch,.lab-steps{-webkit-backdrop-filter:blur(18px)saturate(150%);background:#16161c6b;border-radius:11px;gap:2px;padding:3px;display:flex;box-shadow:inset 0 0 0 .5px #ffffff29,0 6px 20px #00000047}.lab-versions button,.lab-switch button,.lab-steps button{appearance:none;cursor:pointer;font:inherit;letter-spacing:-.01em;color:#ffffffb8;background:0 0;border:0;border-radius:8px;padding:5px 14px;font-size:12.5px;font-weight:500;transition:background .16s,color .16s}.lab-steps button{padding:4px 11px;font-size:12px}.lab-versions button:hover,.lab-switch button:hover,.lab-steps button:hover{color:#fff}.lab-versions button[data-active=true],.lab-switch button[data-active=true],.lab-steps button[data-active=true]{color:#16161c;background:#fff}.lab-desktop--journey{padding-top:190px;padding-bottom:70px}.lab-journey-row{align-items:center;gap:8px;display:flex}.lab-journey-label{text-align:right;letter-spacing:.06em;text-transform:uppercase;color:#ffffffd1;text-shadow:0 1px 6px #00000073;min-width:56px;font-size:10.5px;font-weight:600}.app-window .brandauth-stage,.app-window .brandact-stage{width:100%!important;height:100%!important}.lab-panel{z-index:120;flex-direction:column;align-items:flex-start;gap:8px;font-size:12.5px;display:flex;position:fixed;bottom:14px;left:14px}.lab-panel-chip{appearance:none;cursor:pointer;font:inherit;color:#fffc;-webkit-backdrop-filter:blur(18px)saturate(150%);opacity:.6;background:#16161c6b;border:0;border-radius:11px;padding:7px 14px;font-weight:500;transition:opacity .18s;box-shadow:inset 0 0 0 .5px #ffffff29,0 6px 20px #00000047}.lab-panel-chip:hover,.lab-panel[data-open=true] .lab-panel-chip{opacity:1;color:#fff}.lab-panel-body{color:#ffffffd9;-webkit-backdrop-filter:blur(20px)saturate(150%);background:#16161c8c;border-radius:14px;width:230px;padding:12px 14px;box-shadow:inset 0 0 0 .5px #ffffff29,0 10px 32px #00000059}.lab-panel-title{color:#fff;margin-bottom:2px;font-weight:600}.lab-panel-section{letter-spacing:.06em;text-transform:uppercase;color:#fff6;margin-top:10px;margin-bottom:4px;font-size:10.5px}.lab-panel-row{cursor:pointer;align-items:center;gap:7px;padding:3px 0;display:flex}.lab-panel-row input{accent-color:#fff}.lab-panel-hint{color:#ffffff61;margin-left:auto;font-size:11px}.lab-panel-actions{flex-wrap:wrap;gap:5px;display:flex}.lab-panel-actions button{appearance:none;cursor:pointer;font:inherit;color:#fffc;background:#ffffff1a;border:0;border-radius:8px;padding:5px 10px;font-size:11.5px;font-weight:500;transition:background .15s}.lab-panel-actions button:hover{color:#fff;background:#ffffff38}.lab-panel-actions button[data-active=true]{color:#16161c;background:#fff}.lab-panel-note{color:#ffffff59;margin-top:10px;font-size:10.5px}
