:root{--bg-color: #1a1b26;--editor-bg: #24283b;--preview-bg: #1e1f2c;--text-color: #c0caf5;--header-bg: #1f202e;--border-color: #3b4261;--accent-color: #7aa2f7;--accent-hover-color: #9eceff;--button-bg: #414868;--button-hover-bg: #565f89;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Menlo", "Consolas", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);font-size:16px;overflow:hidden}.hidden{display:none!important}#app-container{display:flex;flex-direction:column;height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background-color:var(--header-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}header h1{font-size:1.25rem;font-weight:600}#controls button{background-color:var(--button-bg);color:var(--text-color);border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-weight:500;transition:background-color .2s ease;margin-left:.5rem}#controls button:hover,#controls button:focus{background-color:var(--button-hover-bg);outline:2px solid var(--accent-color);outline-offset:2px}#content-area{flex-grow:1;overflow-y:auto;padding:2rem}.upload-prompt{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;color:#a9b1d6}.upload-prompt h2{font-size:1.5rem;margin-bottom:1.5rem;font-weight:500}.upload-prompt-btn{background-color:var(--accent-color);color:var(--bg-color);border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:background-color .2s ease}.upload-prompt-btn:hover{background-color:var(--accent-hover-color)}#preview-output{max-width:860px;margin:0 auto;line-height:1.7;word-wrap:break-word}#preview-output h1,#preview-output h2,#preview-output h3{border-bottom:1px solid var(--border-color);padding-bottom:.3em;margin-top:1.5em;margin-bottom:1em;color:var(--accent-color)}#preview-output h1{font-size:2em}#preview-output h2{font-size:1.5em}#preview-output h3{font-size:1.25em}#preview-output a{color:var(--accent-hover-color);text-decoration:none}#preview-output a:hover{text-decoration:underline}#preview-output p{margin-bottom:1em}#preview-output ul,#preview-output ol{margin-left:1.5rem;margin-bottom:1em}#preview-output li{margin-bottom:.5em}#preview-output pre{background-color:var(--editor-bg);padding:1rem;border-radius:6px;overflow-x:auto;margin-bottom:1em}#preview-output code{font-family:var(--font-mono);font-size:.9em}#preview-output pre code{background:none;padding:0}#preview-output :not(pre)>code{background-color:var(--button-bg);padding:.2em .4em;border-radius:3px}#preview-output blockquote{border-left:4px solid var(--border-color);padding-left:1rem;margin:0 0 1rem;color:#a9b1d6}#preview-output table{width:100%;border-collapse:collapse;margin-bottom:1em}#preview-output th,#preview-output td{border:1px solid var(--border-color);padding:.5rem}#preview-output th{background-color:var(--button-bg)}.mermaid{background-color:#fff;border-radius:6px;padding:1rem;margin-bottom:1rem;text-align:center}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--editor-bg)}::-webkit-scrollbar-thumb{background:var(--button-bg);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--button-hover-bg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){header{flex-direction:column;align-items:flex-start;gap:.5rem}#controls{align-self:flex-start;margin-left:-.5rem}#content-area{padding:1rem}}