@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap";:root{--app-version:"1.0.3";--font-sans:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--bg-app:radial-gradient(circle at 0% 0%, #f3f4f6 0%, #e5e7eb 100%);--bg-glass:#ffffffa6;--bg-glass-active:#ffffffd9;--bg-sidebar:#f3f4f6bf;--bg-card:#fffc;--bg-input:#ffffffe6;--border-glass:#00000014;--border-glass-focus:#6366f166;--text-main:#1f2937;--text-muted:#4b5563;--text-inverse:#fff;--accent:#6366f1;--accent-light:#818cf8;--accent-gradient:linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--accent-glow:#6366f140;--scrollbar-thumb:#00000026;--scrollbar-thumb-hover:#0000004d;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 30px #0000000f;--shadow-lg:0 12px 40px #00000014;--md-code-bg:#f4f4f5;--md-code-text:#0f172a;--md-quote-bg:#f9fafb;--md-quote-border:#e5e7eb;--md-table-border:#e5e7eb;--md-table-stripe:#f9fafb}[data-theme=dark]{--bg-app:radial-gradient(circle at 0% 0%, #0d0e12 0%, #161824 100%);--bg-glass:#161824b3;--bg-glass-active:#1e2032d9;--bg-sidebar:#0d0e12bf;--bg-card:#1e203280;--bg-input:#121420b3;--border-glass:#ffffff12;--border-glass-focus:#818cf866;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-inverse:#0d0e12;--accent:#818cf8;--accent-light:#a5b4fc;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #818cf8 100%);--accent-glow:#818cf84d;--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#ffffff40;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 30px #00000059;--shadow-lg:0 12px 40px #00000080;--md-code-bg:#1e2030;--md-code-text:#f8fafc;--md-quote-bg:#1e20324d;--md-quote-border:#374151;--md-table-border:#374151;--md-table-stripe:#ffffff05}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-main);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);transition:var(--transition-fast);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);box-shadow:var(--shadow-md);border-radius:var(--border-radius-md);transition:background var(--transition-normal), border var(--transition-normal)}.acrylic-blur{background:var(--bg-sidebar);-webkit-backdrop-filter:blur(30px);border-right:1px solid var(--border-glass);transition:background var(--transition-normal)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseSave{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeIn}button{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;outline:none}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--border-radius-sm);box-shadow:0 4px 14px var(--accent-glow);align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 20px var(--accent-glow);filter:brightness(1.05);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-main);border-radius:var(--border-radius-sm);align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--bg-glass-active);border-color:var(--border-glass-focus);box-shadow:var(--shadow-sm)}.btn-icon{border-radius:var(--border-radius-sm);width:36px;height:36px;color:var(--text-muted);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--bg-glass-active);color:var(--text-main);border-color:var(--border-glass)}.editor-line-measure{visibility:hidden;pointer-events:none;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;height:auto;font-family:var(--font-mono);position:absolute;top:0;left:0}.editor-textarea:focus{border-color:var(--border-glass-focus);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.markdown-preview{color:var(--text-main);overflow-wrap:break-word;font-size:16px;line-height:1.625}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{font-family:var(--font-sans);color:var(--text-main);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.25}.markdown-preview h1{border-bottom:2px solid var(--border-glass);margin-top:.5em;padding-bottom:.3em;font-size:2.2rem}.markdown-preview h2{border-bottom:1px solid var(--border-glass);padding-bottom:.2em;font-size:1.65rem}.markdown-preview h3{font-size:1.35rem}.markdown-preview h4{font-size:1.15rem}.markdown-preview p{white-space:pre-wrap;margin-bottom:1em}.markdown-preview a{color:var(--accent);border-bottom:1px dashed var(--accent);transition:var(--transition-fast);font-weight:500;text-decoration:none}.markdown-preview a:hover{color:var(--accent-light);border-bottom-style:solid}.markdown-preview strong{font-weight:600}.markdown-preview em{font-style:italic}.markdown-preview blockquote{color:var(--text-muted);background:var(--md-quote-bg);border-left:4px solid var(--accent);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;margin:1.5em 0;padding:.8em 1.2em}.markdown-preview code{font-family:var(--font-mono);background:var(--md-code-bg);color:var(--md-code-text);border-radius:var(--border-radius-sm);padding:.2em .4em;font-size:.9em}.markdown-preview pre{background:var(--md-code-bg);border-radius:var(--border-radius-md);border:1px solid var(--border-glass);margin:1.5em 0;padding:1.2em;overflow-x:auto}.markdown-preview pre code{color:inherit;background:0 0;padding:0;font-size:.925em}.markdown-preview ul,.markdown-preview ol{margin-bottom:1em;padding-left:1.75em}.markdown-preview li{margin-bottom:.35em}.markdown-preview li>ul,.markdown-preview li>ol{margin-top:.35em;margin-bottom:0}.markdown-preview input[type=checkbox]{vertical-align:middle;accent-color:var(--accent);margin:0 .5em .25em -1.2em}.markdown-preview table{border-collapse:collapse;width:100%;max-width:100%;margin:1.5em 0;font-size:.95em;display:block;overflow-x:auto}.markdown-preview th,.markdown-preview td{border:1px solid var(--md-table-border);text-align:left;padding:.75em 1em}.markdown-preview th{background:var(--md-table-stripe);font-weight:600}.markdown-preview tr:nth-child(2n){background:var(--md-table-stripe)}.markdown-preview img{border-radius:var(--border-radius-md);max-width:100%;height:auto;box-shadow:var(--shadow-sm);margin:1.5em auto;display:block}.markdown-preview hr{background:var(--border-glass);border:none;height:2px;margin:2em 0}.markdown-preview ul.task-list{padding-left:1.2em;list-style-type:none}.split-pane-divider{cursor:col-resize;background:var(--border-glass);transition:background var(--transition-fast), box-shadow var(--transition-fast);z-index:2;border-radius:4px;flex:0 0 6px;margin:0 4px;position:relative}.split-pane-divider:hover,.split-pane-divider:focus-visible{background:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.split-pane-divider:after{content:"";background:var(--text-muted);opacity:.5;border-radius:2px;width:2px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.app-main,.workspace-row,.workspace-panel,.single-layout-row,.toolbar-container,.status-bar-container{min-width:0}.toolbar-container{max-width:calc(100vw - 24px)}.toolbar-group{flex-wrap:wrap;min-width:0}.toolbar-file-group{flex:280px}.toolbar-control-group{flex:260px;justify-content:flex-end}.toolbar-format-group{flex:0 auto;max-width:100%;overflow-x:auto}.toolbar-file-tag{flex:120px;min-width:0}.preview-container,.editor-textarea{min-width:0}.status-left,.status-stats{flex-wrap:wrap;min-width:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.powered-by{color:var(--text-muted);transition:opacity var(--transition-fast), color var(--transition-fast);flex-shrink:0;align-items:center;gap:6px;font-size:.72rem;text-decoration:none;display:inline-flex}.powered-by:hover{color:var(--text-main)}.powered-by__label{letter-spacing:.02em;white-space:nowrap}.powered-by__logo{width:auto;height:16px;display:block}[data-theme=light] .powered-by__logo{filter:brightness(0);opacity:.72}[data-theme=light] .powered-by:hover .powered-by__logo{opacity:.9}.app-version{color:var(--text-muted);opacity:.8;font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:.62rem;line-height:1.2}.export-modal-backdrop{padding:16px;overflow-y:auto}.export-modal-panel{max-height:calc(100vh - 32px);overflow-y:auto;width:min(520px,100vw - 32px)!important}.export-option-card{min-width:0}.export-option-content{flex:auto}@media (width<=1100px){.sidebar-container{width:240px!important}.toolbar-container{gap:8px!important;padding:8px 12px!important}.toolbar-file-tag{max-width:140px!important}.status-bar-container{flex-wrap:wrap;gap:8px}.status-stats{justify-content:flex-start;gap:10px!important}.powered-by{order:3;justify-content:center;width:100%;padding-top:4px}}@media (width<=860px){.app-shell{position:relative}.sidebar-container{max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);top:0;left:0;width:min(280px,100vw - 24px)!important;position:absolute!important}.toolbar-container{max-width:calc(100vw - 16px);margin:8px 8px 0!important}.toolbar-control-group{justify-content:flex-start}.workspace-row{padding:8px!important}.split-pane{flex-direction:column;gap:8px}.split-pane-panel{width:100%;min-height:0;flex:1 1 0!important}.split-pane-divider{display:none}.preview-container{padding:18px 20px!important}.markdown-preview{font-size:15px}.markdown-preview h1{font-size:1.8rem}.markdown-preview h2{font-size:1.4rem}}@media (width<=640px){.toolbar-container{align-items:stretch!important}.toolbar-group{width:100%}.toolbar-file-group .btn-secondary,.toolbar-control-group .btn-primary{flex:auto;justify-content:center;padding-left:10px!important;padding-right:10px!important}.toolbar-file-tag{flex-basis:100%;order:5;max-width:none!important;margin-left:0!important}.toolbar-format-group{width:100%}.toolbar-font-label{display:none!important}.status-bar-container{margin:0 8px 8px!important;padding:6px 10px!important}.status-left,.status-stats{gap:8px!important}.status-stats>span{display:none}.editor-line-numbers{width:36px!important;padding-right:6px!important}.preview-container{padding:14px 16px!important}.export-modal-panel{gap:14px!important;padding:16px!important}.export-modal-header{gap:12px;align-items:flex-start!important}.export-option-card{flex-direction:column;align-items:stretch!important}.export-option-card .btn-primary{justify-content:center;width:100%}}@media print{@page{size:A4;margin:20mm}body{color:#000!important;background:#fff!important;height:auto!important;font-size:12pt!important;overflow:visible!important}body *{visibility:hidden}.preview-container,.preview-container *{visibility:visible}.preview-container{width:100%;position:absolute;top:0;left:0}.no-print,.sidebar-container,.toolbar-container,.editor-container,.status-bar-container,.split-pane-divider{display:none!important}#root{height:auto!important;display:block!important}.preview-container{width:100%!important;max-width:100%!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.markdown-preview{color:#000!important;line-height:1.6!important}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{page-break-after:avoid;page-break-inside:avoid;color:#000!important}.markdown-preview h1{margin-top:0!important;font-size:24pt!important}.markdown-preview h2{font-size:18pt!important}.markdown-preview h3{font-size:14pt!important}.markdown-preview p,.markdown-preview li,.markdown-preview table,.markdown-preview pre{page-break-inside:avoid}.markdown-preview blockquote{color:#333!important;background:#f9f9f9!important;border-left-color:#000!important}.markdown-preview pre,.markdown-preview code{color:#000!important;background:#f4f4f4!important;border-color:#ccc!important}}