.codemirror-editor[data-v-644c34fc]{height:100%;width:100%}.codemirror-editor[data-v-644c34fc] .cm-editor{height:100%}.codemirror-editor[data-v-644c34fc] .cm-scroller{overflow:auto}.pen-editor[data-v-51dfed1c]{background:#1e1e1e;height:calc(100vh - 60px);position:relative}.pen-editor[data-v-51dfed1c] .splitpanes__splitter{background:#3e3e42;position:relative;transition:background .2s}.pen-editor[data-v-51dfed1c] .splitpanes__splitter:hover{background:#007acc}.pen-editor[data-v-51dfed1c] .splitpanes--vertical>.splitpanes__splitter{border:none;width:6px}.pen-editor[data-v-51dfed1c] .splitpanes--horizontal>.splitpanes__splitter{border:none;height:6px}.editor-container[data-v-51dfed1c]{background:#1e1e1e;display:flex;flex-direction:column;height:100%;overflow:hidden}.file-tabs[data-v-51dfed1c]{background:#252526;border-bottom:1px solid #3e3e42;display:flex;flex-shrink:0;overflow-x:auto}.file-tab[data-v-51dfed1c]{align-items:center;background:transparent;border:none;border-bottom:2px solid transparent;color:#969696;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 16px;transition:all .2s;white-space:nowrap}.file-tab[data-v-51dfed1c]:hover{background:#2a2a2a;color:#e0e0e0}.file-tab.active[data-v-51dfed1c]{background:#1e1e1e;border-bottom-color:#007acc;color:#fff}.remove-file[data-v-51dfed1c]{color:#858585;font-size:18px;line-height:1;transition:color .2s}.remove-file[data-v-51dfed1c]:hover{color:#ef4444}.add-file-btn[data-v-51dfed1c]{background:transparent;border:none;color:#007acc;cursor:pointer;font-size:13px;margin-left:auto;padding:10px 16px;transition:all .2s}.add-file-btn[data-v-51dfed1c]:hover{background:#2a2a2a}.editor-wrapper[data-v-51dfed1c]{flex:1;overflow:hidden;position:relative}.code-editor[data-v-51dfed1c]{height:100%;width:100%}.preview-container[data-v-51dfed1c]{background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}.preview-header[data-v-51dfed1c]{background:#252526;border-bottom:1px solid #3e3e42;color:#ccc;font-size:13px;justify-content:space-between;padding:10px 16px}.preview-header[data-v-51dfed1c],.preview-title[data-v-51dfed1c]{align-items:center;display:flex}.preview-title[data-v-51dfed1c]{gap:12px}.packages-info[data-v-51dfed1c]{background:#3b82f633;border-radius:4px;color:#93c5fd;font-size:11px;font-weight:500;padding:3px 8px}.refresh-btn[data-v-51dfed1c]{background:#3b82f626;border:none;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.refresh-btn[data-v-51dfed1c]:hover{background:#3b82f640;border-color:#3b82f666}.open-window-btn[data-v-51dfed1c]{background:#10b98126;border:none;border:1px solid rgba(16,185,129,.3);border-radius:6px;color:#6ee7b7;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.open-window-btn[data-v-51dfed1c]:hover{background:#10b98140;border-color:#10b98166}.open-window-btn[data-v-51dfed1c]:active{opacity:.8}.preview-content[data-v-51dfed1c]{flex:1;overflow:hidden;position:relative}.preview-content[data-v-51dfed1c] .splitpanes{height:100%}.preview-full[data-v-51dfed1c]{display:flex;flex-direction:column;height:100%}.preview-full .preview-iframe[data-v-51dfed1c]{flex:1}.preview-iframe[data-v-51dfed1c]{background:#fff;border:none;height:100%;width:100%}.modal-overlay[data-v-51dfed1c]{align-items:center;background:#000000b3;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}.modal-content[data-v-51dfed1c]{background:#252526;border-radius:8px;box-shadow:0 8px 32px #00000080;min-width:400px;padding:24px}.modal-content h3[data-v-51dfed1c]{color:#ccc;font-size:16px;margin-bottom:16px}.file-input[data-v-51dfed1c]{background:#3c3c3c;border:1px solid #555;border-radius:4px;color:#ccc;font-size:14px;margin-bottom:16px;padding:10px;width:100%}.file-input[data-v-51dfed1c]:focus{border-color:#007acc;outline:none}.modal-actions[data-v-51dfed1c]{display:flex;gap:8px;justify-content:flex-end}.btn-primary[data-v-51dfed1c],.btn-secondary[data-v-51dfed1c]{border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.btn-primary[data-v-51dfed1c]{background:#007acc;color:#fff}.btn-primary[data-v-51dfed1c]:hover{background:#005a9e}.btn-secondary[data-v-51dfed1c]{background:#3c3c3c;color:#ccc}.btn-secondary[data-v-51dfed1c]:hover{background:#4a4a4a}.console-panel[data-v-51dfed1c]{background:#1e1e1e;display:flex;flex-direction:column;height:100%;overflow:hidden}.console-panel.collapsed[data-v-51dfed1c]{flex-shrink:0;height:32px}.console-header[data-v-51dfed1c]{align-items:center;background:#252526;border-bottom:1px solid #3e3e42;display:flex;flex-shrink:0;justify-content:space-between;padding:6px 12px}.console-title[data-v-51dfed1c]{color:#ccc;font-size:13px;font-weight:600}.console-actions[data-v-51dfed1c]{display:flex;gap:8px}.filter-btn[data-v-51dfed1c]{background:transparent;border:1px solid #555;border-radius:3px;color:#888;cursor:pointer;font-size:11px;padding:2px 8px;transition:all .2s}.filter-btn.active[data-v-51dfed1c]{background:#007acc;border-color:#007acc;color:#fff}.filter-btn[data-v-51dfed1c]:hover{background:#444}.clear-btn[data-v-51dfed1c],.toggle-btn[data-v-51dfed1c]{background:transparent;border:none;color:#ccc;cursor:pointer;font-size:14px;padding:2px 8px;transition:all .2s}.clear-btn[data-v-51dfed1c]:hover,.toggle-btn[data-v-51dfed1c]:hover{background:#444;border-radius:3px}.console-body[data-v-51dfed1c]{flex:1;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;overflow-y:auto;padding:8px}.console-log[data-v-51dfed1c]{align-items:center;border-left:3px solid transparent;display:flex;gap:12px;margin-bottom:2px;padding:4px 8px}.console-log.console-info[data-v-51dfed1c],.console-log.console-log[data-v-51dfed1c]{border-left-color:#007acc;color:#ccc}.console-log.console-warn[data-v-51dfed1c]{background:#ffa5001a;border-left-color:orange;color:orange}.console-log.console-error[data-v-51dfed1c]{background:#f487711a;border-left-color:#f48771;color:#f48771}.log-time[data-v-51dfed1c]{color:#858585;flex-shrink:0;min-width:70px}.log-level[data-v-51dfed1c]{color:#569cd6;flex-shrink:0;font-size:10px;min-width:50px;text-transform:uppercase}.log-message[data-v-51dfed1c]{flex:1;white-space:pre-wrap;word-break:break-all}.console-empty[data-v-51dfed1c]{color:#858585;font-style:italic;padding:20px;text-align:center}.preview-actions[data-v-51dfed1c]{align-items:center;display:flex;gap:8px}.open-window-btn[data-v-51dfed1c],.refresh-btn[data-v-51dfed1c]{background:#3b82f626;border:none;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.open-window-btn[data-v-51dfed1c]:hover,.refresh-btn[data-v-51dfed1c]:hover{background:#3b82f640;border-color:#3b82f666}.open-window-btn[data-v-51dfed1c]:active,.refresh-btn[data-v-51dfed1c]:active{opacity:.8}@media(max-width:1024px){.pen-editor[data-v-51dfed1c]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}