:root{--color-bg:#f9f9f9;--color-bg-panel:#fff;--color-text:#222;--color-primary:#0070f3;--color-primary-hover:#0059c1;--color-border:#e0e0e0;--color-error:#e53935;--color-shadow:0 0 16px #00000014;--radius:14px;--transition:0.2s cubic-bezier(.4,0,.2,1)}body.dark{--color-bg:#181a1b;--color-bg-panel:#23272b;--color-text:#f3f3f3;--color-primary:#1e90ff;--color-primary-hover:#1566b7;--color-border:#33383d;--color-error:#ff6b6b;--color-shadow:0 0 24px #00000040}body{background:#f9f9f9;background:var(--color-bg);color:#222;color:var(--color-text);font-family:Inter,Segoe UI,Arial,sans-serif;margin:0;overflow-x:hidden;padding:0;transition:background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition)}main{background:#fff;background:var(--color-bg-panel);border-radius:14px;border-radius:var(--radius);box-shadow:0 0 16px #00000014;box-shadow:var(--color-shadow);margin:auto;max-width:600px;padding:1rem;transition:background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition),box-shadow var(--transition)}@media (min-width:768px){main{padding:2rem 2rem 1.5rem}}.header-row{gap:1rem;justify-content:space-between}.header-row,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border:none;border-radius:50%;color:#0070f3;color:var(--color-primary);cursor:pointer;font-size:1.7rem;height:2.5rem;justify-content:center;outline:none;padding:0;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--transition);width:2.5rem}.theme-toggle:focus,.theme-toggle:hover{background:#e0e0e0;background:var(--color-border)}.theme-toggle svg,.theme-toggle>span{align-items:center;display:flex;height:1.4rem;justify-content:center;width:1.4rem}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;list-style:none;padding:0}.mobile-nav,.tabs{margin-bottom:1.5rem}.mobile-nav{display:none}.tool-selector{appearance:none;background:#fff;background:var(--color-bg-panel);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:1rem;border:1.5px solid #e0e0e0;border:1.5px solid var(--color-border);border-radius:14px;border-radius:var(--radius);color:#222;color:var(--color-text);cursor:pointer;display:block;font-size:1rem;font-weight:500;margin:0 auto;max-width:300px;outline:none;padding:.75rem 2.5rem .75rem 1rem;text-align:center;transition:border .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);transition:border var(--transition),background var(--transition);width:100%}.tool-selector:focus{background-color:#f9f9f9;background-color:var(--color-bg)}.tool-selector:focus,.tool-selector:hover{border-color:#0070f3;border-color:var(--color-primary)}.tool-selector option{background:#fff;background:var(--color-bg-panel);color:#222;color:var(--color-text);padding:.5rem}@media (min-width:769px){.desktop-tabs{display:flex}.mobile-nav{display:none}}textarea.modern{background:#f9f9f9;background:var(--color-bg);border:1.5px solid #e0e0e0;border:1.5px solid var(--color-border);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 4px #00000008;box-sizing:border-box;color:#222;color:var(--color-text);font-family:JetBrains Mono,Fira Mono,Consolas,monospace;font-size:1.08rem;margin:.7rem 0;padding:1rem;resize:vertical;transition:border .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);transition:border var(--transition),background var(--transition),color var(--transition);width:100%}textarea.modern:focus{background:#fff;background:var(--color-bg-panel);border-color:#0070f3;border-color:var(--color-primary);outline:none}.buttons{display:flex;gap:.7rem;margin-top:.5rem}.output.modern-output{background:#f9f9f9;background:var(--color-bg);border:1.5px solid #e0e0e0;border:1.5px solid var(--color-border);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 4px #00000008;display:flex;font-size:1.1rem;gap:2rem;justify-content:space-around;margin-top:1rem;padding:1rem .5rem}.output-label{color:#0070f3;color:var(--color-primary);font-weight:600;margin-right:.5em}.output-value{font-size:1.2em;font-weight:700}.error{color:#e53935;color:var(--color-error);font-weight:600;letter-spacing:.01em;margin:.5rem 0}.buy-coffee-btn{align-items:center;background:linear-gradient(90deg,#fd0,#f80);border:none;border-radius:999px;box-shadow:0 4px 18px #ff88002e;color:#222;cursor:pointer;display:inline-flex;font-size:1.15rem;font-weight:700;justify-content:center;margin:1.2rem 0 .5rem;outline:none;padding:.85em 1.6em;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s}.buy-coffee-btn:focus,.buy-coffee-btn:hover{background:linear-gradient(90deg,#ffe066,#ffb347);box-shadow:0 6px 24px #ff880047;color:#111;text-decoration:none;transform:translateY(-2px) scale(1.04)}.footer{font-size:.98rem;margin-top:2rem;opacity:.7;padding:1rem 0 .5rem}.footer,.tabs .tab-btn,button,button.primary{color:#222;color:var(--color-text);text-align:center}.tabs .tab-btn,button,button.primary{background:#e0e0e0;background:var(--color-border);border:none;border-radius:14px;border-radius:var(--radius);box-shadow:none;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;outline:none;padding:.6rem 1.4rem;text-decoration:none;transition:background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.tabs .tab-btn.active,.tabs .tab-btn:focus,button.primary,button:focus{background:#0070f3;background:var(--color-primary);box-shadow:0 2px 8px #0000001a;color:#fff}.social-share-bar{background:#eef2ff;border-radius:12px;margin-top:2rem;padding:1rem;text-align:center;transition:background .3s}.dark .social-share-bar{background:#1e293b}.social-share-bar p{color:#333;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.dark .social-share-bar p{color:#eee}.icon-row{display:flex;gap:1rem;justify-content:center}@media (max-width:768px){.desktop-tabs{display:none}.mobile-nav{display:block}.tabs .tab-btn,.tabs button,button.primary{border-radius:12px;box-sizing:border-box;display:block;font-size:.9rem;margin:0 auto;max-width:300px;min-width:180px;padding:.5rem .8rem;width:100%}}@media (max-width:600px){.tabs{gap:.4rem}.tabs .tab-btn,.tabs button,button.primary{font-size:.85rem;max-width:280px;padding:.45rem .7rem}.theme-toggle{align-items:center;background:none;border-radius:50%;display:flex;font-size:1.4rem;height:2.5rem;justify-content:center;padding:0;width:2.5rem}.buy-coffee-btn{border-radius:20px;font-size:1rem;padding:.6em 1.1em}.buttons{align-items:center;flex-direction:column;gap:.7rem;width:100%}.buttons .tab-btn,.buttons button{display:block;margin:0 auto;max-width:280px;min-width:180px;width:100%}.footer{font-size:.92rem;padding:.7rem 0 .3rem}}.tool-header{margin-bottom:1.5rem;text-align:center}.tool-header h2{color:#0070f3;color:var(--color-primary);font-size:1.8rem;margin:0 0 .5rem}.tool-header p{color:#222;color:var(--color-text);font-size:1rem;margin:0;opacity:.8}.output-container{margin-top:1rem}.output-actions{margin-bottom:.5rem}.action-buttons,.output-actions{display:flex;gap:.5rem;justify-content:center}.action-buttons{flex-wrap:wrap;margin-top:1rem}.case-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:1rem 0}.case-btn{background:#f9f9f9;background:var(--color-bg);border:1.5px solid #e0e0e0;border:1.5px solid var(--color-border);border-radius:14px;border-radius:var(--radius);color:#222;color:var(--color-text);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem .8rem;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.case-btn:hover{background:#fff;background:var(--color-bg-panel)}.case-btn.active,.case-btn:hover{border-color:#0070f3;border-color:var(--color-primary)}.case-btn.active{background:#0070f3;background:var(--color-primary);color:#fff}.stat-item{align-items:center;gap:.3rem}.stat-item,.toast-container{display:flex;flex-direction:column}.toast-container{gap:.5rem;max-width:400px;position:fixed;right:20px;top:20px;z-index:1000}.toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;background:var(--color-bg-panel);border-left:4px solid;border-radius:14px;border-radius:var(--radius);box-shadow:0 0 16px #00000014;box-shadow:var(--color-shadow);display:flex;gap:.5rem;padding:.8rem 1rem}.toast-success{border-left-color:#4caf50}.toast-error{border-left-color:#e53935;border-left-color:var(--color-error)}.toast-warning{border-left-color:#ff9800}.toast-info{border-left-color:#0070f3;border-left-color:var(--color-primary)}.toast-icon{font-size:1.2rem}.toast-message{flex:1 1;font-size:.9rem;font-weight:500}.toast-close{align-items:center;background:none;border:none;color:#222;color:var(--color-text);cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;opacity:.7;padding:0;width:20px}.toast-close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-top:4px solid #0070f3;border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-boundary{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem;text-align:center}.error-details{margin-top:1rem;max-width:600px;text-align:left}.error-details summary{cursor:pointer;font-weight:600;margin-bottom:.5rem}.error-details pre{border-radius:14px;border-radius:var(--radius);font-size:.8rem;overflow-x:auto;padding:1rem}.error-details pre,button.secondary{background:#f9f9f9;background:var(--color-bg)}button.secondary{border:1.5px solid #e0e0e0;border:1.5px solid var(--color-border);color:#222;color:var(--color-text)}button.secondary:hover{background:#fff;background:var(--color-bg-panel);border-color:#0070f3;border-color:var(--color-primary)}button.secondary:disabled{cursor:not-allowed;opacity:.5}.diff-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.diff-input{display:flex;flex-direction:column}.diff-input label{color:#0070f3;color:var(--color-primary);font-weight:600;margin-bottom:.5rem}.diff-output{margin-top:1rem}.diff-output pre{word-wrap:break-word;background:#f9f9f9;background:var(--color-bg);border:1.5px solid #e0e0e0;border:1.5px solid var(--color-border);border-radius:14px;border-radius:var(--radius);font-family:JetBrains Mono,Fira Mono,Consolas,monospace;font-size:.9rem;line-height:1.4;overflow-x:auto;padding:1rem;white-space:pre-wrap}.markdown-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.markdown-input{display:flex;flex-direction:column}.markdown-input label{color:#0070f3;color:var(--color-primary);font-weight:600;margin-bottom:.5rem}.markdown-preview{display:flex;flex-direction:column}.markdown-preview label{color:#0070f3;color:var(--color-primary);font-weight:600;margin-bottom:.5rem}.preview-content{background:#f9f9f9;background:var(--color-bg);border:1.5px solid #e0e0e0;border:1.5px solid var(--color-border);border-radius:14px;border-radius:var(--radius);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6;min-height:200px;overflow-y:auto;padding:1rem}.preview-content h1,.preview-content h2,.preview-content h3{color:#0070f3;color:var(--color-primary);margin-bottom:.5rem;margin-top:1rem}.preview-content h1{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--color-border);font-size:1.8rem;padding-bottom:.5rem}.preview-content h2{font-size:1.5rem}.preview-content h3{font-size:1.3rem}.preview-content code{border-radius:3px;font-family:JetBrains Mono,Fira Mono,Consolas,monospace;font-size:.9rem;padding:.2rem .4rem}.preview-content code,.preview-content pre{background:#fff;background:var(--color-bg-panel)}.preview-content pre{border-radius:14px;border-radius:var(--radius);margin:1rem 0;overflow-x:auto;padding:1rem}.preview-content pre code{background:none;padding:0}.preview-content a{color:#0070f3;color:var(--color-primary);text-decoration:none}.preview-content a:hover{text-decoration:underline}.preview-content strong{font-weight:600}.preview-content em{font-style:italic}@media (max-width:600px){.case-buttons{grid-template-columns:repeat(2,1fr)}.action-buttons,.output-actions{align-items:center;flex-direction:column}.toast-container{left:10px;max-width:none;right:10px}.diff-container,.markdown-container{grid-template-columns:1fr}.social-share-bar{border-radius:14px;border-radius:var(--radius);margin-top:1.5rem;padding:1rem;width:100%}.icon-row{flex-wrap:wrap;gap:.5rem}.output.modern-output{gap:.75rem;padding:.75rem}.stat-item{padding:.4rem 0}.output-label{font-size:.9rem}.output-value{font-size:1rem}.action-buttons,.buttons,.format-btn-container,.output-actions{align-items:center;flex-direction:column;gap:.5rem;width:100%}.action-buttons button,.buttons button,.format-btn-container button,.output-actions button{display:block;font-size:.9rem;margin:0 auto;max-width:280px;min-width:180px;padding:.6rem 1rem;width:100%}.case-btn{font-size:.8rem;min-height:40px;padding:.5rem .4rem}}@media (max-width:768px){*{box-sizing:border-box;max-width:100%}.app-container{padding:4px}main{border-radius:8px;margin:0 4px}.header-row{flex-direction:column;gap:.5rem;text-align:center}.header-row h1{font-size:1.5rem;margin:0}.header-row p{font-size:.9rem;margin:.5rem 0}.output.modern-output{flex-direction:column;gap:1rem;justify-content:center;padding:1rem}.stat-item{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.5rem 0}.stat-item:last-child{border-bottom:none}.output-label{font-size:1rem;font-weight:500}.output-value{color:#0070f3;color:var(--color-primary);font-size:1.1rem;font-weight:700}.action-buttons,.buttons,.format-btn-container,.output-actions{align-items:center;flex-direction:column;gap:.6rem;width:100%}.action-buttons button,.buttons button,.format-btn-container button,.output-actions button{display:block;font-size:.95rem;margin:0 auto;max-width:300px;min-width:200px;padding:.7rem 1.2rem;width:100%}.case-buttons{gap:.5rem;grid-template-columns:repeat(2,1fr)}.case-btn{font-size:.85rem;min-height:44px;padding:.6rem .5rem}.social-share-bar{border-radius:14px;border-radius:var(--radius);margin-top:1.5rem;padding:1rem;width:100%}.icon-row{flex-wrap:wrap;gap:.5rem}}.app-container{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:8px;width:100%}.app-container main{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;width:100%}.app-container main section{display:flex;flex:1 1;flex-direction:column;min-height:0}.app-container main section textarea{box-sizing:border-box;flex:1 1;min-height:0;resize:vertical;width:100%}@media (min-width:768px){.app-container{padding:16px}}@media (min-width:900px){.app-container{padding:32px}.app-container main{padding:0 16px}}
/*# sourceMappingURL=main.a52b2712.css.map*/