.code-study{min-width:0;min-height:100px;font-family:var(--code-font-family,ui-monospace, "Cascadia Code", monospace);font-size:var(--code-font-size,1rem);background:var(--code-background,black);color:var(--code-text-color,#ffffffb3);flex-direction:column;display:flex}.code-study:focus-visible{outline:2px solid var(--code-focus-outline,#4299e1);outline-offset:-2px}.code-study.is-editing:focus-visible{outline:none}.code-study-header{z-index:2;position:relative}.code-study-imports{display:inline-flex;position:relative}.code-study-imports-chip{color:inherit;font:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;justify-content:center;align-items:center;padding:0 .4rem;display:inline-flex}.code-study-imports-chip:hover,.code-study-imports-chip:focus-visible,.code-study-imports-chip[aria-expanded=true]{opacity:1}.code-study-imports-popover{z-index:10;background:var(--code-popover-background,#1a1d22);border:1px solid var(--code-popover-border,#ffffff26);border-radius:4px;min-width:12rem;padding:.6rem .75rem;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 6px 16px #0000004d}.code-study-imports-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--code-header-text-color,#ffffff8c);margin:0 0 .4rem;font-size:.7rem;font-weight:500}.code-study-imports-list{font-family:var(--code-font-family,ui-monospace, monospace);flex-direction:column;gap:.25rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.code-study-imports-list a{color:var(--code-header-text-color,#ffffffd9);text-decoration:none}.code-study-imports-list a:hover{text-decoration:underline}.code-study-editor{flex:auto;min-width:0;min-height:0;overflow:auto}.code-study-editor .cm-editor{background:var(--code-background,black);min-width:0;height:100%}.code-study-editor .cm-scroller{min-width:0;padding:var(--code-padding,1rem);overflow:auto}.code-study-editor .cm-content{min-width:0;tab-size:var(--code-tab-size,3);padding:0}.code-study-editor .cm-line{padding:0}.study-output{min-width:0;min-height:var(--study-output-min-height,200px);aspect-ratio:var(--study-output-ratio,3 / 2);background:var(--study-output-background,white);flex-direction:column;display:flex}.study-output-body{flex-direction:column;flex:auto;min-height:0;display:flex}.study-output-grid-toggle{color:inherit;font:inherit;cursor:pointer;opacity:.7;background:0 0;border:0}.study-output-grid-toggle:hover,.study-output-grid-toggle.is-active{opacity:1}.study-output-frame{background:var(--study-output-background,white);border:none;flex:auto;width:100%;display:block}.study-output-message,.study-output-empty,.study-output-loading,.study-output-error{padding:var(--code-padding,1rem);font-family:var(--code-font-family,ui-monospace, monospace);font-size:var(--code-font-size,1rem);color:var(--code-text-color,#ffffffb3);opacity:.6;flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex}.study-output-error{color:var(--study-error-color,#ef4444)}.study-output-spinner{border:2px solid var(--study-spinner-track,#e2e8f0);border-top-color:var(--study-spinner-color,#64748b);border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite study-spin}@keyframes study-spin{to{transform:rotate(360deg)}}.study-console{min-width:0;min-height:var(--study-console-min-height,8rem);background:var(--code-background,black);color:var(--code-text-color,#ffffffb3);font-family:var(--code-font-family,ui-monospace, monospace);font-size:var(--code-font-size,1rem);font-weight:var(--code-font-weight,280);font-variation-settings:"wght" var(--code-font-weight,280), "wdth" 100, "slnt" 0;line-height:var(--code-line-height,1.45);flex-direction:column;display:flex}.study-console-clear{color:inherit;font:inherit;cursor:pointer;opacity:.7;background:0 0;border:0}.study-console-clear:hover{opacity:1}.study-console-logs{min-height:0;padding:var(--code-padding,1rem);background:var(--code-background,black);flex:1 1 0;overflow:auto}.study-console-entry{border-radius:3px;gap:.5rem;margin-bottom:.25rem;padding:.3rem .5rem;display:flex}.study-console-icon{opacity:.6;flex-shrink:0;width:1em}.study-console-content{white-space:pre-wrap;word-break:break-word;margin:0}.console-log{color:var(--console-log,#cdd6f4)}.console-warn{color:var(--console-warn,#f9e2af);background:var(--console-warn-background,#f9e2af1a)}.console-error{color:var(--console-error,#f38ba8);background:var(--console-error-background,#f38ba81a)}.study-console-entry.is-old{opacity:.7}.study-console-empty{color:var(--console-text-color,#cdd6f4);opacity:.5;text-align:center;padding:1rem;font-style:italic}.study-console-separator{align-items:center;margin:.25rem 0;padding:.5rem 0;display:flex}.study-console-separator-line{background:var(--console-border,#313244);flex:1;height:1px}.study-browser{background:var(--study-output-background,white);border-radius:inherit;flex-direction:column;min-width:0;display:flex;overflow:hidden}.browser-url{border:1px solid var(--pane-header-border,#e2e8f0);box-sizing:border-box;background:#fff;border-radius:3px;flex:1;align-items:center;gap:.5rem;min-width:0;height:1.6rem;padding:0 .5rem;display:flex}.browser-file{white-space:nowrap}.browser-query{min-width:60px;color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0}.browser-request-btn:disabled{opacity:.6;cursor:not-allowed}.browser-spinner{border:2px solid var(--study-browser-spinner-track,currentColor);border-top-color:var(--study-browser-spinner,transparent);border-radius:50%;width:.8rem;height:.8rem;animation:.8s linear infinite browser-spin}@keyframes browser-spin{to{transform:rotate(360deg)}}.browser-content{min-height:100px;aspect-ratio:var(--study-output-ratio,3 / 2);flex-direction:column;flex:1;display:flex}.browser-empty,.browser-error{font-family:var(--code-font-family,ui-monospace, monospace);font-size:var(--code-font-size,1rem);color:var(--code-text-color,#ffffffb3);opacity:.6;flex:1;justify-content:center;align-items:center;padding:1rem;display:flex}.browser-error{color:var(--study-error-color,#ef4444)}.browser-frame{background:var(--study-output-background,white);border:none;flex:1;width:100%}.study-response{background:var(--study-response-background,#f8fafc);flex-direction:column;min-width:0;min-height:0;display:flex}.response-source{font-family:var(--study-font-mono,monospace);font-size:var(--study-font-size,14px);color:var(--study-response-text,black);background:var(--study-response-background,#f8fafc);white-space:pre-wrap;word-break:break-word;flex:auto;margin:0;padding:1rem;line-height:1.5;overflow:auto}.study-pane{min-width:0;min-height:var(--study-pane-min-height,100px);background:var(--study-code-background,#282c34);flex-direction:column;display:flex}[data-pane=browser] .study-pane,[data-pane=response] .study-pane,[data-pane=output] .study-pane{background:var(--code-background-light,white)}.study-pane>:not(.pane-handle){flex:auto;min-width:0}.study-pane.drop-target{outline:3px solid var(--study-drop-target,#9f7aea);outline-offset:-3px}.pane-handle{background:var(--study-handle-background,#4a5568);color:var(--study-handle-text,white);-webkit-user-select:none;user-select:none;cursor:grab;justify-content:center;align-items:center;padding:.2rem .4rem;font-size:.8rem;display:flex}.pane-handle:active{cursor:grabbing}.handle-icon{opacity:.8;letter-spacing:-2px}.handle-label{opacity:.9;margin-left:.3rem;font-size:.75rem}.study-area{background:var(--study-area-background,#f5f5f5);flex:1 1 0;min-width:0;min-height:0;display:flex}.study-area.direction-column{flex-direction:column}.study-area.direction-row{flex-direction:row}.study-area .pane-wrapper{min-width:0;min-height:0;display:flex}.study-area.direction-column .pane-wrapper{flex:auto}.study-area.direction-row .pane-wrapper{flex:1 1 0}.study-area .pane-wrapper>.study-pane{flex:1 1 0;min-width:0;min-height:0}.drop-indicator{background:0 0;border-radius:4px;flex:0 0 0;transition:flex-basis .15s,background .15s}.direction-column .drop-indicator.active{background:var(--study-drop-background,#4299e133);border:2px dashed var(--study-drop-border,#4299e1);flex-basis:40px;margin:2px 0}.direction-row .drop-indicator.active{background:var(--study-drop-background,#4299e133);border:2px dashed var(--study-drop-border,#4299e1);flex-basis:40px;margin:0 2px}.study-area.is-empty{justify-content:center;align-items:center;min-height:60px}.empty-message{color:var(--study-empty-text,#a0aec0);font-size:.85rem}.study-area.drag-active{background:var(--study-drag-highlight,#4299e10d)}.study-zones{gap:var(--study-divider-size,2px);background:var(--study-divider-color,#e2e8f0);flex-direction:column;min-width:0;display:flex}.zones-top{min-height:var(--study-zones-min-height,200px);gap:var(--study-divider-size,2px);flex:none;min-width:0;display:flex}.zones-bottom{flex:none;min-width:0}.study-zones:not(.edit-mode) .study-area.is-empty{display:none}.study-zones:not(.edit-mode) .zones-top:not(:has(.pane-wrapper)){display:none}@container (width<=600px){.zones-top{flex-direction:column;min-height:auto}.zones-top>.study-area{min-height:var(--study-area-stacked-min-height,150px);flex:none}.study-area.direction-row{flex-direction:column}.study-area.direction-row .pane-wrapper{flex:auto}.study-output{aspect-ratio:unset}}.study-frame{flex-direction:column;min-width:0;display:flex;position:relative;container:study-frame/inline-size}.pane-header{height:var(--pane-header-height,2.25rem);padding:0 var(--pane-header-padding,.75rem);background:var(--pane-header-bg,#f1f5f9);border-bottom:1px solid var(--pane-header-border,#e2e8f0);color:var(--pane-header-text,#475569);font-family:var(--code-font-family,ui-monospace, monospace);font-size:var(--pane-header-font-size,.8rem);box-sizing:border-box;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.code-study>.pane-header,.study-console>.pane-header{--pane-header-bg:#ffffff0d;--pane-header-border:#ffffff14;--pane-header-text:#ffffffb3}.hidden-runner{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.toolbar-imports{flex:16rem;min-width:14rem}.toolbar-imports-input{width:100%;font-family:var(--study-font-mono,ui-monospace, monospace);border:1px solid var(--study-toolbar-border,#cbd5e1);color:var(--study-tag-text,#334155);resize:vertical;background:#fff;border-radius:3px;padding:.3rem .4rem;font-size:.8rem}.study-toolbar{background:var(--study-toolbar-background,#f1f5f9);border-bottom:1px solid var(--study-toolbar-border,#e2e8f0);flex-wrap:wrap;gap:1.5rem;padding:.6rem .75rem;font-size:.85rem;display:flex}.toolbar-section{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.toolbar-label{color:var(--study-toolbar-label,#64748b);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:500}.toolbar-tag{background:var(--study-tag-background,#e2e8f0);font-family:var(--study-font-mono,ui-monospace, monospace);border-radius:3px;align-items:center;gap:.2rem;padding:.2rem .4rem;display:inline-flex}.tag-name{color:var(--study-tag-text,#334155)}.tag-delete{cursor:pointer;color:var(--study-tag-delete,#94a3b8);background:0 0;border:none;padding:0 .15rem;font-size:1rem;line-height:1}.tag-delete:hover{color:var(--study-tag-delete-hover,#ef4444)}.toolbar-add{background:var(--study-add-background,#e2e8f0);border:1px dashed var(--study-add-border,#94a3b8);cursor:pointer;color:var(--study-add-text,#64748b);border-radius:3px;padding:.2rem .5rem;font-size:.85rem}.toolbar-add:hover{background:var(--study-add-hover-background,#cbd5e0);border-color:var(--study-add-hover-border,#64748b)}.toolbar-checkbox{cursor:pointer;color:var(--study-checkbox-text,#475569);align-items:center;gap:.25rem;display:flex}.toolbar-checkbox input{cursor:pointer}
/*$vite$:1*/