#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--line);flex-shrink:0;user-select:none;background:var(--surface)}.title{font-size:14px;font-weight:500;letter-spacing:.02em;color:var(--fg)}.title .filename{color:var(--muted2);font-weight:300;margin-left:12px;font-size:12px}nav{display:flex;align-items:center;gap:8px}.mode-tabs{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--surface)}.mode-tab{padding:.3rem .8rem;font-size:.75rem;font-family:inherit;color:var(--muted);background:none;border:none;border-right:1px solid var(--line);cursor:pointer;letter-spacing:.03em;transition:color .12s,background .12s}.mode-tab:last-child{border-right:none}.mode-tab:hover{color:var(--fg)}.mode-tab.active{color:var(--accent);background:var(--surface2);font-weight:700}.menu-wrap{position:relative;display:inline-block}.menu-trigger{background:none;border:1px solid var(--line);border-radius:5px;color:var(--muted);cursor:pointer;font-family:inherit;font-size:14px;padding:.3rem .6rem;letter-spacing:2px;transition:color .12s,background .12s}.menu-trigger:hover{color:var(--fg);background:var(--surface2)}.menu-dropdown{display:none;position:absolute;top:calc(100% + 5px);right:0;background:var(--surface2);border:1px solid var(--line);border-radius:5px;padding:4px 0;z-index:200;min-width:140px;box-shadow:0 8px 24px #00000080}.menu-dropdown.open{display:block}.menu-dropdown button{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;background:none;border:none;font-family:inherit;font-size:.78rem;color:var(--muted2);padding:.45rem .75rem;cursor:pointer;white-space:nowrap;transition:background .1s,color .1s}.menu-dropdown button:hover{color:var(--fg);background:var(--surface)}.menu-dropdown button.destructive{color:var(--danger)}.menu-dropdown button.destructive:hover{background:#f8717114}main{flex:1;overflow:hidden;position:relative}.view{display:none;position:absolute;inset:0;overflow-y:auto}.view.active{display:block}#empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:13px;font-weight:300;letter-spacing:.05em;cursor:default}#empty-state.dragover{color:var(--muted2)}#raw-editor{width:100%;height:100%;background:transparent;border:none;outline:none;resize:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.65;color:var(--fg);padding:24px;tab-size:2}#preview-content{padding:24px;outline:none;min-height:100%}#preview-content:focus{outline:none}#preview-content h1,#preview-content h2,#preview-content h3,#preview-content h4,#preview-content h5,#preview-content h6{font-family:inherit;font-weight:500;margin:1.5em 0 .5em;line-height:1.3;color:var(--fg)}#preview-content h1{font-size:18px}#preview-content h2{font-size:15px}#preview-content h3{font-size:14px}#preview-content h4,#preview-content h5,#preview-content h6{font-size:13px}#preview-content p{margin:.6em 0;color:var(--muted2)}#preview-content ul,#preview-content ol{margin:.6em 0;padding-left:24px;color:var(--muted2)}#preview-content li{margin:.2em 0}#preview-content code{font-family:inherit;font-size:12px;background:var(--surface2);padding:1px 4px;border-radius:3px;color:var(--accent)}#preview-content pre{background:var(--surface);padding:16px;overflow-x:auto;margin:1em 0;border-left:2px solid var(--line);border-radius:4px}#preview-content pre code{background:none;padding:0;font-size:12px;color:var(--muted2)}#preview-content blockquote{border-left:2px solid var(--line);padding-left:16px;color:var(--muted);margin:1em 0}#preview-content table{border-collapse:collapse;margin:1em 0;font-size:12px;width:100%}#preview-content th,#preview-content td{border-bottom:1px solid var(--line);padding:6px 12px;text-align:left}#preview-content th{font-weight:500;border-bottom-color:var(--muted);color:var(--fg)}#preview-content td{color:var(--muted2)}#preview-content hr{border:none;border-top:1px solid var(--line);margin:2em 0}#preview-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}#preview-content img{max-width:100%}#diff-content{padding:24px;font-size:12px}.diff-meta{color:var(--muted);font-size:11px;margin-bottom:16px;letter-spacing:.03em}.diff-hunk{margin-bottom:4px}.diff-fold{color:var(--fold-fg);padding:2px 0;font-size:11px;letter-spacing:.1em;user-select:none}.diff-line{white-space:pre-wrap;word-break:break-all;padding:0 0 0 2ch;min-height:1.65em;position:relative}.diff-line .gutter{display:inline-block;width:8ch;color:var(--muted);text-align:right;padding-right:2ch;user-select:none;font-size:11px;vertical-align:top}.diff-line.add{background:var(--add-bg);color:var(--add-fg)}.diff-line.del{background:var(--del-bg);color:var(--del-fg)}.diff-line.ctx{color:var(--muted2)}.diff-empty{color:var(--muted);padding:40px 0;text-align:center;font-size:12px;letter-spacing:.05em}.file-type{display:inline-block;font-size:10px;color:var(--muted);letter-spacing:.06em;margin-left:6px}.drop-overlay{display:none;position:fixed;inset:0;background:var(--bg);z-index:200;align-items:center;justify-content:center;color:var(--muted2);font-size:13px;font-weight:300;letter-spacing:.05em}.drop-overlay.active{display:flex}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface2);color:var(--fg);border:1px solid var(--line);font-family:inherit;font-size:11px;padding:6px 16px;border-radius:5px;z-index:300;opacity:0;transition:opacity .15s;pointer-events:none}.toast.show{opacity:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted2)}