.studio-experience-dock{width:max-content;max-width:calc(100% - 24px);bottom:max(14px, env(safe-area-inset-bottom));z-index:40;color:#d8dce6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#1c1e25db;border:1px solid #ffffff24;border-radius:20px;align-items:center;gap:4px;margin-inline:auto;padding:6px;display:flex;position:absolute;left:0;right:0;box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff0f}.studio-experience-dock button{border-radius:13px;justify-content:center;align-items:center;gap:7px;min-width:38px;height:38px;padding:0 9px;font-size:11px;transition:background .15s,color .15s;display:flex;position:relative}.studio-experience-dock svg{width:17px;height:17px}.studio-experience-dock button:hover,.studio-experience-dock button[aria-pressed=true]{color:#fff;background:#ffffff1a}.studio-experience-dock button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.studio-experience-dock-divider{background:#ffffff1f;width:1px;height:22px;margin:0 3px}.studio-experience-chat-attention{background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.studio-experience-work-windows{z-index:25;scrollbar-width:thin;flex-direction:column;gap:10px;width:min(340px,100% - 24px);max-height:calc(100% - 100px);padding:1px;display:flex;position:absolute;top:18px;right:18px;overflow-y:auto}.studio-experience-work-window{color:#e7eaf2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#14161deb;border:1px solid #ffffff26;border-radius:16px;flex-shrink:0;animation:.18s ease-out studio-work-arrive;overflow:hidden;box-shadow:0 20px 60px #00000059,inset 0 1px #ffffff0d}.studio-experience-work-chrome{align-items:center;gap:8px;min-height:42px;padding:6px 10px 6px 14px;display:flex}.studio-experience-work-chrome>svg{color:#a3aabc;flex-shrink:0;width:14px;height:14px}.studio-experience-work-signal{background:#9ca3af;border-radius:50%;flex-shrink:0;width:6px;height:6px}[data-work-status=running] .studio-experience-work-signal{background:#a5b4fc;animation:2s ease-in-out infinite studio-work-pulse;box-shadow:0 0 10px #a5b4fc80}[data-work-status=done] .studio-experience-work-signal{background:#6ee7b7}[data-work-status=failed] .studio-experience-work-signal,[data-work-status=unknown] .studio-experience-work-signal{background:#fbbf24}.studio-experience-work-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.studio-experience-work-chrome button{color:#a3aabc;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.studio-experience-work-chrome button:hover{color:#fff;background:#ffffff14}.studio-experience-work-chrome button svg{width:14px;height:14px}.studio-experience-work-body{border-top:1px solid #ffffff14;padding:12px}.studio-experience-work-body[hidden]{display:none}.studio-experience-work-actions{flex-wrap:wrap;gap:8px;display:flex}.studio-experience-work-actions button{border:1px solid #ffffff26;border-radius:8px;padding:8px 10px;font-size:11px}.studio-experience-work-actions button:hover{background:#ffffff14}.studio-experience-work-actions button:disabled{opacity:.5}.studio-experience-work-scene{background:radial-gradient(#818cf81f,#0000 72%);border:1px solid #a5b4fc1f;border-radius:10px;place-items:center;height:76px;display:grid}.studio-experience-work-scene svg{color:#b7c1e8;stroke-width:1.25px;width:30px;height:30px}.studio-experience-work-screenshot{object-fit:contain;background:#080a1099;border:1px solid #ffffff17;border-radius:10px;width:100%;height:150px;display:block}.studio-experience-work-browser{background:#080a1099;border:1px solid #ffffff17;border-radius:10px;min-height:64px;overflow:hidden}.studio-experience-work-address{color:#aebbdc;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:7px;margin:8px;padding:5px 8px;font-size:10px;display:flex}.studio-experience-work-address svg{flex-shrink:0;width:12px;height:12px}.studio-experience-work-browser .studio-experience-work-screenshot{border:0;border-top:1px solid #ffffff12;border-radius:0}.studio-experience-work-terminal{scrollbar-width:thin;color:#bfc8db;white-space:pre-wrap;overflow-wrap:anywhere;background:#080b11;border:1px solid #ffffff17;border-radius:10px;max-height:136px;margin:0;padding:10px;font-size:10px;line-height:1.5;overflow:auto}.studio-experience-work-terminal>span{display:block}.studio-experience-work-command{color:#a7f3d0;margin-bottom:8px}.studio-experience-work-detail{overflow-wrap:anywhere;color:#c4cad9;margin:10px 0 0;font-size:11px;line-height:1.5}.studio-experience-work-code{background:#080a1099;border:1px solid #ffffff17;border-radius:10px;overflow:hidden}.studio-experience-work-file{color:#aebbdc;border-bottom:1px solid #ffffff12;align-items:center;gap:6px;padding:7px 9px;font-size:10px;display:flex}.studio-experience-work-file svg{flex-shrink:0;width:12px;height:12px}.studio-experience-work-file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-experience-work-code pre{scrollbar-width:thin;color:#aeb7cb;max-height:120px;margin:0;padding:8px;font-size:10px;line-height:15px;overflow:auto}.studio-experience-work-code pre>span{width:max-content;min-width:100%;display:block}.studio-experience-work-code pre [data-change=add]{color:#a7f3d0;background:#34d39912}.studio-experience-work-code pre [data-change=remove]{color:#fda4af;background:#fb718512}.studio-experience-work-body footer{color:#939db2;justify-content:space-between;align-items:center;gap:8px;min-height:24px;margin-top:8px;font-size:10px;display:flex}.studio-experience-work-receipt{align-items:center;gap:5px;display:inline-flex}.studio-experience-work-receipt svg{width:12px;height:12px}.studio-experience-work-body footer button{color:#c7d2fe;border-radius:5px;flex-shrink:0;padding:4px 6px}.studio-experience-work-body footer button:hover{background:#ffffff12}.studio-experience-work-window button:focus-visible{outline:2px solid var(--ring);outline-offset:1px}@keyframes studio-work-arrive{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-work-pulse{50%{opacity:.45}}[data-studio-mode=experience]{position:relative}[data-studio-mode=experience]>[data-studio-header]{z-index:50;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#14161deb;border:1px solid #ffffff24;border-radius:16px;width:auto;display:none;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 16px 40px #0000004d}[data-studio-mode=experience][data-controls-open=true]>[data-studio-header]{display:flex}[data-studio-mode=experience] [data-studio-workspace]{inset:12px auto max(76px, calc(env(safe-area-inset-bottom) + 62px)) 12px;z-index:45;border:1px solid var(--border);background:var(--card);border-radius:18px;display:none;position:absolute;box-shadow:0 16px 60px #0006}[data-studio-mode=experience][data-workspace-open=true] [data-studio-workspace]{display:flex}[data-studio-mode=experience] [data-studio-chat-panel]{bottom:max(76px, calc(env(safe-area-inset-bottom) + 62px));z-index:40;background:#14161de0;border:1px solid #ffffff24;border-radius:22px;width:min(520px,100% - 24px);height:auto;min-height:0;max-height:min(64dvh,480px);margin-inline:auto;display:flex;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 16px 60px #00000052}[data-studio-mode=experience][data-chat-open=false] [data-studio-chat-panel]{display:none}[data-studio-mode=experience] [data-studio-chat-inner]{padding-right:0}[data-studio-mode=experience] [data-studio-chat-resize]{display:none}[data-studio-mode=experience] [data-studio-surface]{width:100%;display:block}[data-studio-mode=experience] [data-studio-chat]{background:0 0;height:auto;overflow:hidden}[data-studio-mode=experience] [data-studio-transcript]{flex:auto;max-height:min(30dvh,250px);padding:14px 16px;display:block}[data-studio-mode=experience] [data-studio-transcript][data-studio-empty=true]{display:none}[data-studio-mode=experience] [data-studio-composer]{border-top:0;max-height:min(45dvh,320px);padding:10px}[data-studio-mode=experience] [data-studio-transcript][data-studio-empty=false]+[data-studio-composer]{border-top:1px solid var(--border)}[data-studio-mode=experience] [data-studio-composer] textarea{min-height:24px;max-height:100px}[data-studio-mode=experience] [data-studio-composer] #studio-composer-help{display:none}.studio-experience-info{max-width:100%;color:var(--muted-foreground);font-size:11px}.studio-experience-info>summary{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;list-style:none;display:flex}.studio-experience-info>summary::-webkit-details-marker{display:none}.studio-experience-info>summary:hover{color:var(--foreground);background:#ffffff14}.studio-experience-info>summary:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.studio-experience-info[data-studio-runtime-state=failed]>summary{color:#f87171}.studio-experience-info[data-studio-runtime-state=stopped]>summary{color:#fbbf24}.studio-experience-info[data-studio-runtime-state=ready]>summary{color:#34d399}.studio-experience-info[open]{width:100%}.studio-experience-info-body{border:1px solid var(--border);background:var(--card);border-radius:10px;margin-top:4px;padding:10px}@media (max-width:767px){[data-studio-mode=experience] [data-studio-workspace],[data-studio-mode=experience] [data-studio-project-rail]{max-width:calc(100vw - 24px)}[data-studio-mode=experience][data-workspace-open=true] [data-studio-project-rail]{display:block}[data-studio-mode=experience] [data-studio-project-panel]{width:min(18rem,100vw - 72px)}[data-studio-mode=experience] [data-studio-chat-panel]{border-radius:18px}.studio-experience-work-windows{gap:6px;width:calc(100% - 24px);max-height:36dvh;top:12px;right:12px}.studio-experience-work-chrome{min-height:36px}.studio-experience-work-body{max-height:min(24dvh,36dvh - 100px);padding:8px 10px;overflow-y:auto}.studio-experience-work-scene{height:48px}.studio-experience-work-screenshot{height:90px}.studio-experience-work-code pre,.studio-experience-work-terminal{max-height:72px}}@media (prefers-reduced-motion:reduce){.studio-experience-dock button{transition:none}.studio-experience-work-window,.studio-experience-work-signal{animation:none}}@media (max-width:400px){.studio-experience-dock{gap:3px;padding:5px}}@media (max-width:374px){.studio-experience-dock{gap:0;padding-inline:4px}.studio-experience-dock-divider{margin-inline:0}}