.code-editor-container[data-v-533ef262]{background:#f9fafb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1rem;line-height:1.5;display:flex;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.code-editor-container[data-v-533ef262]{background:#374151}}.line-numbers[data-v-533ef262]{color:#6b7280;text-align:right;-webkit-user-select:none;user-select:none;background:#f3f4f6;border-right:1px solid #e5e7eb;flex-shrink:0;width:60px;padding:10px 0;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.line-numbers[data-v-533ef262]{color:#9ca3af;background:#1f2937;border-right-color:#4b5563}}.line-number[data-v-533ef262]{justify-content:space-between;align-items:center;gap:4px;padding:0 8px;display:flex}.breakpoint-icon[data-v-533ef262]{cursor:pointer;flex-shrink:0;width:16px;height:16px}.breakpoint-icon circle[data-v-533ef262]{fill:none;stroke:none;transition:all .2s}.breakpoint-icon:hover circle[data-v-533ef262]{stroke:#ef4444;stroke-width:2px}.breakpoint-icon.active circle[data-v-533ef262]{fill:#ef4444;stroke:none}.editor-area[data-v-533ef262]{flex:1;position:relative;overflow:hidden}.line-backgrounds[data-v-533ef262]{pointer-events:none;padding:10px 0;position:absolute;inset:0;overflow:hidden}.line-bg.error[data-v-533ef262],.line-number.error[data-v-533ef262]{background:#ef44444d}.line-bg.running[data-v-533ef262],.line-number.running[data-v-533ef262]{background:#22c55e4d}.preview[data-v-533ef262]{white-space:pre;word-wrap:normal;word-break:normal;pointer-events:none;tab-size:4;font-family:inherit;font-size:inherit;line-height:inherit;font-variant-ligatures:none;font-feature-settings:normal;color:#111827;background:0 0;margin:0;padding:10px;position:absolute;inset:0;overflow:auto}@media (prefers-color-scheme:dark){.preview[data-v-533ef262]{color:#f9fafb}}.preview[data-v-533ef262] span{font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:inherit}.code-input[data-v-533ef262]{color:#0000;caret-color:#111827;resize:none;white-space:pre;word-wrap:normal;word-break:normal;font-family:inherit;font-size:inherit;line-height:inherit;z-index:1;tab-size:4;font-variant-ligatures:none;font-feature-settings:normal;letter-spacing:normal;background:0 0;border:none;outline:none;margin:0;padding:10px;position:absolute;inset:0;overflow:auto}@media (prefers-color-scheme:dark){.code-input[data-v-533ef262]{caret-color:#f9fafb}}.code-input[data-v-533ef262]::selection{color:#1e3a8a;background:#bfdbfe}@media (prefers-color-scheme:dark){.code-input[data-v-533ef262]::selection{color:#dbeafe;background:#1e40af}}code[data-v-87e0e4b8]{white-space:pre}