.workspace-dot.is-trailing{border:1px dashed rgba(255,255,255,.14);color:#8b9ab0}.task-button.is-minimized-task{opacity:.55}.window-layer{position:absolute;inset:0;z-index:10;pointer-events:none}.window-layer .desktop-window{left:0;top:0;pointer-events:auto;will-change:transform,width,height;transition:transform var(--motion-duration) cubic-bezier(.2,.8,.2,1),width var(--motion-duration) cubic-bezier(.2,.8,.2,1),height var(--motion-duration) cubic-bezier(.2,.8,.2,1),opacity var(--motion-duration),box-shadow var(--motion-duration),border-color var(--motion-duration)}.window-layer .desktop-window[hidden]{display:none}.window-layer .desktop-window.is-layout-managed .window-titlebar{cursor:default}.window-content{flex:1;min-height:0;overflow:hidden;display:flex}.window-content>.simulator-app{flex:1;min-width:0;min-height:0}.window-resize-handle{position:absolute;right:0;bottom:0;width:26px;height:26px;cursor:nwse-resize;touch-action:none}.window-resize-handle::after{content:'';position:absolute;right:6px;bottom:6px;width:8px;height:8px;border-right:2px solid rgba(255,255,255,.28);border-bottom:2px solid rgba(255,255,255,.28)}.desktop-window.is-layout-managed .window-resize-handle{display:none}.terminal-dot{background:linear-gradient(145deg,#474f65,#171d2c)}.browser-dot{background:linear-gradient(145deg,#78aefc,#765ed7)}.code-dot{background:linear-gradient(145deg,#6995dc,#3d65a7)}.terminal-app{display:flex;flex-direction:column;background:rgba(5,9,16,.72);color:#cbd8eb;font:14px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;padding:16px}.terminal-output{flex:1;min-height:0;overflow:auto;white-space:pre-wrap}.term-accent,.term-user{color:var(--accent)}.terminal-prompt{display:flex;align-items:center;gap:6px}.terminal-prompt input{flex:1;border:0;outline:0;background:transparent;color:#eaf1fb;font:inherit;min-width:0}.term-path{color:#7dd3fc}.browser-app{display:flex;flex-direction:column;background:rgba(14,21,34,.82)}.browser-toolbar{display:flex;gap:7px;align-items:center;padding:9px;border-bottom:1px solid rgba(255,255,255,.06)}.browser-toolbar button,.browser-tabs button{border:0;background:rgba(255,255,255,.06);color:#c6d1e3;border-radius:8px;padding:7px 10px}.browser-address{flex:1;display:flex;gap:7px;align-items:center;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2);border-radius:9px;padding:0 10px}.browser-address input{flex:1;height:32px;border:0;outline:0;background:transparent;color:#dae4f3}.browser-tabs{display:flex;gap:4px;padding:6px 9px;background:rgba(0,0,0,.15)}.browser-tabs button.is-active{background:rgba(255,255,255,.1)}.browser-page{flex:1;overflow:auto;padding:36px}.browser-hero{max-width:680px;margin:70px auto;text-align:center}.browser-hero h2{font-size:36px;margin:16px 0 8px}.browser-hero p{color:#8998ae}.browser-hero button{margin:8px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.06);color:white;border-radius:10px;padding:10px 16px}.editor-app{display:flex;background:rgba(10,16,27,.88)}.editor-sidebar{width:190px;padding:14px;background:rgba(5,9,17,.35);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:7px}.editor-sidebar strong{font-size:10px;color:#728198}.editor-sidebar button{border:0;background:transparent;color:#aebbd0;text-align:left;padding:7px;border-radius:7px}.editor-main{flex:1;display:flex;flex-direction:column;min-width:0}.editor-tab{height:38px;padding:0 14px;display:flex;align-items:center;background:rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}.editor-content{flex:1;margin:0;padding:20px;overflow:auto;color:#c9d6e8;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.layout-transition-preview,.snap-preview{position:absolute;z-index:450;pointer-events:none;opacity:0;transition:opacity .14s ease}.layout-transition-preview.is-visible,.snap-preview.is-visible{opacity:1}.snap-preview{border:2px solid color-mix(in srgb,var(--accent) 75%,white 10%);background:color-mix(in srgb,var(--accent) 18%,transparent);border-radius:var(--window-radius)}.layout-transition-preview{inset:0}.transition-ghost{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 70%,white 10%);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:var(--window-radius)}.stack-tabs-slot:empty{display:none}.stack-tabs{display:flex;gap:4px;padding:4px 8px 5px;background:rgba(3,7,13,.28);border-bottom:1px solid rgba(255,255,255,.055);overflow-x:auto}.stack-tab-wrap{display:flex;background:rgba(255,255,255,.035);border-radius:8px;overflow:hidden}.stack-tab,.stack-detach{height:28px;border:0;background:transparent;color:#8392a9;font-size:9px}.stack-tab{padding:0 10px}.stack-tab.is-active{background:color-mix(in srgb,var(--accent) 17%,transparent);color:#edf3fc}.stack-detach{width:26px}.fake-file-row{width:100%;height:53px;border:0;border-bottom:1px solid rgba(255,255,255,.045);background:transparent;color:#79889e;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;text-align:left}.file-preview{padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(0,0,0,.15)}.browser-document{max-width:680px;margin:54px auto;color:#cbd7e8;line-height:1.65}.host-floating-toolbar{position:fixed;z-index:5000;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%,-12px);display:flex;align-items:center;gap:6px;padding:7px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(9,14,24,.78);backdrop-filter:blur(22px);opacity:0;pointer-events:none;transition:.18s}.host-floating-toolbar.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.app-shell.is-focus-mode .host-toolbar,.app-shell.is-fullscreen-mode .host-toolbar{display:none}.app-shell.is-focus-mode,.app-shell.is-fullscreen-mode{height:100dvh}.app-shell.is-focus-mode .playground-layout,.app-shell.is-fullscreen-mode .playground-layout{height:100%}.app-shell.is-focus-mode .viewport-hint,.app-shell.is-fullscreen-mode .viewport-hint{display:none}.app-shell.is-focus-mode .viewport-shell,.app-shell.is-fullscreen-mode .viewport-shell{height:100%}.virtual-monitor.is-manipulating-effects{--panel-blur:8px!important;--window-blur:8px!important}.overview-overlay{position:absolute;inset:0;z-index:850;padding:86px 78px 118px;background:rgba(5,9,16,.64);backdrop-filter:blur(26px);opacity:0;pointer-events:none;transition:opacity var(--motion-duration)}.overview-overlay.is-open{opacity:1;pointer-events:auto}.overview-header{height:64px;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.overview-header>div{display:flex;align-items:center;gap:12px}.overview-header>button{width:42px;height:42px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.05);color:#d7e0ed}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.overview-workspace{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(13,19,30,.64);padding:14px}.overview-workspace.is-active{border-color:var(--accent)}.overview-workspace.is-trailing{border-style:dashed}.overview-workspace header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.overview-mini-desktop{aspect-ratio:16/9;border-radius:13px;background:linear-gradient(160deg,#17263f,#08111e);padding:10px;display:flex;flex-wrap:wrap;gap:7px;overflow:hidden}.overview-window-pill{min-width:110px;max-width:48%;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(22,30,46,.78);color:#d4deec;text-align:left;padding:7px 9px;display:grid}.sim-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}.sim-button-grid button{min-height:32px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.045);color:#b8c4d6;font-size:9px;padding:5px 7px}.sim-button-grid .danger-soft{color:#eaa5ad;border-color:rgba(232,112,124,.18);background:rgba(180,60,72,.08)}@media (orientation:landscape) and (max-height:560px){.host-toolbar{height:48px;flex-basis:48px}.host-brand{display:none}.viewport-controls{width:100%;justify-content:center}.viewport-hint{display:none}.design-lab{top:6px;bottom:6px;right:6px;width:min(320px,46vw)}}@media(max-width:900px){.app-shell.is-focus-mode .design-lab,.app-shell.is-fullscreen-mode .design-lab{top:max(58px,env(safe-area-inset-top));bottom:8px}.host-floating-toolbar{max-width:calc(100vw - 20px)}}