.Pane{flex-direction:column;display:flex;overflow:hidden}.Pane-header{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);border-bottom:1px solid var(--border);flex-shrink:0;padding:6px 12px;font-size:10px}.CodeEditor{background:var(--bg);flex:1;min-height:0;position:relative;overflow:hidden}.CodeEditor .cm-editor{background:0 0;inset:0;height:auto!important;position:absolute!important}.CodeEditor .cm-editor .cm-scroller{overflow:auto!important}.CodeEditor-fallback{resize:none;color:#b8b8b8;caret-color:#79b8ff;white-space:pre;tab-size:4;word-wrap:normal;overflow-wrap:normal;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:16px 18px;font-family:SF Mono,Fira Code,Menlo,monospace;font-size:13px;line-height:1.6;position:absolute;inset:0;overflow:auto}.TreeView{min-height:0;font-family:var(--font-mono);background:var(--bg);flex:1;padding:12px;font-size:12px;line-height:1.8;overflow:auto}.TreeView--inEntry{padding:8px;font-size:11px;line-height:1.6}.TreeView-output{white-space:pre-wrap;word-break:break-word;color:var(--text);margin:0}.TreeView-pending{color:#64b5f6;letter-spacing:.5px;background:#64b5f626;border:1px solid #64b5f666;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:500;animation:2s ease-in-out infinite treeViewPendingPulse;display:inline-block}@keyframes treeViewPendingPulse{0%,to{opacity:.7}50%{opacity:1}}.TreeView-error{color:#e57373;letter-spacing:.5px;background:#e5737326;border:1px solid #e5737366;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-block}.TreeView-null,.TreeView-undefined{color:#5c6370;font-style:italic}.TreeView-string{color:#98c379}.TreeView-number{color:#d19a66}.TreeView-boolean{color:#56b6c2}.TreeView-symbol{color:#c678dd}.TreeView-function{color:#61afef;font-style:italic}.TreeView-circular{color:#e57373;font-style:italic}.TreeView-date{color:#e5c07b}.TreeView-collection{color:var(--text-dim)}.TreeView-iterator,.TreeView-stream{color:var(--text-dim);font-style:italic}.TreeView-key{color:#61afef}.TreeView-empty{color:#5c6370;font-style:italic}.TreeView-unknown{color:var(--text-dim)}.TreeView-tag{color:#e06c75}.TreeView-clientTag{color:#c678dd}.TreeView-reactTag{color:#e5c07b}.TreeView-propName{color:#61afef}.TreeView-children{border-left:1px solid #333;margin-left:16px;padding-left:12px}.FlightLog{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow:auto}.FlightLog-output{min-height:0;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;background:var(--bg);color:var(--text-dim);flex:1;margin:0;padding:12px;font-size:12px;line-height:1.6;overflow:auto}.FlightLog-output--error{color:#e57373}.FlightLog-empty{color:var(--text-dim);font-style:italic}.FlightLog-empty--waiting:after{content:"...";animation:1.5s ease-in-out infinite flightLogPulse}@keyframes flightLogPulse{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.FlightLog-empty--waiting:after{animation:none}}.FlightLog-entry{background:var(--surface);border:1px solid var(--border);border-left:3px solid #555;border-radius:4px;transition:border-color .15s,opacity .15s}.FlightLog-entry+.FlightLog-entry{margin-top:12px}.FlightLog-entry--active{border-left-color:#ffd54f}.FlightLog-entry--done{opacity:.8;border-left-color:#555}.FlightLog-entry--pending{opacity:.4;border-left-color:#333}.FlightLog-entry--error{border-left-color:#e57373}.FlightLog-entry-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:flex}.FlightLog-entry-label{color:var(--text);font-weight:500}.FlightLog-entry-headerRight{align-items:center;gap:8px;display:flex}.FlightLog-entry-deleteBtn{color:var(--text-dim);cursor:pointer;opacity:.5;background:0 0;border:none;padding:0 4px;font-size:14px;line-height:1;transition:opacity .15s,color .15s}.FlightLog-entry-deleteBtn:hover{opacity:1;color:#e57373}.FlightLog-entry-deleteBtn:focus-visible{outline-offset:2px;outline:2px solid #ffd54f}.FlightLog-entry-request{border-bottom:1px solid var(--border);background:#0003;padding:8px 10px}.FlightLog-entry-requestArgs{font-family:var(--font-mono);color:#81c784;white-space:pre-wrap;word-break:break-all;margin:0;font-size:11px;line-height:1.4}.FlightLog-entry-error{padding:8px 10px}.FlightLog-entry-errorMessage{font-family:var(--font-mono);color:#e57373;white-space:pre-wrap;word-break:break-word;margin:0;font-size:11px;line-height:1.4}.FlightLog-renderView{border-top:1px solid var(--border);padding:8px}.FlightLog-renderView-split{align-items:stretch;gap:8px;display:flex}.FlightLog-linesWrapper{flex:1;min-width:0;min-height:150px;position:relative}.FlightLog-lines{background:var(--bg);border-radius:3px;margin:0;padding:6px;font-size:11px;line-height:1.4;position:absolute;inset:0;overflow:auto}.FlightLog-line{word-break:break-all;white-space:pre-wrap;border-left:2px solid #0000;border-radius:4px;margin-bottom:3px;padding:6px 8px;transition:background-color .15s,color .15s,border-color .15s;display:block}.FlightLog-line:last-child{margin-bottom:0}.FlightLog-line--done{color:#999;background:#ffffff08;border-left-color:#555}.FlightLog-line--next{color:#e0e0e0;background:#ffd54f1f;border-left-color:#ffd54f}.FlightLog-line--pending{color:#444;opacity:.4;background:0 0;border-left-color:#333}.FlightLog-hexBytes{opacity:.7}.FlightLog-tree{border:1px solid var(--border);border-radius:4px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:auto}.FlightLog-tree:has(.TreeView){background:#000}.FlightLog-rawForm{background:var(--surface);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:8px;margin-top:8px;padding:10px;display:flex}.FlightLog-rawForm-textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-mono);resize:vertical;border-radius:3px;min-height:100px;padding:8px;font-size:11px}.FlightLog-rawForm-textarea:focus{border-color:#ffd54f;outline:none}.FlightLog-rawForm-buttons{gap:8px;display:flex}.FlightLog-rawForm-submitBtn{cursor:pointer;color:#000;background:#ffd54f;border:none;border-radius:3px;padding:5px 12px;font-size:11px}.FlightLog-rawForm-submitBtn:disabled{color:#888;cursor:not-allowed;background:#555}.FlightLog-rawForm-submitBtn:focus-visible{outline-offset:2px;outline:2px solid #fff}.FlightLog-rawForm-cancelBtn{cursor:pointer;border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:3px;padding:5px 12px;font-size:11px}.FlightLog-rawForm-cancelBtn:hover{color:var(--text);border-color:#555}.FlightLog-rawForm-cancelBtn:focus-visible{outline-offset:2px;outline:2px solid #ffd54f}.FlightLog-addButton-wrapper{justify-content:center;margin-top:8px;display:flex}.FlightLog-addButton{background:var(--border);width:24px;height:24px;color:var(--text-dim);cursor:pointer;border:1px solid #444;border-radius:50%;padding:0;font-size:14px;line-height:22px;transition:background-color .15s,border-color .15s,color .15s}.FlightLog-addButton:hover{color:var(--text);background:#3a3a3a;border-color:#666}.FlightLog-addButton:focus-visible{outline-offset:2px;outline:2px solid #ffd54f}@media (width<=768px){.FlightLog-rawForm-textarea{font-size:16px!important}}.LivePreview-playback{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 12px;display:flex}.LivePreview-controls{align-items:center;gap:4px;display:flex}.LivePreview-controlBtn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .1s,color .1s;display:flex}.LivePreview-controlBtn svg{width:20px;height:20px}.LivePreview-controlBtn:hover:not(:disabled){background:var(--border);color:var(--text-bright)}.LivePreview-controlBtn:disabled{opacity:.3;cursor:not-allowed}.LivePreview-controlBtn:focus-visible{outline-offset:-2px;outline:2px solid #ffd54f}.LivePreview-controlBtn--playing{color:#ffd54f}.LivePreview-controlBtn--playing:hover:not(:disabled){color:#ffe566}.LivePreview-controlBtn--step{color:#000;background:#ffd54f;animation:1.5s ease-in-out infinite livePreviewPulseStep}.LivePreview-controlBtn--step:hover:not(:disabled){color:#000;background:#ffe566;animation:none}.LivePreview-controlBtn--step:focus-visible{outline-offset:2px;outline:2px solid #fff}.LivePreview-controlBtn--step:disabled{color:var(--text);background:0 0;animation:none}@keyframes livePreviewPulseStep{0%,to{opacity:1}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.LivePreview-controlBtn--step{animation:none}}.LivePreview-slider{appearance:none;background:var(--border);border-radius:2px;outline:none;flex:1;min-width:0;height:4px}.LivePreview-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ffd54f;border:none;border-radius:50%;width:14px;height:14px}.LivePreview-slider::-moz-range-thumb{cursor:pointer;background:#ffd54f;border:none;border-radius:50%;width:14px;height:14px}.LivePreview-slider:disabled{opacity:.5}.LivePreview-stepInfo{color:var(--text-dim);font-size:11px;font-family:var(--font-mono);text-align:right;white-space:nowrap;min-width:60px}.LivePreview-container{color:#111;background:#fff;flex:1;padding:20px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5;overflow:auto}.LivePreview-container h1{color:#000;margin:0 0 16px;font-size:28px}.LivePreview-container h2{color:#000;font-size:22px}.LivePreview-container h3{color:#000;font-size:18px}.LivePreview-container p{color:#111;margin:8px 0}.LivePreview-container button{color:#fff;cursor:pointer;background:#333;border:none;border-radius:4px;padding:8px 14px;font-size:14px}.LivePreview-container button:hover{background:#444}.LivePreview-empty{color:#999;font-style:italic}.LivePreview-empty--error{color:#c0392b}@media (width<=768px){.LivePreview-slider,.LivePreview-stepInfo{display:none}}@media (width<=400px){.LivePreview-playback{padding:6px}.LivePreview-controls{flex:1;justify-content:space-between;gap:0}.LivePreview-controlBtn{flex:1;width:auto;max-width:44px}}.Workspace{flex:1;grid-template:"server flight"50%"client preview"50%/50% 50%;min-height:0;display:grid;overflow:hidden}.Workspace-server,.Workspace-client,.Workspace-flight,.Workspace-preview{min-width:0;min-height:0;display:flex}.Workspace-server>*,.Workspace-client>*,.Workspace-flight>*,.Workspace-preview>*{flex:1;min-width:0;min-height:0}.Workspace-server{border-right:1px solid var(--border);border-bottom:1px solid var(--border);grid-area:server}.Workspace-client{border-right:1px solid var(--border);grid-area:client}.Workspace-flight{border-bottom:1px solid var(--border);grid-area:flight}.Workspace-preview{grid-area:preview}.Workspace-loadingOutput{min-height:0;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;background:var(--bg);color:var(--text-dim);flex:1;margin:0;padding:12px;font-size:12px;line-height:1.6;overflow:auto}.Workspace-loadingPreview{color:#111;background:#fff;flex:1;padding:20px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5;overflow:auto}.Workspace-loadingEmpty{color:var(--text-dim);font-style:italic}.Workspace-loadingEmpty--waiting:after{content:"...";animation:1.5s ease-in-out infinite workspacePulse}.Workspace-errorOutput{min-height:0;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;background:var(--bg);color:#e57373;flex:1;margin:0;padding:12px;font-size:12px;line-height:1.6;overflow:auto}.Workspace-errorPreview{color:#111;background:#fff;flex:1;padding:20px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5;overflow:auto}.Workspace-errorMessage{color:#c0392b;font-style:italic}@keyframes workspacePulse{0%,to{opacity:.3}50%{opacity:1}}.EmbedApp-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 12px;display:flex}.EmbedApp-title{color:var(--text-dim);letter-spacing:.3px;font-size:11px;font-weight:600}.EmbedApp-fullscreenLink{width:28px;height:28px;color:var(--text-dim);border-radius:4px;justify-content:center;align-items:center;margin-right:-10px;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.EmbedApp-fullscreenLink:hover{background:var(--border);color:var(--text-bright)}
