@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg-color: #f3f4f6;--surface-color: #ffffff;--surface-alt: #f9fafb;--text-primary: #111827;--text-secondary: #4b5563;--border-color: #e5e7eb;--accent-color: #3b82f6;--accent-hover: #2563eb;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--toolbar-bg: #e5e7eb}[data-theme=dark]{--bg-color: #111827;--surface-color: #1f2937;--surface-alt: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--border-color: #4b5563;--accent-color: #60a5fa;--accent-hover: #3b82f6;--glass-bg: rgba(31, 41, 55, .7);--glass-border: rgba(75, 85, 99, .5);--toolbar-bg: #4b5563}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;color:inherit;border:none;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none}*:not(h1,h2,h3,h4,h5,h6,em,strong,b,i,code,pre,span),*:before:not(h1,h2,h3,h4,h5,h6,em,strong,b,i,code,pre,span),*:after:not(h1,h2,h3,h4,h5,h6,em,strong,b,i,code,pre,span){font:inherit}*:not(del),*:before:not(del),*:after:not(del){text-decoration:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100vh;background-color:var(--bg-color);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{height:inherit}a{color:var(--accent-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover);text-decoration:underline}main{display:flex;flex-direction:column;height:100%}.header-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--surface-color);border-bottom:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}@media(max-width:768px){.header-toolbar{padding:.75rem 1rem}.header-toolbar .title-area p{display:none}}.header-toolbar .title-area{display:flex;flex-direction:column}.header-toolbar .title-area h1{font-weight:600;font-size:1.25rem;margin-bottom:.15rem}.header-toolbar .title-area p{font-size:.875rem;color:var(--text-secondary)}.header-toolbar .actions{display:flex;gap:.5rem}.header-toolbar .actions button{display:flex;align-items:center;justify-content:center;padding:.6rem;border-radius:.375rem;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.header-toolbar .actions button:hover{background-color:var(--surface-alt);color:var(--accent-color)}.header-toolbar .actions button[disabled]{opacity:.5;cursor:not-allowed}.header-toolbar .actions button[disabled]:hover{background-color:transparent;color:var(--text-secondary)}.content{flex:1;display:flex;flex-direction:column;overflow:hidden}.content .workspace{display:flex;flex:1;overflow:hidden;position:relative}@media(max-width:768px){.content .workspace{flex-direction:column}}.content .workspace .pane{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--border-color);background-color:var(--surface-color);transition:background-color .3s ease,border-color .3s ease;min-width:0;min-height:0}@media(max-width:768px){.content .workspace .pane{border-right:none;border-bottom:1px solid var(--border-color)}}.content .workspace .pane:last-child{border-right:none}@media(max-width:768px){.content .workspace .pane:last-child{border-bottom:none}}.content .workspace .pane .pane-header{padding:.75rem 1rem;background-color:var(--surface-alt);border-bottom:1px solid var(--border-color);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease,border-color .3s ease}.content .workspace .pane .pane-header .pane-actions{display:flex;gap:.5rem}.content .workspace .pane .pane-header .pane-actions button{cursor:pointer;color:var(--text-secondary);transition:color .2s ease;display:flex;align-items:center}.content .workspace .pane .pane-header .pane-actions button:hover{color:var(--accent-color)}.content .workspace .pane .pane-header .pane-actions button[disabled]{opacity:.5;cursor:not-allowed}.content .workspace .pane .pane-header .pane-actions button[disabled]:hover{color:var(--text-secondary)}.content .workspace .pane .pane-content{flex:1;overflow-y:auto;position:relative}.content .workspace textarea{display:block;width:100%;height:100%;resize:none;padding:1.5rem;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.6;color:var(--text-primary);background:transparent}.content .workspace textarea::placeholder{color:var(--text-secondary);opacity:.6}.content .workspace .markdown-preview{padding:1.5rem;min-height:100%;line-height:1.7;color:var(--text-primary);font-size:1rem}.content .workspace .markdown-preview h1,.content .workspace .markdown-preview h2,.content .workspace .markdown-preview h3,.content .workspace .markdown-preview h4,.content .workspace .markdown-preview h5,.content .workspace .markdown-preview h6{font-weight:600;margin-top:2rem;margin-bottom:1rem;line-height:1.25}.content .workspace .markdown-preview h1{font-size:2.25rem;border-bottom:1px solid var(--border-color);padding-bottom:.3em}.content .workspace .markdown-preview h2{font-size:1.875rem;border-bottom:1px solid var(--border-color);padding-bottom:.3em}.content .workspace .markdown-preview h3{font-size:1.5rem}.content .workspace .markdown-preview h4{font-size:1.25rem}.content .workspace .markdown-preview p,.content .workspace .markdown-preview ul,.content .workspace .markdown-preview ol,.content .workspace .markdown-preview blockquote{margin-bottom:1rem}.content .workspace .markdown-preview ul,.content .workspace .markdown-preview ol{padding-left:2rem}.content .workspace .markdown-preview li{margin-bottom:.25rem}.content .workspace .markdown-preview blockquote{border-left:4px solid var(--border-color);padding-left:1rem;color:var(--text-secondary);font-style:italic}.content .workspace .markdown-preview hr{margin:2rem 0;border:none;border-top:4px solid var(--border-color)}.content .workspace .markdown-preview code{background-color:var(--surface-alt);padding:.2em .4em;border-radius:.25rem;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.875em}.content .workspace .markdown-preview pre{background-color:transparent!important;border-radius:.5rem;overflow:hidden;margin-bottom:1rem;border:1px solid var(--border-color);padding:0!important;overflow-x:auto}.content .workspace .markdown-preview pre>div{margin:0!important}.content .workspace .markdown-preview pre code{background-color:transparent;padding:0;color:inherit}.content .workspace .markdown-preview table{width:100%;border-collapse:collapse;margin-bottom:1rem}.content .workspace .markdown-preview table th,.content .workspace .markdown-preview table td{border:1px solid var(--border-color);padding:.75rem;text-align:left}.content .workspace .markdown-preview table th{background-color:var(--surface-alt);font-weight:600}.content .workspace .markdown-preview img{max-width:100%;height:auto;border-radius:.5rem}.content .workspace .markdown-preview a{text-decoration:none;border-bottom:1px solid var(--accent-color);padding-bottom:1px}.content .workspace .markdown-preview a:hover{border-bottom-width:2px}.status-bar{display:flex;justify-content:space-between;padding:.5rem 1.5rem;background-color:var(--surface-color);border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-secondary);transition:background-color .3s ease,border-color .3s ease}@media(max-width:768px){.status-bar{padding:.5rem 1rem;flex-wrap:wrap;gap:.5rem;justify-content:center}}.status-bar .stats{display:flex;gap:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-color)}::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}