*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:system-ui, "Segoe UI", Roboto, sans-serif;--app-bg:#1e1e1e;--panel-bg:#1e1e1e;--toolbar-bg:#181818;--subheader-bg:#151515;--surface-1:#202020;--surface-2:#232323;--surface-3:#252525;--surface-4:#2d2d2d;--surface-5:#303030;--surface-6:#343434;--surface-7:#1f1f1f;--surface-8:#1a1a1a;--table-row-even:#252525;--table-row-hover:#2a2d2e;--border-subtle:#2e2e2e;--border-default:#333;--border-strong:#444;--border-stronger:#555;--text-primary:#d4d4d4;--text-secondary:#b8b8b8;--text-muted:#aaa;--text-soft:#9f9f9f;--text-dim:#888;--text-faint:#666;--text-inverse:#fff;--text-brand:#61dafb;--accent-bg:#0f3942;--accent-bg-strong:#0d2a30;--accent-bg-hover:#0a4a5a;--accent-border:#0a8ea5;--accent-text:#dffaff;--accent-soft-text:#7ecfdf;--doc-link:#63b3ed;--focus-ring:#ffbf69;--run-bg:#0e6a2d;--run-border:#1a9a45;--run-hover:#12864f;--stop-bg:#8f2b2b;--stop-border:#c74a4a;--stop-hover:#a23636;--signin-bg:#1a73e8;--signin-border:#1558b0;--signin-hover:#1967d2;--collab-bg:#005f73;--collab-border:#0a8ea5;--collab-hover:#0a788e;--status-idle-bg:#444;--status-idle-text:#aaa;--status-warn-bg:#4a4a00;--status-warn-text:gold;--status-info-bg:#003c4a;--status-info-text:#7ecfdf;--status-info-soft-bg:#1a2a3a;--status-info-soft-text:#7eaecf;--status-info-alt-bg:#2a4a6a;--status-info-alt-text:#9cdcfe;--status-success-bg:#1a3a1a;--status-success-border:#2d7a2d;--status-success-text:#7ec87e;--status-success-bright:#4ec94e;--status-success-brighter:#6ee06e;--status-error-bg:#3a1a1a;--status-error-soft-bg:#5a1a1a;--status-error-text:#f47070;--status-input-bg:#4b2b0f;--status-input-text:#ffbf69;--status-input-soft-text:#ffcf99;--scrollbar-track:#1e1e1e;--scrollbar-thumb:#424242;--scrollbar-thumb-hover:#4f4f4f;--scrollbar-thumb-active:#686868;--shadow-overlay:0 12px 32px #0000006b;--shadow-popover:0 8px 24px #00000059;--shadow-accent-popover:0 8px 24px #00000073}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f4efe6;--panel-bg:#fbf8f1;--toolbar-bg:#ece5d9;--subheader-bg:#f3ede3;--surface-1:#f8f4ec;--surface-2:#f2ece0;--surface-3:#fffdf8;--surface-4:#f1ebdf;--surface-5:#ece3d4;--surface-6:#e5dccd;--surface-7:#fdfaf4;--surface-8:#fff;--table-row-even:#f7f2e8;--table-row-hover:#ece4d6;--border-subtle:#d8cfbf;--border-default:#c9bda8;--border-strong:#b8ab94;--border-stronger:#a5957d;--text-primary:#1d1a14;--text-secondary:#4a4338;--text-muted:#6a6153;--text-soft:#7c7263;--text-dim:#8e8374;--text-faint:#a29788;--text-brand:#0b6d84;--accent-bg:#d8eef3;--accent-bg-strong:#e4f4f7;--accent-bg-hover:#cae7ee;--accent-border:#0a8ea5;--accent-text:#0e4e5c;--accent-soft-text:#17687a;--doc-link:#135f9f;--focus-ring:#c26a15;--run-bg:#2f8d43;--run-border:#1e6b31;--run-hover:#287a3a;--stop-bg:#cf5a52;--stop-border:#ab3f38;--stop-hover:#be4c45;--signin-bg:#2b6cb0;--signin-border:#1f4d80;--signin-hover:#245f9a;--collab-bg:#0f6a7d;--collab-border:#0a8ea5;--collab-hover:#0c5b6b;--status-idle-bg:#ddd4c7;--status-idle-text:#6a6153;--status-warn-bg:#fff3c6;--status-warn-text:#8a6500;--status-info-bg:#dcecfb;--status-info-text:#17687a;--status-info-soft-bg:#e3eef9;--status-info-soft-text:#2a6492;--status-info-alt-bg:#d9e8f6;--status-info-alt-text:#205b87;--status-success-bg:#dff2e3;--status-success-border:#6daf7b;--status-success-text:#2c6a39;--status-success-bright:#2f8d43;--status-success-brighter:#287a3a;--status-error-bg:#f9e1df;--status-error-soft-bg:#f6d3d0;--status-error-text:#b0423f;--status-input-bg:#fde9d1;--status-input-text:#b36213;--status-input-soft-text:#9a5a1d;--scrollbar-track:#f1ebdf;--scrollbar-thumb:#c3b6a3;--scrollbar-thumb-hover:#b4a691;--scrollbar-thumb-active:#a08f79;--shadow-overlay:0 12px 32px #4e3e2529;--shadow-popover:0 8px 24px #4e3e251f;--shadow-accent-popover:0 8px 24px #2458632e}html,body,#root{background:var(--app-bg);height:100%;color:var(--text-primary);margin:0;padding:0}body{font-family:var(--font-sans);transition:background-color .15s,color .15s}*{box-sizing:border-box;margin:0;padding:0}.app{background:var(--app-bg);width:100%;height:100dvh;color:var(--text-primary);font-family:var(--font-sans);flex-direction:column;display:flex;position:relative;overflow:hidden}.app__body{flex:1;min-height:0;display:flex;overflow:hidden}.app__top-alert-slot{flex-shrink:0}.app__toast-viewport{width:min(640px,100vw - 20px);margin:8px auto 0;padding:0;list-style:none;position:relative}.app__warning-toast{border:1px solid var(--status-warn-text);background:var(--status-warn-bg);color:var(--status-warn-text);box-shadow:var(--shadow-overlay);border-radius:12px;padding:4px 10px}.app__warning-toast-title{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.app__warning-toast-description{color:var(--text-primary);margin-top:4px;font-size:13px;line-height:1.35}.app__mobile-stage{flex:1;min-height:0;display:flex;overflow:hidden}.app__mobile-stage>*{flex:auto;min-width:0;min-height:0}.app__editor{flex-direction:column;flex:3;min-width:0;min-height:0;display:flex}.app__editor-header{background:var(--surface-4);border-bottom:1px solid var(--border-strong);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.app__editor-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app__editor-dirty{color:var(--status-error-text);font-size:14px;line-height:1}.app__editor-actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.app__editor-btn{border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:4px;height:24px;padding:0 8px;font-size:11px;font-weight:700}.app__editor-btn:hover:not(:disabled){background:var(--surface-5);color:var(--text-primary)}.app__editor-btn:disabled{opacity:.45;cursor:default}.app__editor-subheader{border-bottom:1px solid var(--border-default);background:var(--surface-6);flex-shrink:0;gap:0;display:flex}.app__editor-subheader-actions{align-items:center;gap:2px;margin-left:auto;padding-right:6px;display:inline-flex}.app__icon-btn{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.app__icon-btn:hover:not(:disabled){background:var(--surface-5);color:var(--text-primary)}.app__icon-btn:disabled{opacity:.45;cursor:default}.app__editor-tab{appearance:none;border:none;border-right:1px solid var(--border-default);color:var(--text-muted);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;padding:8px 12px;font-size:11px;font-weight:700}.app__editor-tab:hover{background:var(--surface-5);color:var(--text-primary)}.app__editor-tab--active{background:var(--surface-3);color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--accent-soft-text)}.app__editor-body{flex:1;min-height:0}.app__divider{cursor:col-resize;background:var(--surface-2);border-left:1px solid var(--border-default);border-right:1px solid var(--border-default);flex-shrink:0;width:8px}.app__divider:hover,.app__divider--active{background:var(--surface-5)}.app__output{flex-direction:column;flex-shrink:0;width:380px;min-width:220px;max-width:70vw;display:flex;overflow:hidden}.app__output-tabs{border-bottom:1px solid var(--border-default);background:var(--surface-6);flex-shrink:0;gap:0;display:flex}.app__output-tab{appearance:none;border:none;border-right:1px solid var(--border-default);color:var(--text-muted);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;padding:8px 12px;font-size:11px;font-weight:700}.app__output-tab:hover{background:var(--surface-5);color:var(--text-primary)}.app__output-tab--active{background:var(--surface-3);color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--accent-soft-text)}.app__output-body{flex:1;min-height:0;overflow:hidden}.app__panel-show{border:none;border-left:1px solid var(--border-default);background:var(--surface-3);width:28px;color:var(--text-secondary);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;display:flex}.app__panel-show--left{border:none;border-right:1px solid var(--border-default)}.app__panel-show--right{border:none;border-left:1px solid var(--border-default)}.app__panel-show:hover{background:var(--surface-5);color:var(--text-primary)}.app__panel-show-icon{font-size:12px;line-height:1}.app__panel-show-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.08em;font-size:10px;font-weight:700}.app__offline-toast{left:50%;bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--status-error-text);background:var(--status-error-soft-bg);max-width:min(640px,100vw - 24px);color:var(--text-primary);box-shadow:var(--shadow-overlay);text-align:center;z-index:40;pointer-events:none;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.35;position:absolute;transform:translate(-50%)}.app__feedback-trigger{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:50;border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text-primary);box-shadow:var(--shadow-overlay);font:inherit;cursor:pointer;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700;position:fixed}.app__feedback-trigger:hover{background:var(--surface-5)}.feedback-drawer-backdrop{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.feedback-drawer{width:min(560px,100%);max-height:calc(100dvh - 24px);padding:20px 20px calc(16px + env(safe-area-inset-bottom));border:1px solid var(--border-strong);background:var(--panel-bg);color:var(--text-primary);box-shadow:var(--shadow-overlay);border-bottom:0;border-radius:16px 16px 0 0;overflow-y:auto}.feedback-drawer h2{margin-bottom:14px;font-size:18px}.feedback-drawer-answers,.feedback-drawer-actions{gap:10px;display:flex}.feedback-drawer-answers{margin-bottom:14px}.feedback-answer-button,.feedback-drawer-close,.feedback-drawer-submit{border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text-primary);font:inherit;cursor:pointer;border-radius:8px;font-weight:600}.feedback-answer-button{flex:1;padding:11px}.feedback-answer-button:hover:not(:disabled),.feedback-answer-button.is-selected{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent-text)}.feedback-drawer-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;display:block}.feedback-drawer-comment{resize:vertical;border:1px solid var(--border-strong);background:var(--app-bg);width:100%;min-height:76px;color:var(--text-primary);font:inherit;border-radius:8px;padding:10px 12px;font-size:13px}.feedback-drawer-comment:focus{outline:2px solid var(--accent-border);outline-offset:1px}.feedback-drawer-privacy{color:var(--text-muted);margin-top:7px;font-size:11px}.feedback-drawer-error{color:var(--status-error-text);margin-top:10px;font-size:12px}.feedback-drawer-actions{justify-content:flex-end;margin-top:16px}.feedback-drawer-close,.feedback-drawer-submit{padding:9px 14px}.feedback-drawer-submit{border-color:var(--accent-border);background:var(--accent-bg-strong);color:var(--accent-text)}.feedback-answer-button:disabled,.feedback-drawer-close:disabled,.feedback-drawer-submit:disabled{opacity:.55;cursor:not-allowed}@media (width<=768px){.app__toast-viewport{width:calc(100vw - 16px);margin-top:6px}.app__warning-toast{border-radius:10px;padding:10px 12px}.app__warning-toast-description{font-size:12px}.app__body{flex-direction:column}.app__body--mobile{flex:1}.app__body--mobile .app__editor{border-bottom:none;flex:1}.app__editor-header{flex-wrap:wrap}.app__body--mobile .app__output{width:100%;min-width:0;max-width:none;overflow:hidden}.app__panel-show{flex-direction:row;gap:10px;width:100%;height:28px}.app__panel-show--left,.app__panel-show--right{border-left:none;border-right:none;border-top:1px solid var(--border-default)}.app__panel-show-label{writing-mode:horizontal-tb;letter-spacing:.1em;font-size:11px}.app__offline-toast{bottom:max(12px, env(safe-area-inset-bottom));border-radius:14px;max-width:calc(100vw - 20px);padding:10px 12px;font-size:12px}}.toolbar{background:var(--toolbar-bg);border-bottom:1px solid var(--border-default);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 12px;display:flex}.toolbar__left{align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.toolbar__logo{appearance:none;color:var(--text-brand);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:15px;font-weight:700;display:inline-flex}.toolbar__logo:focus-visible{outline:2px solid var(--text-brand);outline-offset:3px}.toolbar__logo-wordmark{display:inline-block}.toolbar__logo-icon{flex-shrink:0;width:22px;height:22px;display:block;position:relative;top:4px}.toolbar__language-select{all:unset;box-sizing:border-box;background:var(--surface-4);min-width:148px;color:var(--text-primary);border:1px solid var(--border-stronger);font-size:12px;font-family:var(--font-sans);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:4px 8px;display:inline-flex}.toolbar__language-select:hover{border-color:var(--accent-soft-text)}.toolbar__language-select:disabled{opacity:.5;cursor:not-allowed}.toolbar__language-select-value{align-items:center;gap:7px;display:inline-flex}.toolbar__language-select-chevron{color:var(--text-muted);font-size:11px;position:relative;top:-1px}.toolbar__language-icon{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.toolbar__language-option{align-items:center;gap:8px;display:inline-flex}.toolbar__language-select-content{border:1px solid var(--border-strong);background:var(--surface-1);min-width:170px;color:var(--text-primary);box-shadow:var(--shadow-overlay);z-index:30;border-radius:8px;overflow:hidden}.toolbar__language-select-viewport{padding:6px}.toolbar__language-select-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.toolbar__language-select-item[data-highlighted]{background:var(--surface-6)}.toolbar__language-select-item-indicator{color:var(--accent-soft-text);font-size:12px}.toolbar__drive-name{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:12px;overflow:hidden}.toolbar__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.toolbar__actions--mobile{margin-left:auto}.toolbar__mobile-subheader{background:var(--subheader-bg);border-bottom:1px solid var(--border-default);flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 10px;display:grid}.toolbar__mobile-tab{border:1px solid var(--border-default);background:var(--surface-1);min-width:0;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:700}.toolbar__mobile-tab:hover{background:var(--surface-5);color:var(--text-primary)}.toolbar__mobile-tab--active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-text)}.toolbar__btn{border:1px solid var(--border-strong);background:var(--surface-4);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:4px;padding:5px 12px;font-size:13px;transition:background .15s,border-color .15s,color .15s}.toolbar__btn:hover:not(:disabled){background:var(--surface-5)}.toolbar__btn:disabled{opacity:.45;cursor:default}.toolbar__btn--run{background:var(--run-bg);border-color:var(--run-border);color:var(--text-inverse);font-weight:600}.toolbar__btn--run:hover:not(:disabled){background:var(--run-hover)}.toolbar__btn--stop{background:var(--stop-bg);border-color:var(--stop-border)}.toolbar__btn--stop:hover:not(:disabled){background:var(--stop-hover)}.toolbar__btn--signin{background:var(--signin-bg);border-color:var(--signin-border);color:var(--text-inverse)}.toolbar__btn--signin:hover{background:var(--signin-hover)}.toolbar__btn--collab{background:var(--collab-bg);border-color:var(--collab-border);color:var(--text-inverse)}.toolbar__btn--collab:hover:not(:disabled){background:var(--collab-hover)}.toolbar__btn--icon{min-width:32px;color:var(--text-muted);background:0 0;border-color:#0000;justify-content:center;align-items:center;padding:5px 0;font-size:16px;line-height:1;display:inline-flex}.toolbar__btn--icon:hover:not(:disabled){background:var(--surface-5);color:var(--text-primary)}.toolbar__btn--secondary{border-color:var(--border-stronger);color:var(--text-muted);background:0 0;font-size:12px}.toolbar__btn--theme{min-width:34px;padding:5px 0;font-size:16px;line-height:1}.toolbar__menu-trigger{border:1px solid var(--border-strong);background:var(--surface-3);width:34px;height:34px;color:var(--text-primary);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.toolbar__menu-trigger:hover{background:var(--surface-5)}.toolbar__menu{border:1px solid var(--border-strong);background:var(--surface-1);min-width:220px;max-width:min(90vw,320px);max-height:min(70dvh,520px);color:var(--text-primary);box-shadow:var(--shadow-overlay);z-index:30;border-radius:10px;padding:6px;overflow-y:auto}.toolbar__menu-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-soft-text);padding:7px 8px 5px;font-size:11px;font-weight:700}.toolbar__menu-item{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;outline:none;padding:9px 10px;font-size:13px}.toolbar__menu-item[data-highlighted]{background:var(--surface-6)}.toolbar__menu-item[data-disabled]{color:var(--text-faint);cursor:default}.toolbar__menu-separator{background:var(--border-default);height:1px;margin:6px 4px}.toolbar__avatar-trigger{border:1px solid var(--border-strong);background:var(--surface-3);width:30px;height:30px;color:var(--text-primary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden}.toolbar__avatar-trigger:hover{background:var(--surface-5);border-color:var(--border-stronger)}.toolbar__avatar-image{object-fit:cover;width:100%;height:100%;display:block}.toolbar__avatar-fallback{letter-spacing:.04em;font-size:11px;font-weight:700}.toolbar__collab-menu{border:1px solid var(--accent-border);background:var(--accent-bg-strong);min-width:180px;color:var(--text-primary);box-shadow:var(--shadow-accent-popover);z-index:20;border-radius:8px;padding:6px}.toolbar__collab-menu-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;padding:8px 10px;font-size:13px}.toolbar__collab-menu-item[data-highlighted]{background:var(--accent-bg-hover)}.toolbar__avatar-menu{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);box-shadow:var(--shadow-popover);z-index:20;border-radius:8px;padding:6px}.toolbar__avatar-menu-user{color:var(--text-muted);border-bottom:1px solid var(--border-default);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;padding:6px 8px;font-size:12px;overflow:hidden}.toolbar__avatar-menu-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;padding:8px;font-size:13px}.toolbar__avatar-menu-item[data-highlighted]{background:var(--surface-6)}.toolbar__avatar-menu-item[data-disabled]{color:var(--text-faint);cursor:default}@media (width<=768px){.toolbar--mobile{border-bottom:none;gap:8px;height:52px;padding:0 10px}.toolbar--mobile .toolbar__left{gap:8px}.toolbar--mobile .toolbar__logo{gap:0}.toolbar--mobile .toolbar__logo-icon{width:20px;height:20px;top:0}.toolbar--mobile .toolbar__btn--run{min-width:72px;padding:5px 10px}.toolbar__mobile-subheader{gap:6px;padding:7px 10px}.toolbar__mobile-tab{padding:7px 8px;font-size:11px}}.toolbar__menu-item-inline{align-items:center;gap:4px;display:inline-flex}.app__examples-select{border:1px solid var(--border-strong);background:var(--surface-3);min-width:0;max-width:240px;height:20px;color:var(--text-muted);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:3px;flex-shrink:0;padding:0 4px;font-size:11px;font-weight:600}.output-panel{background:var(--panel-bg);height:100%;min-height:0;color:var(--text-primary);flex-direction:column;font-family:Consolas,Menlo,monospace;font-size:13px;display:flex;overflow:hidden}.output-panel__header{background:var(--surface-4);border-bottom:1px solid var(--border-strong);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);justify-content:space-between;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.output-panel__title-wrap{align-items:center;gap:8px;display:inline-flex}.output-panel__collapse{border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text-secondary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;line-height:1;display:inline-flex}.output-panel__collapse:hover{background:var(--surface-5);color:var(--text-primary)}.output-panel__state{border-radius:3px;padding:2px 6px;font-size:11px}.output-panel__state--idle{background:var(--status-idle-bg);color:var(--status-idle-text)}.output-panel__state--compiling{background:var(--status-warn-bg);color:var(--status-warn-text)}.output-panel__state--running{background:var(--status-info-bg);color:var(--status-info-text)}.output-panel__state--done{background:var(--status-success-bg);color:var(--status-success-text)}.output-panel__state--error{background:var(--status-error-bg);color:var(--status-error-text)}.output-panel__body{flex:1;min-height:0;padding:8px 12px}.diag-badge--input{background:var(--status-input-bg);color:var(--status-input-text)}.output-panel__stream{height:100%;min-height:0;overflow-y:auto}.diag-placeholder{color:var(--text-faint);font-style:italic}.diag-line{align-items:baseline;gap:6px;padding:1px 0;line-height:1.6;display:flex}.diag-line--input-form{align-items:center}.diag-badge{text-align:center;border-radius:2px;flex-shrink:0;min-width:3ch;padding:0 4px;font-size:10px;font-weight:700}.diag-loc{color:var(--text-dim);flex-shrink:0;font-size:11px}.diag-text{white-space:pre-wrap;word-break:break-word}.output-panel__inline-input{border:1px solid var(--border-default);background:var(--surface-8);min-width:0;color:var(--text-primary);font:inherit;border-radius:4px;flex:1;padding:6px 8px;line-height:1.4}.output-panel__inline-input:focus{outline:1px solid var(--focus-ring);border-color:var(--focus-ring)}.diag-info .diag-badge{background:var(--status-info-alt-bg);color:var(--status-info-text)}.diag-info .diag-text{color:var(--status-info-alt-text)}.diag-warn .diag-badge{background:var(--status-warn-bg);color:var(--status-warn-text)}.diag-warn .diag-text{color:var(--status-warn-text)}.diag-error .diag-badge{background:var(--status-error-soft-bg);color:var(--status-error-text)}.diag-error .diag-text{color:var(--status-error-text)}.diag-stdout .diag-badge{background:var(--status-success-bg);color:var(--status-success-text)}.diag-stdout .diag-text{color:var(--text-primary)}.diag-stderr .diag-badge{background:var(--status-error-soft-bg);color:var(--status-error-text)}.diag-stderr .diag-text{color:var(--status-error-text)}.diag-stdin .diag-text{color:var(--status-input-soft-text)}.diag-net .diag-badge{background:var(--status-info-bg);color:var(--status-info-text)}.diag-net .diag-text{color:var(--status-info-text)}.output-panel__footer{background:var(--surface-4);border-top:1px solid var(--border-strong);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 12px;font-size:11px;display:flex}.output-panel__filter{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:inline-flex}.output-panel__filter input[type=checkbox]{accent-color:var(--focus-ring);cursor:pointer}.output-panel__filter .diag-badge{line-height:1.4}.java-filesystem-panel{background:var(--panel-bg);height:100%;min-height:0;color:var(--text-primary);flex-direction:column;font-family:Consolas,Menlo,monospace;font-size:13px;display:flex;overflow:hidden}.java-filesystem-panel__header{background:var(--surface-4);border-bottom:1px solid var(--border-strong);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.java-filesystem-panel__title-wrap{align-items:center;gap:10px;min-width:0;display:inline-flex}.java-filesystem-panel__refresh{border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text-secondary);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.java-filesystem-panel__refresh:hover{background:var(--surface-5);color:var(--text-primary)}.java-filesystem-panel__body{flex:1;min-height:0;padding:10px 12px 14px;overflow:auto}.java-filesystem-panel__empty{color:var(--text-faint);font-style:italic;line-height:1.6}.java-filesystem-panel__tree{padding-left:16px;list-style:none}.java-filesystem-panel__tree:first-child{padding-left:0}.java-filesystem-panel__node{margin-top:6px}.java-filesystem-panel__node-row{align-items:center;gap:8px;min-width:0;line-height:1.5;display:flex}.java-filesystem-panel__badge{text-align:center;border-radius:3px;flex-shrink:0;min-width:4ch;padding:1px 4px;font-size:10px;font-weight:700}.java-filesystem-panel__badge--directory{background:var(--status-info-alt-bg);color:var(--status-info-text)}.java-filesystem-panel__badge--file{background:var(--status-success-bg);color:var(--status-success-text)}.java-filesystem-panel__name{color:var(--text-primary);flex-shrink:0}.java-filesystem-panel__path{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.java-filesystem-panel__meta{color:var(--text-faint);flex-shrink:0;font-size:11px}.java-filesystem-panel__download{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:12px;display:inline-flex}.java-filesystem-panel__download:hover{background:var(--surface-5);color:var(--text-primary)}