:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--border:#30363d;--text-primary:#e6edf3;--text-secondary:#8b949e;--accent:#58a6ff;--accent-hover:#79b8ff;--success:#3fb950;--warning:#d29922;--error:#f85149;--font-mono:"JetBrains Mono",monospace;--font-ui:"Outfit",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-ui);height:100vh;overflow:hidden}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px 20px}.header,.logo{align-items:center;display:flex}.logo{color:var(--text-primary);font-size:18px;font-weight:600;gap:10px}.logo img,.logo svg{height:28px;width:28px}.file-menu-container{display:flex;flex:1;justify-content:flex-start;min-width:260px}.header-actions{align-items:center;display:flex;gap:12px}.crud-menu-bar{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:0 4px;width:fit-content}.crud-menu-button{color:var(--text-primary)}.crud-menu-button.active,.crud-menu-button:hover{background:var(--border)}.crud-menu-dropdown{background:var(--bg-tertiary);border:1px solid var(--border)}.crud-menu-item{color:var(--text-primary)}.crud-menu-item:hover:not(:disabled){background:var(--bg-secondary)}.crud-menu-item:disabled{color:var(--text-secondary)}.crud-menu-divider{background:var(--border)}.btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s ease}.btn:hover{background:var(--border);border-color:var(--text-secondary)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn svg{height:16px;width:16px}select{appearance:none;background:var(--bg-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238b949e' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-family:var(--font-ui);font-size:13px;padding:8px 32px 8px 12px}select:hover{border-color:var(--text-secondary)}select:focus{border-color:var(--accent);outline:none}.container{display:flex;height:calc(100vh - 57px)}.editor-panel{background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:300px}.panel-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 16px}.panel-title{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.editor-wrapper{flex:1;overflow:hidden;position:relative}.line-numbers{border-right:1px solid var(--border);bottom:0;color:var(--text-secondary);left:0;overflow:hidden;padding:16px 8px;position:absolute;text-align:right;top:0;user-select:none;width:48px}.line-numbers,textarea{background:var(--bg-primary);font-family:var(--font-mono);font-size:13px;line-height:1.6}textarea{border:none;color:var(--text-primary);height:100%;outline:none;padding:16px 16px 16px 64px;resize:none;width:100%}textarea::placeholder{color:var(--text-secondary)}.resizer{background:var(--border);cursor:col-resize;flex-shrink:0;transition:background .15s ease;width:6px}.resizer.active,.resizer:hover{background:var(--accent)}.preview-panel{background:var(--bg-secondary);display:flex;flex:1;flex-direction:column;min-width:300px}.preview-controls{align-items:center;display:flex;gap:8px}.zoom-controls{background:var(--bg-secondary);border-radius:6px;gap:4px;padding:4px}.zoom-btn,.zoom-controls{align-items:center;display:flex}.zoom-btn{background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;height:28px;justify-content:center;transition:all .15s ease;width:28px}.zoom-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.zoom-level{color:var(--text-secondary);font-size:12px;min-width:45px;text-align:center}.preview-wrapper{align-items:center;background:var(--bg-primary);display:flex;flex:1;justify-content:center;overflow:auto;position:relative}.preview-content{padding:20px;transform-origin:center;transition:transform .15s ease}.preview-content img,.preview-content svg{display:block;height:auto;max-width:100%}.loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.error{align-items:center;color:var(--error);display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center}.error svg{height:40px;width:40px}.placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;text-align:center}.placeholder svg{height:48px;opacity:.5;width:48px}.status-bar{background:var(--bg-tertiary);border-top:1px solid var(--border);color:var(--text-secondary);font-size:12px;gap:12px;justify-content:space-between;padding:6px 16px}.status-bar,.status-indicator{align-items:center;display:flex}.status-indicator{gap:6px}.status-dot{background:var(--success);border-radius:50%;height:8px;width:8px}.status-dot.loading{animation:pulse 1s ease-in-out infinite;background:var(--warning)}.status-dot.error{background:var(--error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.storage-meta{display:flex;flex-direction:column;gap:2px;min-width:180px}.storage-meta div{color:var(--text-secondary);font-size:11px}@media (max-width:768px){.status-bar{align-items:flex-start;flex-direction:column}.file-menu-container{width:100%}}.shortcuts{display:flex;gap:16px}kbd{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:11px;padding:2px 6px}.toast-container{bottom:60px;display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;z-index:1000}.toast{align-items:center;animation:slideIn .2s ease;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);display:flex;gap:10px;padding:12px 16px}.toast.success{border-color:var(--success)}.toast.error{border-color:var(--error)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.fullscreen .preview-wrapper{background:var(--bg-primary);inset:0;position:fixed;z-index:100}.fullscreen-exit{position:fixed;right:20px;top:20px;z-index:101}@media (max-width:768px){.container{flex-direction:column}.editor-panel{border-bottom:1px solid var(--border);border-right:none;height:50%}.resizer,.shortcuts{display:none}}.crud-menu-bar{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0;user-select:none}.crud-menu-container{position:relative}.crud-menu-button{background:none;border:none;color:#374151;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.crud-menu-button.active,.crud-menu-button:hover{background:#e5e7eb}.crud-menu-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;left:0;min-width:200px;padding:4px 0;position:absolute;top:100%;z-index:1000}.crud-menu-dropdown.open{display:block}.crud-menu-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;text-align:left;transition:background .2s;width:100%}.crud-menu-item:hover:not(:disabled){background:#f3f4f6}.crud-menu-item:disabled{color:#9ca3af;cursor:not-allowed}.crud-menu-divider{background:#e5e7eb;height:1px;margin:4px 0}.crud-modal-backdrop{background:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}.crud-modal-backdrop.open{display:block}.crud-modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);display:none;flex-direction:column;left:50%;max-height:90vh;max-width:90vw;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:600px;z-index:1001}.crud-modal.open{display:flex}.crud-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.crud-modal-title{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.crud-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.crud-modal-close:hover{background:#f3f4f6}.crud-modal-content{flex:1;overflow-y:auto;padding:20px}.crud-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.crud-filter-section{margin-bottom:20px}.crud-filter-input{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.crud-filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.crud-items-list{border:1px solid #e5e7eb;border-radius:4px;margin-bottom:20px;max-height:400px;overflow-y:auto}.crud-item-row{align-items:center;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;transition:background .2s}.crud-item-row:last-child{border-bottom:none}.crud-item-row:hover{background:#f9fafb}.crud-item-content{flex:1;overflow:hidden}.crud-load-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 16px;transition:background .2s;white-space:nowrap}.crud-load-btn:hover{background:#2563eb}.crud-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:12px}.crud-pagination-info{color:#6b7280;font-size:14px}.crud-pagination-controls{align-items:center;display:flex;gap:8px}.crud-pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:14px;padding:6px 12px;transition:background .2s}.crud-pagination-btn:hover:not(:disabled){background:#f9fafb}.crud-pagination-btn:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.crud-pagination-page{color:#374151;font-size:14px;padding:6px 12px}.crud-prompt-message{color:#374151;font-size:14px;margin:0 0 16px}.crud-prompt-input{border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-size:14px;margin-bottom:20px;padding:10px 12px;transition:border-color .2s;width:100%}.crud-prompt-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.crud-btn{border:none;border-radius:4px;cursor:pointer;font-family:inherit;font-size:14px;padding:8px 16px;transition:all .2s}.crud-btn-primary{background:#3b82f6;color:#fff}.crud-btn-primary:hover{background:#2563eb}.crud-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.crud-btn-secondary:hover{background:#f9fafb}@media (prefers-color-scheme:dark){.crud-menu-bar{background:#1f2937;border-bottom-color:#374151}.crud-menu-button{color:#f9fafb}.crud-menu-button.active,.crud-menu-button:hover{background:#374151}.crud-menu-dropdown{background:#1f2937;border-color:#374151}.crud-menu-item{color:#f9fafb}.crud-menu-item:hover:not(:disabled){background:#374151}.crud-modal{background:#1f2937;color:#f9fafb}.crud-modal-header{border-bottom-color:#374151}.crud-modal-title{color:#f9fafb}.crud-modal-close{color:#9ca3af}.crud-modal-close:hover{background:#374151}.crud-filter-input,.crud-prompt-input{background:#374151;border-color:#4b5563;color:#f9fafb}.crud-items-list{background:#111827;border-color:#374151}.crud-item-row{border-bottom-color:#374151}.crud-item-row:hover{background:#1f2937}.crud-pagination{border-top-color:#374151}.crud-pagination-info,.crud-pagination-page{color:#9ca3af}.crud-pagination-btn{background:#374151;border-color:#4b5563;color:#f9fafb}.crud-pagination-btn:hover:not(:disabled){background:#4b5563}.crud-pagination-btn:disabled{background:#1f2937;color:#6b7280}.crud-btn-secondary{background:#374151;border-color:#4b5563;color:#f9fafb}.crud-btn-secondary:hover{background:#4b5563}}@media (max-width:768px){.crud-modal{max-height:85vh;width:95vw}.crud-modal-content,.crud-modal-header{padding:16px}.crud-menu-button{font-size:13px;padding:8px 12px}.crud-pagination{align-items:stretch;flex-direction:column;gap:12px}.crud-pagination-controls{justify-content:center}}
/*# sourceMappingURL=bundle.css.map */