:root{--bg-color:#1e1e1e;--text-color:#e0e0e0;--accent-color:#4a9eff;--font-code:"Fira Code", monospace;--font-text:"Inter", sans-serif;--font-serif:"EB Garamond", serif;--gutter-width:72px}body,html{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-code);font-variant-ligatures:contextual;height:100%;margin:0;padding:0;transition:font-family .2s;overflow:hidden}.font-code{font-family:var(--font-code)!important}.font-text{font-family:var(--font-text)!important}.font-serif{font-family:var(--font-serif)!important}#svelte{height:100%}.watermark{opacity:.9;letter-spacing:1.5px;text-transform:uppercase;z-index:20;background:var(--bg-color);box-sizing:border-box;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:8px 20px;font-size:.7rem;font-weight:500;display:flex;position:fixed;top:0;left:0}.watermark .actions{pointer-events:auto;gap:10px;display:flex}.watermark .info{pointer-events:none}main{font-size:18px;line-height:27px}.line-numbers{width:var(--gutter-width);box-sizing:border-box;height:100vh;font-size:inherit;line-height:inherit;text-align:right;color:#fff3;-webkit-user-select:none;user-select:none;z-index:5;background:var(--bg-color);text-rendering:optimizelegibility;border-right:1px solid #ffffff0d;padding:64px 10px 32px;position:fixed;top:0;left:0;overflow:hidden;font-family:inherit!important}.line-numbers div{margin:0;padding:0}textarea{width:calc(100% - var(--gutter-width));height:100vh;font-size:inherit;box-sizing:border-box;resize:none;line-height:inherit;top:0;left:var(--gutter-width);z-index:2;white-space:pre;text-rendering:optimizelegibility;-webkit-text-fill-color:transparent;border:none;outline:none;margin:0;padding:64px 32px 32px 16px;position:absolute;overflow:auto;color:#0000!important;caret-color:var(--text-color)!important;background:0 0!important;font-family:inherit!important}.highlight-layer{width:calc(100% - var(--gutter-width));box-sizing:border-box;height:100vh;font-size:inherit;line-height:inherit;top:0;left:var(--gutter-width);z-index:1;white-space:pre;word-wrap:normal;pointer-events:none;color:var(--text-color);text-rendering:optimizelegibility;margin:0;padding:64px 32px 32px 16px;position:absolute;overflow:hidden;font-family:inherit!important}pre[class*=language-],code[class*=language-],pre,code{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;margin:0!important}.viewer-container{height:100vh;display:flex;overflow:hidden}.viewer{margin-left:var(--gutter-width);white-space:pre;word-wrap:normal;box-sizing:border-box;height:100vh;font-size:inherit;line-height:inherit;flex:1;padding:64px 32px 32px 16px;overflow:auto;font-family:inherit!important}.viewer pre{background:0 0!important;padding:0!important;font-family:inherit!important}.fade-in{animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.markdown-preview{box-sizing:border-box;background:var(--bg-color);width:100%;height:100vh;color:var(--text-color);z-index:5;padding:64px 32px 32px;position:absolute;top:0;left:0;overflow-y:auto}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{border-bottom:1px solid #ffffff1a;padding-bottom:.5rem}.markdown-preview code{background:#ffffff1a;border-radius:4px;padding:.2rem .4rem}.markdown-preview blockquote{border-left:4px solid var(--accent-color);opacity:.8;margin-left:0;padding-left:1rem}.copy-toast{background:var(--accent-color);color:#fff;z-index:100;border-radius:20px;padding:8px 16px;font-size:.8rem;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}