*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#000;color:#fff}#root{min-height:100vh}a{font-weight:500;color:#4a9eff;text-decoration:none}a:hover{color:#66b3ff;text-decoration:underline}button{border-radius:6px;border:1px solid #333333;padding:.6em 1.2em;font-size:.9em;font-weight:500;font-family:inherit;background-color:#111;color:#fff;cursor:pointer;transition:all .2s ease}button:hover{border-color:#4a9eff;background-color:#1a1a1a}button:focus,button:focus-visible{outline:2px solid #4a9eff;outline-offset:2px}button:active{background-color:#0a0a0a}h1,h2,h3,h4,h5,h6{color:#fff;margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}.app{min-height:100vh;min-height:100dvh;background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #333333;background-color:#111;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-height:60px}.header-left{display:flex;align-items:center;gap:1.5rem}.mobile-toggle{display:none;gap:.25rem;align-items:center;margin-left:auto;flex-shrink:0;background:#1a1a1a;border:1px solid #333333;border-radius:6px;padding:2px}.toggle-btn{padding:.3rem .6rem;border:none;border-radius:4px;background-color:transparent;color:#ccc;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:45px;text-align:center}.toggle-btn:hover:not(.active){background-color:#2a2a2a;color:#fff}.toggle-btn.active{background-color:#ff6b35!important;color:#fff!important;font-weight:600;box-shadow:0 2px 4px #ff6b354d}.toggle-btn:focus:not(:focus-visible){outline:none}.mobile-export-footer{padding:1rem;border-top:1px solid #333333;background-color:#111;display:flex;justify-content:center}.app-header h1{margin:0;font-size:1.8rem;font-weight:700;color:#fff;white-space:nowrap}.app-main{display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 80px);height:calc(100dvh - 80px);min-height:500px;gap:1px;background-color:#333}@media (max-width: 1024px) and (min-width: 769px){.app-header{padding:1rem 1.5rem}.app-main{height:calc(100vh - 70px);height:calc(100dvh - 70px)}}@media (max-width: 768px){.app-main{grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:calc(100vh - 60px);height:calc(100dvh - 60px);gap:2px}.app-header{padding:.75rem 1rem;flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;min-height:60px}.header-left{gap:1rem;display:flex;align-items:center;flex:1}.app-header h1{font-size:1.25rem;text-align:left;margin:0}.mobile-toggle{display:flex;margin-left:auto;flex-shrink:0}.toggle-btn{font-size:.75rem;padding:.3rem .6rem;min-width:50px}}@media (max-width: 640px){.app{touch-action:manipulation}.app-header{padding:.5rem 1rem;min-height:50px;flex-direction:row;justify-content:space-between;align-items:center}.header-left{gap:.8rem;flex:1}.app-header h1{font-size:1.3rem;margin:0}.mobile-toggle{margin-left:auto;flex-shrink:0}.toggle-btn{font-size:.75rem;padding:.3rem .6rem;min-width:50px}.app-main{height:calc(100vh - 50px);height:calc(100dvh - 50px);grid-template-rows:minmax(250px,1fr) minmax(250px,1fr)}}@media (max-width: 480px){.app-header{padding:.5rem .75rem}.header-left{gap:.6rem;flex:1}.app-header h1{font-size:1.2rem}.mobile-toggle{margin-left:auto;flex-shrink:0}.toggle-btn{font-size:.7rem;padding:.25rem .5rem;min-width:45px}.app-main{grid-template-rows:minmax(200px,1fr) minmax(200px,1fr)}}@media (max-width: 360px){.app-header{padding:.5rem}.header-left{gap:.5rem;flex:1}.app-header h1{font-size:1.1rem}.mobile-toggle{margin-left:auto;flex-shrink:0}.toggle-btn{font-size:.65rem;padding:.2rem .4rem;min-width:40px}}@media (display-mode: standalone){.app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@supports (-webkit-touch-callout: none){.app{min-height:-webkit-fill-available}.app-main{height:calc(100vh - 80px);height:calc(-webkit-fill-available - 80px)}}@media (max-width: 768px){.app-header,.export-buttons,.copy-dropdown,.editor-header,.preview-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.editor-textarea,.preview-content{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}}*{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.toggle-btn.active{color:#fff}.toggle-btn:active{transform:scale(.95)}.app-main.mobile{grid-template-columns:1fr;grid-template-rows:1fr}.mobile-export-footer{position:sticky;bottom:0;left:0;right:0;background-color:#111;border-top:1px solid #333333;padding:1rem;display:flex;justify-content:center;z-index:50;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-height:84px;box-sizing:border-box}@media (max-width: 768px){.app.with-export-footer .app-main.mobile{height:calc(100vh - 144px);height:calc(100dvh - 144px)}}@media (max-width: 640px){.app.with-export-footer .app-main.mobile{height:calc(100vh - 134px);height:calc(100dvh - 134px)}}@media (max-width: 480px){.app.with-export-footer .app-main.mobile{height:calc(100vh - 134px);height:calc(100dvh - 134px);grid-template-rows:1fr}}button:focus{outline:none}button:focus-visible,.export-btn:focus-visible,.copy-icon-btn:focus-visible,.dropdown-option:focus-visible,.toggle-btn:focus-visible{outline:2px solid #ff8c00;outline-offset:2px}@media (pointer: coarse){button:focus-visible,.export-btn:focus-visible,.copy-icon-btn:focus-visible,.dropdown-option:focus-visible,.toggle-btn:focus-visible{outline:none}}@media (max-width: 768px) and (orientation: landscape){.app-main{grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:calc(100vh - 50px);height:calc(100dvh - 50px)}.app-header{min-height:50px}.header-left{gap:1rem}.app-header h1{font-size:1.2rem}.toggle-btn{font-size:.75rem;padding:.3rem .6rem}}.markdown-editor{border-right:1px solid #333333;display:flex;flex-direction:column;background-color:#000;min-height:0;overflow:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #333333;background-color:#111}.editor-header h2{font-size:1.1rem;font-weight:600;color:#fff}.editor-stats{display:flex;gap:1rem;font-size:.8rem;color:#888}.stat-item{white-space:nowrap}@media (max-width: 768px){.editor-stats{gap:.5rem;font-size:.75rem}}.editor-container{flex:1;position:relative;display:flex;flex-direction:column}.editor-textarea{flex:1;width:100%;background-color:#000;color:#fff;border:none;outline:none;padding:1.5rem;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;resize:none;tab-size:2;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.editor-textarea::placeholder{color:#666}.editor-textarea:focus{background-color:#0a0a0a}.editor-container.drag-over{border:2px dashed #ff8c00;background-color:#ff8c000d}.drag-overlay{position:absolute;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:10}.drag-message{background-color:#111;color:#ff8c00;padding:2rem;border-radius:8px;border:2px dashed #ff8c00;font-size:1.1rem;font-weight:500;text-align:center}@media (max-width: 1024px) and (min-width: 769px){.editor-textarea{font-size:15px;padding:1.25rem}.editor-header{padding:.875rem}}@media (max-width: 768px){.markdown-editor{border-right:none;border-bottom:1px solid #333333}.editor-textarea{padding:1rem;font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;touch-action:manipulation}.editor-header{padding:.75rem;min-height:50px}.editor-header h2{font-size:1rem}.editor-stats{flex-wrap:wrap;gap:.5rem}.stat-item{font-size:.75rem}}@media (max-width: 640px){.editor-textarea{padding:.875rem;font-size:16px;line-height:1.4}.editor-header{padding:.625rem;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.editor-header h2{font-size:.95rem;width:auto;flex-shrink:0}.editor-stats{display:flex;gap:.5rem;justify-content:flex-end;margin-top:0;flex-wrap:wrap}.drag-overlay{padding:1rem}.drag-message{padding:1.5rem;font-size:1rem}}@media (max-width: 480px){.editor-textarea{padding:.75rem;font-size:16px}.editor-header{padding:.5rem .75rem;flex-direction:row;align-items:center;justify-content:space-between}.editor-header h2{font-size:.9rem;width:auto}.editor-stats{gap:.4rem}.editor-stats{font-size:.7rem}.stat-item{min-width:auto}.drag-message{padding:1rem;font-size:.9rem}}@media (max-width: 360px){.editor-textarea{padding:.625rem}.editor-header{padding:.5rem;flex-direction:row;align-items:center;justify-content:space-between}.editor-header h2{font-size:.85rem;width:auto}.editor-stats{gap:.3rem}.editor-stats{font-size:.65rem;gap:.25rem}}@media (max-width: 768px) and (orientation: landscape){.markdown-editor{border-right:1px solid #333333;border-bottom:none}.editor-header{flex-direction:row;align-items:center;padding:.5rem .75rem;min-height:40px}.editor-header h2{width:auto;margin-right:1rem}.editor-stats{width:auto;margin-top:0}.editor-textarea{padding:.75rem}}.editor-textarea::selection{background-color:#ff8c00;color:#fff}.markdown-preview{display:flex;flex-direction:column;background-color:#000;min-height:0;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #333333;background-color:#111}.preview-header h2{font-size:1.1rem;font-weight:600;color:#fff}.copy-buttons{display:flex;gap:.5rem;align-items:center}.copy-btn{background-color:#111;border:1px solid #333333;color:#fff;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.3rem;white-space:nowrap;min-width:fit-content}.copy-btn:hover:not(:disabled){background-color:#2a2a2a;transform:translateY(-1px)}.copy-btn:active:not(:disabled){background-color:#0a0a0a;transform:translateY(0)}.copy-btn:disabled{opacity:.6;cursor:not-allowed}.copy-btn.success{background-color:#0f5132;border-color:#51cf66;color:#51cf66}.rich-btn:hover:not(:disabled){border-color:#4a9eff;color:#4a9eff}.html-btn:hover:not(:disabled){border-color:#ff8c00;color:#ff8c00}.plain-btn:hover:not(:disabled){border-color:#888;color:#ccc}.preview-content{flex:1;padding:1.5rem;overflow-y:auto;background-color:#000;color:#fff;line-height:1.6;-webkit-overflow-scrolling:touch;min-height:0;word-wrap:break-word;overflow-wrap:break-word}.preview-content h1{font-size:2rem;font-weight:700;margin:0 0 1rem;color:#fff;border-bottom:2px solid #333333;padding-bottom:.5rem}.preview-content h2{font-size:1.6rem;font-weight:600;margin:1.5rem 0 1rem;color:#fff;border-bottom:1px solid #333333;padding-bottom:.3rem}.preview-content h3{font-size:1.3rem;font-weight:600;margin:1.25rem 0 .75rem;color:#fff}.preview-content h4{font-size:1.1rem;font-weight:600;margin:1rem 0 .5rem;color:#fff}.preview-content h5{font-size:1rem;font-weight:600;margin:1rem 0 .5rem;color:#fff}.preview-content h6{font-size:.9rem;font-weight:600;margin:1rem 0 .5rem;color:#ccc}.preview-content p{margin:0 0 1rem;color:#fff}.preview-content strong{font-weight:700;color:#fff}.preview-content em{font-style:italic;color:#fff}.preview-content a{color:#4a9eff;text-decoration:none}.preview-content a:hover{color:#66b3ff;text-decoration:underline}.preview-content ul,.preview-content ol{margin:0 0 1rem;padding-left:2rem}.preview-content li{margin:.25rem 0;color:#fff}.preview-content ul ul,.preview-content ol ol,.preview-content ul ol,.preview-content ol ul{margin:.25rem 0}.preview-content code:not(pre code){background-color:#1a1a1a;color:#ff6b6b;padding:.2rem .4rem;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,Courier New,monospace;font-size:.9em}.preview-content pre{background-color:#0d1117;border:1px solid #333333;border-radius:6px;margin:1rem 0;overflow-x:auto}.preview-content pre code{background:transparent;color:inherit;padding:0;border-radius:0}.preview-content blockquote{border-left:4px solid #4a9eff;margin:1rem 0;padding:.5rem 0 .5rem 1rem;background-color:#0a0a0a;color:#ccc;font-style:italic}.preview-content blockquote p{margin:0}.preview-content table{border-collapse:collapse;width:100%;margin:1rem 0;overflow-x:auto;display:block;white-space:nowrap}.preview-content thead{background-color:#1a1a1a}.preview-content th,.preview-content td{border:1px solid #333333;padding:.5rem 1rem;text-align:left}.preview-content th{font-weight:600;color:#fff}.preview-content td{color:#fff}.preview-content img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0;border:1px solid #333333}.preview-content hr{border:none;border-top:1px solid #333333;margin:2rem 0}@media (max-width: 1024px) and (min-width: 769px){.preview-content{padding:1.25rem}.preview-header{padding:.875rem}.copy-icon-btn{min-width:38px;min-height:38px}}@media (max-width: 768px){.preview-content{padding:1rem;font-size:15px}.preview-header{padding:.75rem;min-height:50px;flex-direction:row;align-items:center}.preview-header h2{font-size:1rem}.copy-icon-btn{min-width:36px;min-height:36px;padding:8px}.copy-dropdown-menu{min-width:160px;right:0}.dropdown-option{padding:14px 16px;font-size:14px}.preview-content h1{font-size:1.6rem;margin:0 0 .8rem}.preview-content h2{font-size:1.4rem;margin:1.2rem 0 .6rem}.preview-content h3{font-size:1.2rem;margin:1rem 0 .5rem}.preview-content h4{font-size:1.1rem;margin:.8rem 0 .4rem}.preview-content h5,.preview-content h6{font-size:1rem;margin:.6rem 0 .3rem}.preview-content p{margin:.8rem 0;line-height:1.5}.preview-content table{font-size:.9rem;display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.preview-content th,.preview-content td{padding:.5rem .7rem;min-width:100px}.preview-content pre{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:1rem;margin:1rem 0}.preview-content code{word-break:break-all}.preview-content ul,.preview-content ol{padding-left:1.5rem;margin:.8rem 0}.preview-content li{margin:.3rem 0;line-height:1.4}.preview-content blockquote{margin:1rem 0;padding:.8rem 1rem;border-left-width:3px}.preview-content img{max-width:100%;height:auto;border-radius:4px;margin:.8rem 0}}@media (max-width: 640px){.preview-content{padding:.875rem;font-size:14px}.preview-header{padding:.625rem;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.preview-header h2{font-size:.95rem;width:auto;flex:1}.copy-dropdown{align-self:center;flex-shrink:0}.copy-icon-btn{min-width:32px;min-height:32px;padding:6px}.copy-dropdown-menu{right:0;min-width:150px}.dropdown-option{padding:16px 14px}.preview-content h1{font-size:1.4rem}.preview-content h2{font-size:1.25rem}.preview-content h3{font-size:1.1rem}.preview-content table{font-size:.85rem}.preview-content th,.preview-content td{padding:.4rem .6rem;min-width:80px}.preview-content pre{padding:.8rem;font-size:.85rem}}@media (max-width: 480px){.preview-content{padding:.75rem;font-size:14px}.preview-header{padding:.5rem .75rem;justify-content:space-between}.preview-header h2{font-size:.9rem}.copy-icon-btn{min-width:30px;min-height:30px;padding:5px}.copy-dropdown-menu{min-width:140px;right:-10px}.dropdown-option{padding:12px;font-size:13px}.preview-content h1{font-size:1.3rem}.preview-content h2{font-size:1.15rem}.preview-content h3{font-size:1.05rem}.preview-content table{font-size:.8rem}.preview-content th,.preview-content td{padding:.3rem .5rem;min-width:70px}.preview-content pre{padding:.7rem;font-size:.8rem}.preview-content ul,.preview-content ol{padding-left:1.2rem}}@media (max-width: 360px){.preview-content{padding:.625rem}.preview-header{padding:.5rem;justify-content:space-between}.preview-header h2{font-size:.85rem}.copy-icon-btn{min-width:28px;min-height:28px;padding:4px}.copy-dropdown-menu{min-width:130px;right:-15px}.dropdown-option{padding:10px;font-size:12px}.preview-content table{font-size:.75rem}.preview-content th,.preview-content td{padding:.25rem .4rem;min-width:60px}}@media (max-width: 768px) and (orientation: landscape){.preview-header{flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem .75rem;min-height:40px}.preview-header h2{width:auto;flex:1}.copy-dropdown{align-self:center;flex-shrink:0}.copy-icon-btn{min-width:32px;min-height:32px;padding:6px}.preview-content{padding:.75rem}}.copy-dropdown{position:relative;display:inline-block}.copy-icon-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:#111;border:none;border-radius:6px;color:#e0e0e0;cursor:pointer;transition:all .2s ease;min-width:40px;min-height:40px}.copy-icon-btn:hover:not(:disabled){background:#111}.copy-icon-btn:disabled{opacity:.6;cursor:not-allowed}.copy-icon-btn.success{background:#28a745;border-color:#28a745}.copy-icon-btn.active{background:#111;border-color:#ff8c00}.success-icon{font-size:16px}.copy-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#2a2a2a;border:1px solid #404040;border-radius:8px;box-shadow:0 8px 24px #0006;z-index:1000;min-width:200px;overflow:hidden}.dropdown-option{display:flex;align-items:center;width:100%;padding:12px 16px;background:none;border:none;color:#e0e0e0;cursor:pointer;transition:background-color .2s ease;text-align:left;gap:12px}.dropdown-option:hover:not(:disabled){background:#3a3a3a}.dropdown-option:disabled{opacity:.5;cursor:not-allowed}.dropdown-option:not(:last-child){border-bottom:1px solid #404040}.option-icon{font-size:16px;flex-shrink:0}.option-text{font-weight:500;flex-shrink:0}.option-desc{font-size:12px;color:#888;margin-left:auto}@media (max-width: 768px){.copy-dropdown-menu{box-shadow:0 8px 32px #0009;border-radius:12px}.dropdown-option{border-radius:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dropdown-option:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.dropdown-option:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom:none}.option-desc{display:none}.copy-icon-btn:active{transform:scale(.95);transition:transform .1s ease}.dropdown-option:active{background:#4a4a4a;transform:scale(.98);transition:all .1s ease}}.export-buttons{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #333333;border-radius:6px;background-color:#111;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:40px}.export-btn:hover{border-color:#ff8c00;background-color:#1a1a1a;transform:translateY(-1px)}.export-btn:active{background-color:#0a0a0a;transform:translateY(0)}.pdf-btn:hover{border-color:#ff6b6b;color:#ff6b6b}.txt-btn:hover{border-color:#4ecdc4;color:#4ecdc4}@media (max-width: 1024px) and (min-width: 769px){.export-buttons{gap:.625rem}.export-btn{padding:.45rem .9rem;font-size:.825rem;min-height:42px}}@media (max-width: 768px){.export-buttons{gap:.5rem;width:100%;justify-content:center;flex-wrap:wrap}.export-btn{padding:.6rem 1rem;font-size:.8rem;flex:1;justify-content:center;max-width:140px;min-height:44px;border-radius:8px}.export-btn:active{transform:scale(.95);transition:transform .1s ease}}@media (max-width: 640px){.export-buttons{gap:.75rem;flex-direction:row;justify-content:center;width:100%;padding:0}.export-btn{flex:1;max-width:150px;padding:.75rem 1rem;font-size:.85rem;min-height:48px;border-radius:10px}}@media (max-width: 480px){.export-buttons{flex-direction:row;gap:.75rem;width:100%;justify-content:center;padding:0}.export-btn{flex:1;max-width:none;padding:.875rem 1rem;font-size:.9rem;min-height:52px;border-radius:12px;font-weight:600;box-shadow:0 2px 8px #0000004d}.export-btn:hover{transform:none}.export-btn:active{transform:scale(.97);background-color:#2a2a2a}}@media (max-width: 360px){.export-btn{padding:.8rem;font-size:.85rem;min-height:48px}}@media (max-width: 768px) and (orientation: landscape){.export-buttons{flex-direction:row;gap:.5rem;justify-content:center;width:100%}.export-btn{flex:1;max-width:120px;padding:.5rem .75rem;font-size:.8rem;min-height:40px;border-radius:8px}}@media (pointer: coarse){.export-btn{min-height:44px}.export-btn:hover{transform:none;border-color:#333;background-color:#111}.export-btn:active{background-color:#2a2a2a;transform:scale(.95);transition:all .1s ease}}