.browser-ide{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--kaya-panel:var(--surface-bg);--kaya-panel-fg:var(--fg);--kaya-muted:var(--inset-bg);--kaya-muted-fg:var(--muted);--kaya-pane-border-color:var(--border);--kaya-workspace-border-strong:color-mix(in srgb, var(--border), var(--muted) 40%);--kaya-workspace-hover:var(--tray-bg-hover);--kaya-workspace-selected:var(--tray-bg);--kaya-positive-bg:#e3edd9;--kaya-positive-fg:#426032;--kaya-workspace-shadow:#0000001f;--kaya-workspace-scrim:#16161a2e;--kaya-focus:var(--link);--kaya-accent:var(--accent);--kaya-accent-fg:var(--accent-fg);--kaya-control-font-size:.8125rem;--kaya-editor-keyword:#6d26a3;--kaya-editor-string:#8a3c28;--kaya-editor-comment:#5f6e5d;--kaya-editor-number:#285e83;--kaya-editor-constant:#6041a0;--kaya-editor-active-line:#eef3e4;--kaya-editor-selection:color-mix(in srgb, var(--accent) 22%, var(--surface-bg));flex-direction:column;flex:1;gap:0;min-width:0;max-width:none;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}body:has(>.browser-ide){flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}body:has(>.browser-ide)>.navbar{padding-top:env(safe-area-inset-top);flex:none}.browser-ide .kw-ide{border:0;border-radius:0}:root[data-theme=dark] .browser-ide{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kaya-positive-bg:#243b2b;--kaya-positive-fg:#afcf9a;--kaya-workspace-shadow:#00000059;--kaya-workspace-scrim:#0000008c;--kaya-editor-keyword:#d6afff;--kaya-editor-string:#b7d99c;--kaya-editor-comment:#9aacbf;--kaya-editor-number:#f4c58a;--kaya-editor-constant:#91c8f6;--kaya-editor-active-line:#1e3328}@media (max-width:700px){body:has(>.browser-ide)>.navbar .navbar-inner{height:auto;min-height:60px;padding:10px max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));gap:12px}body:has(>.browser-ide)>.navbar .nav-left{flex-wrap:wrap;gap:12px;min-width:0}body:has(>.browser-ide)>.navbar .brand{font-size:1rem}body:has(>.browser-ide)>.navbar .nav-link{font-size:.8125rem}body:has(>.browser-ide)>.navbar .nav-actions{flex:none}.browser-ide .kw-tabs{padding-left:calc(6px + env(safe-area-inset-left));padding-right:calc(6px + env(safe-area-inset-right))}}
.browser-ide-settings{width:100%;min-width:0;height:100%;min-height:0;font-size:.875rem;container:settings/inline-size}.browser-ide-settings .browser-setup{border:0;margin:0;padding:0;display:block}.browser-ide-settings h2{margin:0 0 8px;font-size:1.2rem}.browser-ide-settings p{color:var(--muted);line-height:1.6}.browser-ide-settings fieldset{border:0;gap:0 16px;min-width:0;margin:0;padding:0}.browser-ide-settings label{gap:7px;margin:0 0 18px;font-size:.8125rem;font-weight:500;display:grid}.browser-ide-settings details{border-top:1px solid var(--border);margin-top:24px;padding-top:18px}.browser-ide-settings summary{cursor:pointer;font-size:.8125rem;font-weight:500}.browser-runtime-details a{margin-top:16px;font-size:.8125rem;display:block}.browser-ide-settings .browser-note{font-size:.75rem}.browser-ide .browser-failure{border:1px solid var(--border);background:var(--surface-bg);min-width:0;color:var(--fg);overflow-wrap:anywhere;border-radius:8px;flex:none;margin:16px;padding:16px;font-size:.8125rem;line-height:1.5;display:block}.browser-failure h2{margin:0 0 6px;font-size:.9375rem;font-weight:600}.browser-failure p{margin:0 0 6px}.browser-failure .browser-failure-note{color:var(--muted)}.browser-failure-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.browser-failure summary{cursor:pointer;width:fit-content;color:var(--muted)}.browser-failure summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.browser-failure pre{border:1px solid var(--border);min-width:0;max-height:16rem;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px;margin:12px 0 0;padding:12px;font-size:.75rem;line-height:1.5;overflow:auto}.browser-ide-loading{padding:24px}.browser-ide-loading pre{overflow:auto}@media (max-width:700px){.browser-ide-settings{padding:0}.browser-ide .kaya-ide-output{padding-bottom:env(safe-area-inset-bottom)}}.browser-ide .kw-ide{height:auto}.browser-runtime-progress{border-bottom:1px solid var(--border);background:var(--surface-bg);min-width:0;color:var(--fg);overflow-wrap:anywhere;flex:none;align-items:flex-start;gap:10px;padding:12px 16px;font-size:.8125rem;line-height:1.5;display:flex}.browser-runtime-progress>div{min-width:0}.browser-runtime-progress strong,.browser-runtime-progress div>span{display:block}.browser-runtime-progress div>span{color:var(--muted);margin-top:2px;font-size:.75rem}.browser-runtime-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:none;width:16px;height:16px;margin-top:2px;animation:1s linear infinite browser-runtime-spin}@keyframes browser-runtime-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.browser-runtime-spinner{animation:none}}.browser-ide-settings .browser-setup{height:100%}.browser-settings-layout{grid-template-columns:148px minmax(0,1fr);height:100%;min-height:0;display:grid}.browser-settings-header{display:none}.browser-settings-sidebar{border-right:1px solid var(--border);background:var(--surface-bg);padding:16px 10px;overflow-y:auto}.browser-settings-nav.kui-tabs-list{background:0 0;border:0;border-radius:0;flex-direction:column;align-items:stretch;gap:3px;width:100%;height:auto;padding:0;display:flex}.browser-settings-nav .kui-tabs-trigger{text-align:left;white-space:normal;flex:none;justify-content:flex-start;height:auto;min-height:34px;padding:8px 10px;font-size:.8125rem}.browser-settings-group{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:8px 10px 6px;font-size:.65rem;font-weight:600}.browser-settings-group:not(:first-child){margin-top:20px}.browser-settings-content{min-width:0;padding:26px;overflow:auto}.browser-settings-content>.kui-tabs-content{margin-top:0}.browser-settings-content .browser-runtime-details{border:0;margin:0;padding:0}@container settings (max-width:700px){.browser-settings-layout{flex-direction:column;display:flex}.browser-settings-header{border-bottom:1px solid var(--border);flex:none;padding:20px 16px 16px;display:block}.browser-settings-header h2{margin-bottom:12px}.browser-settings-sidebar,.browser-settings-heading{display:none}.browser-settings-content{flex:1;min-height:0;padding:20px 16px}.browser-settings-content fieldset{grid-template-columns:minmax(0,1fr)}}.browser-settings-nav .kui-tabs-trigger[data-state=active]{background:var(--inset-bg);color:var(--fg)}.browser-failure-reason{overflow-wrap:anywhere;color:var(--kw-muted);font-size:.8125rem}