*{margin:0;padding:0;box-sizing:border-box}:root{--bg-page: #f5f5f5;--bg-panel: #ffffff;--bg-header: #f8f9fa;--border: #e9ecef;--divider: #ddd;--divider-hover: #bbb;--divider-active: #999;--text-primary: #24292e;--text-secondary: #586069;--text-muted: #6a737d;--link-color: #0366d6;--code-bg: #f6f8fa;--code-text: #24292e;--preview-bg: #ffffff;--preview-border: #eaecef;--blockquote-border: #dfe2e5;--blockquote-text: #6a737d;--table-border: #dfe2e5;--table-th-bg: #f6f8fa;--table-text: inherit;--file-explorer-bg: #f8f9fa;--file-explorer-add-btn-bg: #fff;--file-explorer-add-btn-border: #e1e4e8;--tree-row-hover: #e8eaed;--tree-row-selected-bg: #e3f2fd;--context-menu-bg: #fff;--context-menu-border: #e1e4e8;--landing-gradient-start: #f5f7fa;--landing-gradient-end: #e4e8ec;--landing-card-bg: #fff;--landing-title-color: #24292e;--landing-subtitle-color: #586069;--error-bg: #ffebee;--error-border: #d32f2f;--danger-text: #b91c1c;--danger-bg-hover: #fef2f2}[data-theme=dark]{--bg-page: #1a1a1a;--bg-panel: #252526;--bg-header: #2d2d30;--border: #3c3c3c;--divider: #404040;--divider-hover: #505050;--divider-active: #606060;--text-primary: #e4e4e4;--text-secondary: #b0b0b0;--text-muted: #8c8c8c;--link-color: #58a6ff;--code-bg: #1e1e1e;--code-text: #d4d4d4;--preview-bg: #252526;--preview-border: #3c3c3c;--blockquote-border: #4a4a4a;--blockquote-text: #9ca3af;--table-border: #404040;--table-th-bg: #2d2d30;--table-text: #e4e4e4;--file-explorer-bg: #252526;--file-explorer-add-btn-bg: #3c3c3c;--file-explorer-add-btn-border: #505050;--tree-row-hover: #2a2d2e;--tree-row-selected-bg: #094771;--context-menu-bg: #3c3c3c;--context-menu-border: #505050;--landing-gradient-start: #1e1e1e;--landing-gradient-end: #2d2d30;--landing-card-bg: #252526;--landing-title-color: #e4e4e4;--landing-subtitle-color: #b0b0b0;--error-bg: #3d2020;--error-border: #f14c4c;--danger-text: #f87171;--danger-bg-hover: #450a0a}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;overflow:hidden;background-color:var(--bg-page);color:var(--text-primary);display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;background:var(--bg-header);border-bottom:1px solid var(--border);flex-shrink:0}.app-header .editor-header{display:flex;align-items:center;gap:1rem;min-width:0;flex:1}.app-header .editor-header[hidden]{display:none}.editor-inicio-link{font-size:14px;color:var(--link-color);text-decoration:none}.editor-inicio-link:hover{text-decoration:underline}.landing-container{flex:1;min-height:0}.editor-container{display:flex;flex-direction:column;flex:1;min-height:0}.editor-container[hidden],.landing-container[hidden]{display:none!important}.landing-container:not([hidden]){display:flex}.container{display:grid;grid-template-columns:220px 1fr 4px 2fr;flex:1;min-height:0;background-color:var(--bg-panel)}.editor-panel{padding:1rem;background-color:var(--bg-panel);overflow:hidden;display:flex;flex-direction:column}.preview-panel{padding:1rem;display:flex;flex-direction:column;overflow:hidden;background-color:var(--preview-bg)}.preview-content-wrap{flex:1;min-height:0;overflow-y:auto}.divider{background:var(--divider);cursor:col-resize;-webkit-user-select:none;user-select:none;transition:background-color .2s}.divider:hover{background:var(--divider-hover)}.divider:active{background:var(--divider-active)}.container[data-view-mode=raw] .divider,.container[data-view-mode=preview] .divider{pointer-events:none;min-width:0;overflow:hidden}.container[data-view-mode=raw] .preview-panel,.container[data-view-mode=preview] .editor-panel{overflow:hidden;min-width:0}@media (max-width: 768px){.container{grid-template-columns:1fr;grid-template-rows:120px 1fr 4px 1fr;height:100vh}.file-explorer-column{max-height:120px;overflow:auto}.divider{cursor:row-resize;width:100%;height:4px}.editor-panel{overflow-y:auto}}.app-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.6rem 1.2rem;background:var(--text-primary);color:var(--bg-panel);border-radius:8px;font-size:.9rem;font-weight:500;box-shadow:0 4px 12px #0003;z-index:10000;animation:app-toast-in .2s ease}.app-toast-hide{opacity:0;transform:translate(-50%) translateY(8px);transition:opacity .3s,transform .3s}@keyframes app-toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.view-mode-toolbar{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0;white-space:nowrap}.view-mode-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2rem;padding:0 .6rem;font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.view-mode-btn:hover{color:var(--text-primary);background:var(--tree-row-hover);border-color:var(--border)}.view-mode-btn.active,.view-mode-btn[aria-pressed=true]{color:var(--link-color);background:var(--tree-row-selected-bg);border-color:var(--link-color)}.editor-tabs{display:flex;flex-shrink:0;min-height:0;background-color:var(--file-explorer-bg);border-bottom:1px solid var(--border)}.editor-tabs-list{display:flex;align-items:flex-end;gap:0;overflow-x:auto;padding:0 .5rem 0 0;scrollbar-width:none;-ms-overflow-style:none}.editor-tabs-list::-webkit-scrollbar{display:none}.editor-tabs.editor-tabs-empty{display:none}.editor-tab{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:13px;color:var(--text-secondary);background-color:var(--file-explorer-bg);border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background-color .15s,color .15s}.editor-tab:hover{color:var(--text-primary);background-color:var(--tree-row-hover)}.editor-tab.active{color:var(--text-primary);background-color:var(--bg-panel);border-color:var(--border);margin-bottom:-1px;padding-bottom:calc(.5rem + 1px)}.editor-tab-label{overflow:hidden;text-overflow:ellipsis;max-width:140px}.editor-tab-close{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;font-size:1rem;line-height:1;color:var(--text-muted);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:color .15s,background-color .15s}.editor-tab-close:hover{color:var(--text-primary);background-color:var(--tree-row-hover)}#editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:.5rem 0;margin-bottom:.5rem;border-bottom:1px solid var(--border);background-color:var(--bg-panel)}.editor-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;font-size:13px;font-weight:600;color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.editor-toolbar-btn:hover{background:var(--tree-row-hover);border-color:var(--border)}.editor-toolbar-btn:active{background:var(--divider-hover)}.editor-toolbar-sep{width:1px;height:1.25rem;margin:0 4px;background:var(--border);flex-shrink:0}.editor-toolbar-spacer{flex:1;min-width:.5rem}.editor-toolbar-copy-btn{margin-left:auto;font-weight:500;padding:0 .75rem}.editor-context-menu{position:fixed;z-index:1000;min-width:12rem;padding:.5rem 0;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0003;font-size:13px}.editor-context-menu-section-title{padding:.35rem .75rem .25rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.editor-context-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.4rem .75rem;margin:0 .25rem;font-size:13px;color:var(--text-primary);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background-color .12s,color .12s}.editor-context-menu-item:hover,.editor-context-menu-item:focus{outline:none;background:var(--tree-row-hover);color:var(--text-primary)}.editor-context-menu-item-content{display:flex;align-items:center;gap:.5rem}.editor-context-menu-item-icon{min-width:1.75rem;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:12px;color:var(--text-secondary)}.editor-context-menu-item-label{font-weight:500}.editor-context-menu-item-shortcut{margin-left:1rem;font-size:11px;color:var(--text-muted);font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace}.editor-with-lines{display:grid;grid-template-columns:3rem 1fr;flex:1;min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-panel)}.editor-gutter{grid-column:1;width:3rem;min-width:3rem;padding:.75rem .5rem .75rem 0;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:14px;line-height:1.6;color:var(--text-muted);background-color:var(--file-explorer-bg);border-right:1px solid var(--border);text-align:right;overflow:auto;-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none;white-space:pre}.editor-gutter::-webkit-scrollbar{display:none}.editor-gutter:empty:before{content:"1"}#markdown-editor{grid-column:2;display:block;width:100%;min-width:0;height:100%;border:none;outline:none;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:14px;line-height:1.6;resize:none;padding:.75rem 1rem;background-color:var(--bg-panel);color:var(--text-primary)}#markdown-editor::placeholder{color:var(--text-muted)}.preview-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:.5rem 0;margin-bottom:.5rem;border-bottom:1px solid var(--border);background-color:var(--bg-panel);flex-shrink:0}.preview-toolbar-label{font-size:12px;color:var(--text-muted);margin-right:2px;align-self:center}.preview-toolbar-color-btn{width:1.75rem;height:1.75rem;min-width:1.75rem;padding:0;border:2px solid var(--border);border-radius:6px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.preview-toolbar-color-btn:hover{border-color:var(--divider-hover);box-shadow:0 0 0 1px var(--divider-hover)}.preview-toolbar-color-btn.active{border-color:var(--link-color);box-shadow:0 0 0 2px var(--link-color)}.preview-toolbar-custom-color-wrap{display:inline-flex;align-items:center;position:relative}.preview-toolbar-color-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.preview-toolbar-custom-color-btn{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;font-size:1rem;font-weight:600;color:var(--text-primary);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:background-color .15s,border-color .15s}.preview-toolbar-custom-color-btn:hover{background:var(--tree-row-hover);border-color:var(--divider-hover)}.preview-toolbar-sep{width:1px;height:1.25rem;margin:0 6px;background:var(--border);flex-shrink:0}.preview-toolbar-reset-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 .6rem;height:1.75rem;font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.preview-toolbar-reset-btn:hover{color:var(--text-primary);background:var(--tree-row-hover);border-color:var(--divider-hover)}#markdown-preview{width:100%;min-height:100%;padding:1rem;color:var(--text-primary);background-color:var(--preview-bg)}#markdown-preview .empty-state{color:var(--text-muted);font-style:italic;text-align:center;padding:2rem}#markdown-preview .loading-state{color:var(--text-secondary);text-align:center;padding:2rem;font-style:italic}#markdown-preview .error{color:var(--error-border);background-color:var(--error-bg);padding:1rem;border-radius:4px;border-left:4px solid var(--error-border)}#markdown-preview h1,#markdown-preview h2,#markdown-preview h3,#markdown-preview h4,#markdown-preview h5,#markdown-preview h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.25}#markdown-preview h1{font-size:2em;border-bottom:1px solid var(--preview-border);padding-bottom:.3em}#markdown-preview h2{font-size:1.5em;border-bottom:1px solid var(--preview-border);padding-bottom:.3em}#markdown-preview h3{font-size:1.25em}#markdown-preview p{margin-bottom:1em;line-height:1.6}#markdown-preview ul,#markdown-preview ol{margin-bottom:1em;padding-left:2em}#markdown-preview li{margin-bottom:.25em}#markdown-preview code{background-color:var(--code-bg);color:var(--code-text);border-radius:3px;padding:.2em .4em;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:.9em}#markdown-preview pre{background-color:var(--code-bg);color:var(--code-text);border-radius:6px;padding:1em;overflow-x:auto;margin-bottom:1em;border:1px solid var(--preview-border)}#markdown-preview pre code{background-color:transparent;color:inherit;padding:0}#markdown-preview blockquote{border-left:4px solid var(--blockquote-border);padding-left:1em;margin:1em 0;color:var(--blockquote-text)}#markdown-preview a{color:var(--link-color);text-decoration:none}#markdown-preview a:hover{text-decoration:underline}#markdown-preview img{max-width:100%;height:auto;border-radius:4px}#markdown-preview table{border-collapse:collapse;width:100%;margin-bottom:1em}#markdown-preview table th,#markdown-preview table td{border:1px solid var(--table-border);padding:.5em;text-align:left;color:var(--table-text)}#markdown-preview table th{background-color:var(--table-th-bg);font-weight:600;color:var(--text-primary)}#markdown-preview hr{border:none;border-top:1px solid var(--preview-border);margin:1.5em 0}.export-button{position:fixed;bottom:1.5rem;right:1.5rem;padding:.75rem 1.5rem;background:#0366d6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;box-shadow:0 2px 8px #00000026;transition:background-color .2s,box-shadow .2s;z-index:1000}.export-button:hover{background:#0256c2;box-shadow:0 4px 12px #0003}.export-button:active{background:#014a9f;box-shadow:0 1px 4px #00000026}.file-explorer-column{display:flex;flex-direction:column;min-width:0;overflow:hidden;background-color:var(--file-explorer-bg);border-right:1px solid var(--border)}.file-explorer-column.file-explorer-drag-over,.file-explorer.file-explorer-drag-over{background-color:var(--tree-row-selected-bg);outline:2px dashed var(--link-color);outline-offset:-2px}.file-explorer{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:.5rem}.file-explorer-footer{flex-shrink:0;display:flex;align-items:center;gap:.35rem;padding:.4rem .5rem;border-top:1px solid var(--border);background:var(--file-explorer-bg)}.file-explorer-toolbar{border-top:none;border-bottom:1px solid var(--border);flex-wrap:wrap}.file-explorer-reset-btn{font-size:12px;padding:0 .5rem;margin-left:auto}.file-explorer-reset-btn:hover{color:var(--danger-text);border-color:var(--error-border)}.file-explorer-footer-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:2rem;height:2rem;padding:0 .6rem;font-size:14px;font-weight:600;color:var(--text-primary);background:var(--file-explorer-add-btn-bg);border:1px solid var(--file-explorer-add-btn-border);border-radius:6px;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.file-explorer-footer-btn:hover{background:var(--tree-row-hover);border-color:var(--border);color:var(--link-color)}.file-explorer-footer-btn:active{background:var(--divider-hover)}.file-explorer-footer-add-btn{font-size:1.25rem;line-height:1;padding:0 .5rem}.file-explorer-action-icon{flex-shrink:0;font-size:1rem;line-height:1;opacity:.9}.file-explorer-footer-menu{position:fixed;z-index:2000;min-width:200px;padding:4px 0;background:var(--context-menu-bg);border:1px solid var(--context-menu-border);border-radius:6px;box-shadow:0 4px 12px #00000026}.file-explorer-footer-menu .file-explorer-context-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .75rem;font-size:13px;text-align:left}.file-explorer-footer-menu .file-explorer-context-menu-item:disabled{opacity:.5;cursor:not-allowed}.file-explorer-context-menu-item-icon{flex-shrink:0;font-size:1rem}.file-explorer-tree{flex:1;overflow-y:auto;min-height:0;-webkit-user-select:none;user-select:none}.file-explorer-tree-row{display:flex;align-items:center;padding:.25rem .4rem;font-size:13px;color:var(--text-primary);cursor:pointer;border-radius:4px;white-space:nowrap;min-height:24px;padding-left:calc(.4rem + var(--depth, 0) * 1rem)}.file-explorer-tree-row:hover{background:var(--tree-row-hover)}.file-explorer-tree-row.selected{background:var(--tree-row-selected-bg);color:var(--link-color)}.file-explorer-tree-indent{flex-shrink:0;width:0}.file-explorer-tree-arrow{flex-shrink:0;width:14px;font-size:10px;color:var(--text-secondary);text-align:center}.file-explorer-tree-icon{flex-shrink:0;margin-right:.35rem;font-size:14px}.file-explorer-tree-label{overflow:hidden;text-overflow:ellipsis}.file-explorer-tree-loading{color:var(--text-secondary);font-style:italic;cursor:default}.file-explorer-tree-loading:hover{background:transparent}.file-explorer-tree-file .file-explorer-tree-arrow{visibility:hidden}.file-explorer-context-menu{position:fixed;z-index:2000;min-width:160px;padding:4px 0;background:var(--context-menu-bg);border:1px solid var(--context-menu-border);border-radius:6px;box-shadow:0 4px 12px #00000026}.file-explorer-context-menu-item{display:block;width:100%;padding:.4rem .75rem;font-size:13px;text-align:left;color:var(--text-primary);background:none;border:none;cursor:pointer;transition:background-color .15s}.file-explorer-context-menu-item:hover{background:var(--tree-row-hover)}.file-explorer-context-menu-item:active{background:var(--divider-hover)}.file-explorer-context-menu-item-danger{color:var(--danger-text)}.file-explorer-context-menu-item-danger:hover{background:var(--danger-bg-hover)}.file-explorer-context-menu-item-danger .file-explorer-context-menu-item-icon{margin-right:.35rem}.file-explorer-context-menu-sep{height:1px;margin:4px 8px;background:var(--context-menu-border)}.file-explorer-loading{padding:.75rem;font-size:13px;color:var(--text-secondary);text-align:center}.file-explorer-error{padding:.75rem;font-size:13px;color:var(--error-border);background:var(--error-bg);border-radius:4px;margin:.5rem 0}.file-explorer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 1rem;margin:.5rem;font-size:13px;color:var(--text-secondary);text-align:center;border:2px dashed var(--border);border-radius:8px;background-color:var(--bg-panel);min-height:120px}.file-explorer-empty-icon{font-size:2rem;opacity:.7}.file-explorer-empty-text{font-weight:500;color:var(--link-color)}.file-explorer-empty-sub{font-size:11px;color:var(--text-muted);line-height:1.4}.file-explorer-root-separator{height:1px;margin:6px 0;background:var(--border);flex-shrink:0}.landing-container:not([hidden]){display:flex;align-items:center;justify-content:center;padding:3rem 2rem 4rem;background:linear-gradient(160deg,var(--landing-gradient-start) 0%,var(--landing-gradient-end) 60%);overflow-y:auto}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:1000px;width:100%;margin:0 auto}.landing-content{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:3rem}.landing-headline{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;color:var(--landing-title-color);letter-spacing:-.03em;line-height:1.2;margin:0 0 1.25rem}.landing-headline-line{display:block}.landing-headline-line+.landing-headline-line{margin-top:.25em}.landing-desc{font-size:1.0625rem;color:var(--landing-subtitle-color);line-height:1.6;margin:0 0 2.5rem;max-width:520px}.landing-cta-wrapper{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:4rem}.landing-cta{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;min-height:44px}.landing-cta-primary{color:#fff;background:#0366d6;border:none;box-shadow:0 2px 8px #0366d640}.landing-cta-primary:hover{background:#0256c2;box-shadow:0 4px 14px #0366d659;transform:translateY(-1px)}.landing-cta-primary:active{transform:translateY(0);box-shadow:0 1px 4px #0366d64d}.landing-cta-secondary{color:var(--landing-title-color);background:var(--landing-card-bg);border:1px solid var(--border)}.landing-cta-secondary:hover{border-color:var(--divider-hover);box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.landing-cta-secondary:active{transform:translateY(0)}.landing-anim{opacity:0;animation:landingFadeUp .7s ease forwards}.landing-anim[data-delay="0"]{animation-delay:.1s}.landing-anim[data-delay="1"]{animation-delay:.25s}.landing-anim[data-delay="2"]{animation-delay:.4s}.landing-anim[data-delay="3"]{animation-delay:.55s}@keyframes landingFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-mockup-wrap.landing-anim{animation-name:landingMockupIn}@keyframes landingMockupIn{0%{opacity:0;transform:translate(30px) perspective(800px) rotateY(-4deg) rotateX(2deg)}to{opacity:1;transform:translate(0) perspective(800px) rotateY(-4deg) rotateX(2deg)}}.landing-mockup-wrap{display:flex;justify-content:center;align-items:center}.landing-mockup{width:100%;max-width:520px;border-radius:12px;overflow:hidden;box-shadow:0 24px 48px #0000001f,0 8px 16px #00000014;transform:perspective(800px) rotateY(-4deg) rotateX(2deg);transition:transform .4s ease,box-shadow .4s ease;display:grid;grid-template-columns:120px 1fr 1fr;min-height:280px}.landing-demo-wrap{display:flex;justify-content:center;align-items:center;width:100%;margin-top:0}.landing-demo-app{width:100%;max-width:960px;min-height:540px;border-radius:12px;overflow:hidden;box-shadow:0 24px 48px #0000001f,0 8px 16px #00000014;transform:perspective(800px) rotateY(-3deg) rotateX(1deg);transition:transform .4s ease,box-shadow .4s ease;display:flex;flex-direction:column;background:var(--bg-header);border:1px solid var(--border)}.landing-demo-app:hover{transform:perspective(800px) rotateY(-2deg) rotateX(.5deg) translateY(-4px);box-shadow:0 28px 56px #00000024,0 12px 24px #0000001a}.landing-demo-header{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:var(--bg-header);border-bottom:1px solid var(--border);flex-shrink:0}.landing-demo-header .view-mode-toolbar{margin-left:auto}.landing-demo-theme-icon{font-size:1.1rem;opacity:.9}.landing-demo-container{display:grid;grid-template-columns:160px 1fr 4px 1.5fr;flex:1;min-height:0;background:var(--bg-panel)}.landing-demo-sidebar{min-width:0;overflow:hidden}.landing-demo-sidebar .file-explorer{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:.5rem}.landing-demo-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:.4rem 0;margin-bottom:.4rem;border-bottom:1px solid var(--border);background-color:var(--bg-panel)}.landing-demo-editor-with-lines{display:grid;grid-template-columns:2.5rem 1fr;flex:1;min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-panel)}.landing-demo-gutter{grid-column:1;width:2.5rem;min-width:2.5rem;padding:.6rem .35rem .6rem 0;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:13px;line-height:1.55;color:var(--text-muted);background-color:var(--file-explorer-bg);border-right:1px solid var(--border);text-align:right;overflow:auto;-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none;white-space:pre}.landing-demo-gutter::-webkit-scrollbar{display:none}.landing-demo-editor{grid-column:2;display:block;width:100%;height:100%;min-height:200px;border:none;outline:none;resize:none;padding:.5rem .75rem;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:12px;line-height:1.5;background-color:var(--bg-panel);color:var(--text-primary)}.landing-demo-editor::placeholder{color:var(--text-muted)}.landing-demo-divider{width:4px;min-width:4px;background:var(--divider);flex-shrink:0}.landing-demo-preview-panel{min-width:0;overflow:hidden;display:flex;flex-direction:column}.landing-demo-preview-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:.4rem 0;margin-bottom:.4rem;border-bottom:1px solid var(--border);background-color:var(--bg-panel);flex-shrink:0}.landing-demo-preview-toolbar .landing-demo-swatch{cursor:default;pointer-events:none}.landing-demo-preview{flex:1;min-height:0;overflow-y:auto;padding:.85rem 1rem;font-size:13px;line-height:1.55;color:var(--text-primary);background-color:var(--preview-bg)}.landing-demo-preview .empty-state{color:var(--text-muted);font-style:italic;text-align:center;padding:2rem}.landing-demo-preview .error{color:var(--error-border);background-color:var(--error-bg);padding:1rem;border-radius:4px;border-left:4px solid var(--error-border)}.landing-demo-preview h1,.landing-demo-preview h2,.landing-demo-preview h3,.landing-demo-preview h4,.landing-demo-preview h5,.landing-demo-preview h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.25}.landing-demo-preview h1{font-size:1.5em;border-bottom:1px solid var(--preview-border);padding-bottom:.3em}.landing-demo-preview h2{font-size:1.25em;border-bottom:1px solid var(--preview-border);padding-bottom:.3em}.landing-demo-preview h3{font-size:1.1em}.landing-demo-preview p{margin-bottom:1em;line-height:1.6}.landing-demo-preview ul,.landing-demo-preview ol{margin-bottom:1em;padding-left:2em}.landing-demo-preview li{margin-bottom:.25em}.landing-demo-preview code{background-color:var(--code-bg);color:var(--code-text);border-radius:3px;padding:.2em .4em;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:.9em}.landing-demo-preview pre{background-color:var(--code-bg);color:var(--code-text);border-radius:6px;padding:1em;overflow-x:auto;margin-bottom:1em;border:1px solid var(--preview-border)}.landing-demo-preview pre code{background-color:transparent;color:inherit;padding:0}.landing-demo-preview blockquote{border-left:4px solid var(--blockquote-border);padding-left:1em;margin:1em 0;color:var(--blockquote-text)}.landing-demo-preview a{color:var(--link-color);text-decoration:none}.landing-demo-preview a:hover{text-decoration:underline}.landing-demo-preview strong{font-weight:600}.landing-mockup:hover{transform:perspective(800px) rotateY(-2deg) rotateX(1deg) translateY(-4px);box-shadow:0 28px 56px #00000024,0 12px 24px #0000001a}.landing-mockup-sidebar{background:#252526;padding:.5rem 0;font-size:11px}.landing-mockup-tree{padding:.25rem 0}.landing-mockup-tree-item{padding:.2rem .5rem;color:#9d9d9d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-mockup-tree-item.root{color:#e4e4e4;font-weight:600}.landing-mockup-tree-item.selected{background:#094771;color:#58a6ff}.landing-mockup-tree-item.folder{color:#6a9eff}.landing-mockup-editor{background:#1e1e1e;padding:.6rem .75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;line-height:1.5}.landing-mockup-editor-content{display:flex;flex-direction:column;gap:.15rem}.mockup-h1{color:#569cd6}.mockup-h2{color:#4ec9b0;margin-top:.35em}.mockup-text{color:#d4d4d4}.mockup-code{color:#ce9178}.landing-mockup-cursor{display:inline-block;width:2px;height:1em;background:#58a6ff;margin-left:2px;vertical-align:text-bottom;animation:landingCursorBlink 1s step-end infinite}@keyframes landingCursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.landing-mockup-preview{background:#fff;padding:.6rem .75rem;font-size:11px;line-height:1.5;color:#24292e;border-left:1px solid #eaecef}.landing-mockup-preview-content{display:flex;flex-direction:column;gap:.2rem}.mockup-p-h1{font-weight:700;font-size:1.1em}.mockup-p-h2{font-weight:600;color:#24292e;margin-top:.3em}.mockup-p-li{color:#586069}.mockup-p-pre{font-family:monospace;background:#f6f8fa;padding:.2em .4em;border-radius:3px;font-size:10px}[data-theme=dark] .landing-mockup-preview{background:#252526;color:#e4e4e4;border-left-color:#3c3c3c}[data-theme=dark] .mockup-p-h1,[data-theme=dark] .mockup-p-h2{color:#e4e4e4}[data-theme=dark] .mockup-p-li{color:#b0b0b0}[data-theme=dark] .mockup-p-pre{background:#1e1e1e;color:#d4d4d4}.theme-toggle{flex-shrink:0;width:2rem;height:2rem;padding:0;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-primary);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s,transform .15s}.app-header .theme-toggle{margin-left:.5rem;margin-right:0}.theme-toggle:hover{background:var(--tree-row-hover);border-color:var(--divider-hover)}.theme-toggle:active{transform:scale(.96)}@media (max-width: 900px){.landing-content{max-width:100%;margin-bottom:2.5rem}.landing-cta-wrapper{margin-bottom:3rem}.landing-mockup-wrap.landing-anim,.landing-demo-wrap.landing-anim{animation-name:landingMockupInMobile}@keyframes landingMockupInMobile{0%{opacity:0;transform:translateY(24px) perspective(600px) rotateY(0) rotateX(4deg)}to{opacity:1;transform:translateY(0) perspective(600px) rotateY(0) rotateX(4deg)}}.landing-mockup{transform:perspective(600px) rotateY(0) rotateX(4deg);max-width:100%}.landing-mockup-screenshot{max-width:100%}.landing-mockup:hover{transform:perspective(600px) rotateY(0) rotateX(3deg) translateY(-4px)}.landing-demo-app{max-width:100%;transform:perspective(600px) rotateY(0) rotateX(4deg);min-height:460px}.landing-demo-app:hover{transform:perspective(600px) rotateY(0) rotateX(3deg) translateY(-4px)}.landing-demo-container{grid-template-columns:1fr 4px 1fr}.landing-demo-sidebar{display:none}.landing-demo-editor{min-height:220px}}@media (max-width: 640px){.landing-container{padding:2rem 1rem 3rem}.landing-headline{font-size:1.75rem}.landing-desc{font-size:1rem}.landing-cta-wrapper{flex-direction:column;align-items:stretch}.landing-cta{width:100%}.landing-mockup{grid-template-columns:80px 1fr 1fr;min-height:220px;font-size:10px}.landing-mockup-sidebar,.landing-mockup-editor,.landing-mockup-preview{font-size:9px}.landing-demo-app{min-height:360px}.landing-demo-editor{font-size:11px;min-height:140px}.landing-demo-preview{font-size:11px}.landing-demo-container{grid-template-columns:1fr;grid-template-rows:180px 4px 1fr}.landing-demo-editor-panel{grid-column:1;grid-row:1}.landing-demo-divider{grid-column:1;grid-row:2;width:100%;min-width:0}.landing-demo-preview-panel{grid-column:1;grid-row:3}}.landing-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);text-align:center}.landing-footer-link{color:var(--link-color);text-decoration:none;font-size:.9375rem}.landing-footer-link:hover{text-decoration:underline}.privacy-page{min-height:100%;padding:2rem 1rem 4rem}.privacy-inner{max-width:640px;margin:0 auto}.privacy-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.privacy-updated{font-size:.875rem;color:var(--text-muted);margin:0 0 2rem}.privacy-body{color:var(--text-primary);line-height:1.65;margin-bottom:2rem}.privacy-body h2{font-size:1.125rem;font-weight:600;margin:1.5rem 0 .5rem;color:var(--text-primary)}.privacy-body h2:first-child{margin-top:0}.privacy-body p{margin:0 0 .75rem;font-size:.9375rem}.privacy-back-wrap{margin-top:2rem}.privacy-back-btn{padding:.5rem 1rem;font-size:.9375rem;font-weight:500;color:var(--link-color);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.privacy-back-btn:hover{background:var(--code-bg);border-color:var(--divider-hover)}.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:1rem 1.25rem;background:var(--bg-panel);border-top:1px solid var(--border);box-shadow:0 -4px 12px #00000014;transition:transform .3s ease,opacity .3s ease}.cookie-consent-hide{transform:translateY(100%);opacity:0}.cookie-consent-inner{max-width:900px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;justify-content:space-between}.cookie-consent-text{flex:1;min-width:200px;margin:0;font-size:.875rem;color:var(--text-primary);line-height:1.4}.cookie-consent-actions{display:flex;gap:.5rem}.cookie-consent-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.cookie-consent-accept{color:#fff;background:#0366d6;border:none}.cookie-consent-accept:hover{background:#0256c2}.cookie-consent-reject{color:var(--text-primary);background:transparent;border:1px solid var(--border)}.cookie-consent-reject:hover{background:var(--code-bg);border-color:var(--divider-hover)}