.browserbase-browser{border-bottom:1px solid var(--border, #334155);padding-bottom:24px;margin-bottom:24px}.browserbase-navigation{display:flex;align-items:end;gap:10px;margin:16px 0}.browserbase-navigation label{flex:1;min-width:0}.browserbase-navigation input{width:100%;box-sizing:border-box}.browserbase-settings{border:0;padding:12px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.browserbase-settings label{min-width:0}.browserbase-settings input:not([type=checkbox]),.browserbase-settings select{width:100%;box-sizing:border-box}.browserbase-browser .browser-preview-bar span{overflow-wrap:anywhere;min-width:0}.browserbase-live-view{margin-top:16px}.browserbase-viewer{position:relative;min-height:260px}.browserbase-placeholder{display:grid;place-items:center;min-height:260px;margin:0;padding:24px;box-sizing:border-box;border:1px solid var(--border, #334155);border-radius:12px;background:var(--bg-panel, #111827);color:var(--muted, #94a3b8);text-align:center}.browserbase-reconnecting{position:absolute;inset:0;display:grid;place-items:center;margin:0;background:#0f172ad9;color:#e2e8f0;border-radius:12px}@media(max-width:600px){.browserbase-navigation{flex-wrap:wrap}.browserbase-navigation label{flex-basis:100%}.browserbase-settings{grid-template-columns:1fr}}.desktop-app-preview{padding:22px;color:var(--text, #e5e7eb)}.dap-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}.dap-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;font-size:28px;color:var(--accent, #14f195);border:1px solid var(--border, #334155);border-radius:12px;background:var(--panel, #111827)}.dap-icon img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.dap-heading h3{margin:3px 0 7px;font-size:22px}.dap-heading p{margin:0;max-width:66ch;color:var(--muted, #94a3b8);line-height:1.6}.dap-heading .eyebrow{font-size:10px;letter-spacing:.15em;color:var(--accent, #14f195)}.dap-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dap-features article{padding:14px;border:1px solid var(--border, #334155);border-radius:10px;background:var(--panel, #111827)}.dap-features span{display:block;color:var(--muted, #94a3b8);font-size:11px;margin-bottom:8px}.dap-features strong{font-size:13px;line-height:1.55}.dap-example,.dap-readonly{margin-top:16px;border:1px solid var(--border, #334155);border-radius:12px;overflow:hidden;background:var(--panel, #111827)}.dap-example-heading{display:flex;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid var(--border, #334155);font-size:12px}.dap-example-heading small{color:var(--muted, #94a3b8)}.dap-example svg{display:block;width:calc(100% - 36px);height:110px;margin:18px;color:var(--accent, #14f195)}.dap-example>p,.dap-screen p{margin:12px 18px;color:var(--muted, #94a3b8);font-size:12px;line-height:1.6}.dap-screen{min-height:170px;display:grid;place-content:center;text-align:center;padding:18px}.dap-screen>span,.dap-detail>span{color:var(--accent, #14f195);font-size:36px}.dap-detail{padding:24px}.dap-detail p{margin:8px 0}.dap-detail small{color:var(--muted, #94a3b8)}.dap-access{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.dap-access p{width:100%;margin:0;color:var(--muted, #94a3b8);font-size:12px;line-height:1.6}.dap-access button{font-size:13px}.dap-access a{color:var(--muted, #94a3b8);font-size:12px}.dap-readonly{max-height:560px;overflow:auto}.factory-computer .ore-window:has(>.desktop-app-preview){top:54px;left:125px;width:calc(100% - 155px);max-height:calc(100% - 145px);display:flex;flex-direction:column}.factory-computer .ore-window>.desktop-app-preview{min-height:0;overflow:auto}@media(max-width:800px){.factory-computer .ore-window:has(>.desktop-app-preview){top:146px;left:8px;width:calc(100% - 16px);max-height:calc(100% - 245px)}}@media(max-width:600px){.desktop-app-preview{padding:16px}.dap-features{grid-template-columns:1fr}.dap-heading h3{font-size:19px}.dap-access button{width:100%}}