@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.block{display:block}.flex{display:flex}.inline{display:inline}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}}:root,[data-theme=dark]{--color-bg-primary:#161618;--color-bg-secondary:#1c1c1f;--color-bg-tertiary:#222225;--color-bg-elevated:#28282c;--color-header-bg:#161618e6;--color-header-text:#d8d8dc;--color-header-accent:linear-gradient(135deg,#1c1c1f 0%,#28282c 100%);--color-editor-bg:#1c1c1f;--color-editor-text:#d0d0d4;--color-editor-placeholder:#606068;--color-editor-line-number:#505058;--color-preview-bg:#1c1c1f;--color-preview-text:#d0d0d4;--color-text-primary:#d0d0d4;--color-text-secondary:#9898a0;--color-text-muted:#68686e;--color-text-heading:#e4e4e8;--color-border:#2e2e32;--color-border-hover:#3a3a40;--color-accent:#c9a67a;--color-accent-secondary:#b08f68;--color-link:#c9a67a;--color-scrollbar:#2e2e32;--color-scrollbar-hover:#3a3a40;--color-selection-bg:#c9a67a40;--color-selection-text:#fff;--color-blockquote-border:#c9a67a;--color-blockquote-bg:#c9a67a0f;--color-code-bg:#c9a67a1a;--color-code-text:#c9a67a;--color-pre-bg:#131315;--color-card-bg:#1c1c1f;--color-card-border:#2e2e32;--color-card-shadow:#0c0c0e;--color-panel-hover:#242428}[data-theme=light]{--color-bg-primary:#faf6f0;--color-bg-secondary:#fff;--color-bg-tertiary:#f5f0e8;--color-bg-elevated:#ebe4d8;--color-header-bg:#f5ebe0e6;--color-header-text:#2d2418;--color-header-accent:linear-gradient(135deg,#faf6f0 0%,#f5f0e8 100%);--color-editor-bg:#fff;--color-editor-text:#2d2418;--color-editor-placeholder:#a89078;--color-editor-line-number:#b8a078;--color-preview-bg:#fff;--color-preview-text:#2d2418;--color-text-primary:#2d2418;--color-text-secondary:#5a4a38;--color-text-muted:#a89078;--color-text-heading:#1a1208;--color-border:#c9b896;--color-border-hover:#b8a078;--color-accent:#9e4a32;--color-accent-secondary:#7a3a28;--color-link:#9e4a32;--color-scrollbar:#c9b896;--color-scrollbar-hover:#b8a078;--color-selection-bg:#9e4a3240;--color-selection-text:#2d2418;--color-blockquote-border:#9e4a32;--color-blockquote-bg:#9e4a320f;--color-code-bg:#9e4a3214;--color-code-text:#9e4a32;--color-pre-bg:#f5f0e8;--color-card-bg:#fff;--color-card-border:#b8a078;--color-card-shadow:#a89068;--color-panel-hover:#f5f0e8}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);height:100%;color:var(--color-text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background-color .3s,color .3s}#root{height:100%}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}.app{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden;background:var(--color-bg-primary)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--color-header-accent);padding:.5rem 1rem;margin:0;transition:background .3s ease}.app-title{display:flex;align-items:center;gap:.4em;margin:0;font-family:Merriweather,Georgia,serif;font-size:1rem;font-weight:700;color:var(--color-header-text);letter-spacing:-.01em;transition:color .3s ease}.logo-icon{font-size:1.1em;opacity:.85;transition:transform .3s ease}.app-title:hover .logo-icon{transform:rotate(-15deg)}.logo-text{font-style:italic}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .25s ease;padding:6px}.theme-toggle:hover{background:var(--color-panel-hover);border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.theme-toggle:active{transform:translateY(0)}.theme-toggle-icon{width:100%;height:100%;opacity:.85;transition:transform .4s ease,opacity .2s ease}[data-theme=dark] .theme-toggle-icon{filter:invert(1)}[data-theme=light] .theme-toggle-icon{filter:none}.theme-toggle:hover .theme-toggle-icon{transform:rotate(180deg);opacity:1}.view-mode-toggles{display:flex;gap:2px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;padding:3px}.view-mode-btn{display:flex;align-items:center;justify-content:center;width:30px;height:28px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease}.view-mode-btn:hover{color:var(--color-text-primary);background:var(--color-panel-hover)}.view-mode-btn.active{color:var(--color-accent);background:var(--color-bg-secondary)}.scroll-sync-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease}.scroll-sync-toggle:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.scroll-sync-toggle.active{color:var(--color-accent);background:#c9a67a1a;border-color:var(--color-accent)}.app-main{display:flex;flex:1;padding:.75rem;overflow:hidden;background:var(--color-bg-primary)}.app-main.single-view{padding:.75rem}.app-main.single-view .editor-container,.app-main.single-view .preview-container{width:100%;max-width:900px;margin:0 auto;animation:panelFadeIn .4s cubic-bezier(.25,.1,.25,1)}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes panelSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes panelSlideInRight{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.split-container .editor-container{animation:panelSlideIn .4s cubic-bezier(.25,.1,.25,1)}.split-container .preview-container{animation:panelSlideInRight .4s cubic-bezier(.25,.1,.25,1)}.editor-container,.preview-container{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;background:var(--color-bg-secondary);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 4px 24px #00000014;transition:box-shadow .3s ease,border-color .3s ease,transform .2s ease}.editor-container:hover,.preview-container:hover{box-shadow:0 8px 32px #0000001f}.split-container{display:flex;flex-direction:row}.split-container>div{overflow:hidden}.gutter{position:relative;background:transparent;flex-shrink:0}.gutter.gutter-horizontal{cursor:col-resize}.gutter.gutter-horizontal:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:48px;background:var(--color-border);border-radius:2px;transition:all .2s ease}.gutter.gutter-horizontal:hover:before{background:var(--color-accent);height:64px;width:5px;box-shadow:0 0 12px var(--color-accent)}.gutter.gutter-horizontal:active:before{background:var(--color-accent);height:80px;box-shadow:0 0 20px var(--color-accent)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;min-height:42px;background:transparent;border-bottom:1px solid var(--color-border)}.panel-title{font-family:Merriweather,Georgia,serif;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.copy-button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease}.copy-button:hover{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border-hover)}.copy-button.copied{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.copy-button:active{transform:scale(.95)}.copy-button-wrapper{position:relative}.copy-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #00000026;padding:4px;z-index:100;animation:dropdownFade .15s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.copy-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:6px;font-family:Inter,sans-serif;font-size:.8125rem;color:var(--color-text-primary);cursor:pointer;transition:background .15s ease}.copy-dropdown-item:hover{background:var(--color-bg-elevated)}.copy-dropdown-item kbd{font-family:Cascadia Code,monospace;font-size:.6875rem;color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:4px}.editor-content{display:flex;flex:1;overflow:hidden}.line-numbers{display:flex;flex-direction:column;padding:1.5rem .75rem 1.5rem 1rem;background:transparent;border-right:1px solid var(--color-border);overflow:hidden;-webkit-user-select:none;user-select:none;text-align:right;min-width:3rem}.line-number{font-family:Cascadia Code,Fira Code,JetBrains Mono,monospace;font-size:.8125rem;line-height:1.7;color:var(--color-text-muted);height:1.59375rem;opacity:.6;transition:opacity .2s ease}.line-number:hover{opacity:1}.editor-textarea{flex:1;width:100%;padding:1.5rem 1.5rem 1.5rem 1rem;background:transparent;color:var(--color-editor-text);border:none;outline:none;resize:none;font-family:Cascadia Code,Fira Code,JetBrains Mono,monospace;font-size:.9375rem;line-height:1.7;tab-size:2;transition:background-color .3s ease,color .3s ease;caret-color:var(--color-accent);overflow-y:auto}.editor-textarea::placeholder{color:var(--color-editor-placeholder)}.preview-content{flex:1;padding:1.5rem 2rem;background:transparent;overflow-y:auto;color:var(--color-preview-text);transition:background-color .3s ease,color .3s ease}@media(max-width:900px){.app-main{flex-direction:column;padding:.75rem;gap:.75rem}.app-header{padding:1rem 1.25rem;flex-wrap:wrap;gap:.75rem}.editor-container,.preview-container{border-radius:12px;min-height:40vh}}.stats-bar{display:flex;align-items:center;padding:.5rem 1rem;background:var(--color-bg-elevated);border-radius:10px;border:1px solid var(--color-border)}.stats-group{display:flex;align-items:center;gap:1.25rem}.stat-item{display:flex;align-items:center;gap:.4rem;cursor:default;padding:.25rem 0;transition:opacity .2s ease}.stat-item:hover{opacity:.8}.stat-icon{font-size:.875rem;opacity:.7;line-height:1}.stat-value{font-family:Cascadia Code,Fira Code,monospace;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.02em;min-width:1.5ch;transition:transform .2s ease,color .2s ease}.stat-value-animate{animation:statPop .2s ease-out;color:var(--color-accent)}@keyframes statPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.stat-label{font-family:Inter,sans-serif;font-size:.6875rem;font-weight:500;color:var(--color-text-muted);text-transform:lowercase;letter-spacing:.02em}.stat-divider{color:var(--color-border);font-weight:300;opacity:.8;-webkit-user-select:none;user-select:none}@media(max-width:900px){.stats-bar{display:none}}@media(max-width:700px){.stats-bar{display:none}}.editor-textarea::-webkit-scrollbar,.preview-content::-webkit-scrollbar{width:10px}.editor-textarea::-webkit-scrollbar-track,.preview-content::-webkit-scrollbar-track{background:transparent;margin:8px}.editor-textarea::-webkit-scrollbar-thumb,.preview-content::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:10px;border:2px solid transparent;background-clip:padding-box}.editor-textarea::-webkit-scrollbar-thumb:hover,.preview-content::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover);border:2px solid transparent;background-clip:padding-box}.markdown-body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.75;letter-spacing:-.011em}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:Merriweather,Georgia,serif;font-weight:700;line-height:1.25;color:var(--color-text-heading);letter-spacing:-.02em;margin-top:2em;margin-bottom:.75em}.markdown-body h1:first-child,.markdown-body h2:first-child,.markdown-body h3:first-child,.markdown-body h4:first-child,.markdown-body h5:first-child,.markdown-body h6:first-child{margin-top:0}.markdown-body h1{font-size:2.618rem;font-weight:800;border-bottom:2px solid var(--color-border);padding-bottom:.4em;margin-bottom:1em}.markdown-body h2{font-size:2.058rem;border-bottom:1px solid var(--color-border);padding-bottom:.3em}.markdown-body h3{font-size:1.618rem}.markdown-body h4{font-size:1.272rem}.markdown-body h5{font-size:1.118rem;font-weight:600}.markdown-body h6{font-size:1rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.markdown-body p{margin:0 0 1.25em}.markdown-body p+p{margin-top:1.25em}.markdown-body a{color:var(--color-link);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.markdown-body a:hover{border-bottom-color:var(--color-link)}.markdown-body a:active{opacity:.8}.markdown-body strong{font-weight:700;color:var(--color-text-heading)}.markdown-body em{font-style:italic}.markdown-body strong em,.markdown-body em strong{font-weight:700;font-style:italic}.markdown-body .inline-code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em;background:var(--color-code-bg);color:var(--color-code-text);padding:.2em .45em;border-radius:5px;border:1px solid var(--color-border)}.markdown-body pre:has(.code-block-wrapper){background:transparent!important;padding:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:1.5em 0!important}.code-block-wrapper{position:relative;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid var(--color-border);background:var(--color-pre-bg)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none}.code-block-lang{font-family:Cascadia Code,monospace;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.code-copy-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease;opacity:.6}.code-block-wrapper:hover .code-copy-button{opacity:1}.code-copy-button:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.code-copy-button.copied{color:var(--color-accent);opacity:1}.code-block-wrapper .syntax-highlighter{margin:0!important;padding:1em!important;border-radius:0!important;border:none!important;box-shadow:none!important;background:transparent!important}.code-block-wrapper .syntax-highlighter code{background:transparent!important}.markdown-body pre{background:var(--color-pre-bg);padding:1em;border-radius:8px;overflow-x:auto;margin:1.5em 0;border:1px solid var(--color-border)}.markdown-body pre code{background:none;color:inherit;padding:0;font-size:.875em;line-height:1.6;border:none;font-family:Cascadia Code,Fira Code,monospace}.markdown-body ul,.markdown-body ol{margin:0 0 1.25em;padding-left:1.75em}.markdown-body ul{list-style:none}.markdown-body ul>li{position:relative}.markdown-body ul>li:before{content:"";position:absolute;left:-1.25em;top:.65em;width:6px;height:6px;background:var(--color-link);border-radius:50%}.markdown-body ol{list-style:none;counter-reset:ol-counter}.markdown-body ol>li{position:relative;counter-increment:ol-counter}.markdown-body ol>li:before{content:counter(ol-counter) ".";position:absolute;left:-1.75em;width:1.5em;font-weight:600;color:var(--color-link);text-align:right}.markdown-body li{margin:.375em 0;line-height:1.65}.markdown-body li>p{margin:.5em 0}.markdown-body li>ul,.markdown-body li>ol{margin:.5em 0}.markdown-body ul ul,.markdown-body ol ol,.markdown-body ul ol,.markdown-body ol ul{margin-top:.25em;margin-bottom:.25em}.markdown-body ul ul>li:before{width:5px;height:5px;background:transparent;border:1.5px solid var(--color-text-secondary)}.markdown-body ul ul ul>li:before{width:5px;height:5px;border-radius:0;background:var(--color-text-muted);border:none}.markdown-body .task-list-item{list-style:none;position:relative}.markdown-body .task-list-item:before{display:none}.markdown-body input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--color-text-muted);border-radius:4px;background:transparent;margin-right:.6em;margin-left:-1.5em;vertical-align:middle;cursor:pointer;position:relative;transition:all .2s ease}.markdown-body input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}.markdown-body input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.markdown-body input[type=checkbox]:hover{border-color:var(--color-accent)}.markdown-body .task-list-item.contains-task-list input[type=checkbox]:checked+span,.markdown-body li:has(input[type=checkbox]:checked){color:var(--color-text-muted)}.markdown-body blockquote{position:relative;margin:3em 2em;padding:0;border:none;background:transparent;text-align:center;color:var(--color-text-primary)}.markdown-body blockquote:before{content:"❖";display:block;font-size:1.5em;color:var(--color-accent);margin-bottom:.5em;opacity:.6}.markdown-body blockquote:after{content:"";display:block;width:60px;height:2px;background:var(--color-accent);margin:1.5em auto 0;opacity:.3;border-radius:2px}.markdown-body blockquote p{font-family:Merriweather,Georgia,serif;font-size:1.25em;line-height:1.6;font-style:italic;margin:0;position:relative}.markdown-body blockquote p:first-of-type:before{content:"“";font-family:Georgia,serif;font-size:3em;line-height:0;vertical-align:-.4em;margin-right:.1em;color:var(--color-accent);opacity:.4}.markdown-body blockquote p:last-of-type:after{content:"”";font-family:Georgia,serif;font-size:3em;line-height:0;vertical-align:-.45em;margin-left:.1em;color:var(--color-accent);opacity:.4}.markdown-body blockquote p:last-child:has(em){font-family:Inter,sans-serif;font-size:.85em;color:var(--color-text-secondary);font-style:normal;text-transform:uppercase;letter-spacing:.1em;margin-top:1.5em;display:block}.markdown-body blockquote p:last-child:has(em):after{display:none}.markdown-body blockquote p:last-child:has(em):before{display:none}.markdown-body blockquote blockquote{margin:1.5em auto;padding:0;border:none;background:transparent;font-size:.9em;opacity:.8}.markdown-body blockquote blockquote:before,.markdown-body blockquote blockquote:after{display:none}.markdown-body blockquote blockquote p:first-of-type:before,.markdown-body blockquote blockquote p:last-of-type:after{font-size:2em;opacity:.3}.markdown-body hr{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--color-border) 20%,var(--color-border) 80%,transparent);margin:2.5em 0}.markdown-body .table-wrapper{overflow-x:auto;margin:1.5em 0;border-radius:10px;border:1px solid var(--color-border)}.markdown-body table{width:100%;border-collapse:collapse;margin:0;font-size:.9375rem}.markdown-body th,.markdown-body td{padding:.875em 1.25em;text-align:left;border-bottom:1px solid var(--color-border)}.markdown-body th{background:var(--color-bg-elevated);font-weight:600;color:var(--color-text-heading);white-space:nowrap}.markdown-body tbody tr:nth-child(odd){background:transparent}.markdown-body tbody tr:nth-child(2n){background:var(--color-bg-elevated)}.markdown-body tbody tr:hover{background:var(--color-blockquote-bg)}.markdown-body tbody tr:last-child td{border-bottom:none}.markdown-body td:last-child{text-align:right}.markdown-body th:last-child{text-align:right}.markdown-body .image-figure{margin:1.5em 0;padding:0}.markdown-body .image-wrapper{position:relative;border-radius:12px;overflow:hidden;background:var(--color-bg-elevated);min-height:100px}.markdown-body .image-wrapper img{display:block;width:100%;max-width:100%;height:auto;border-radius:12px;transition:opacity .3s ease}.markdown-body .image-skeleton{position:absolute;inset:0;background:var(--color-bg-tertiary);border-radius:12px;overflow:hidden}.markdown-body .skeleton-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--color-bg-elevated) 50%,transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.markdown-body .image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2em;color:var(--color-text-muted);gap:.5em}.markdown-body .image-error .error-icon{font-size:2em;opacity:.5}.markdown-body .image-caption{margin-top:.75em;text-align:center;font-size:.875em;color:var(--color-text-secondary);font-style:italic;line-height:1.5}.markdown-body .image-wrapper:not(.error):hover img{transform:scale(1.01);box-shadow:0 4px 20px #00000026}.markdown-body .image-wrapper img{transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease}@media(max-width:900px){.app-header{padding:.5rem .75rem;flex-wrap:wrap;gap:.5rem}.app-title{font-size:.9rem}.app-main,.app-main.single-view{padding:.5rem}.split-container{flex-direction:column!important}.split-container>div{width:100%!important;height:50%!important}.gutter.gutter-horizontal{display:none}.editor-container,.preview-container{border-radius:12px}.panel-header{padding:.5rem .75rem}.panel-title{font-size:.65rem}.view-mode-toggles{padding:2px}.view-mode-btn{width:26px;height:24px}.view-mode-btn svg{width:14px;height:14px}.scroll-sync-toggle{width:28px;height:28px}.theme-toggle{width:28px;height:28px;padding:5px}}@media(max-width:480px){.app-header{padding:.4rem .5rem}.app-title{font-size:.85rem}.app-main,.app-main.single-view{padding:.35rem}.app-main.single-view .editor-container,.app-main.single-view .preview-container{max-width:100%}.editor-container,.preview-container{border-radius:8px}.panel-header{padding:.4rem .6rem}.panel-title{font-size:.6rem}.editor-content{font-size:.9rem}.line-numbers{padding:.75rem .4rem;min-width:2rem}.line-number{font-size:.7rem}.editor-textarea{padding:.75rem .6rem}.preview-content{padding:.75rem;font-size:.9rem}.stats-bar{display:none}.view-mode-btn{width:24px;height:22px}.scroll-sync-toggle,.theme-toggle{width:26px;height:26px;padding:4px}.copy-button{width:24px;height:24px}}