:root{--bg-dark: #0d0d0d;--flat-box-bg: #161616;--mui-primary-main: #8800ff;--mui-primary-light: #9966ff;--gradient-primary: linear-gradient(135deg, #8533ff 0%, #6600ff 100%);--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-dim: #9ca3af;--border-color: rgba(133, 51, 255, .2);--success-color: #10b981;--error-color: #ef4444;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", Consolas, Monaco, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:960px;margin:0 auto;padding:0 1.5rem;min-height:100vh;display:flex;flex-direction:column}.product-nav{display:flex;gap:.5rem;background:var(--flat-box-bg);padding:.25rem;border-radius:4px;border:1px solid var(--border-color);margin-left:auto}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--border-color);background:var(--bg-dark)}.logo{font-weight:800;font-size:1.2rem;letter-spacing:-.5px}.logo span{color:var(--text-dim)}.pill-badge{font-size:.8rem;font-weight:500;padding:.4rem .8rem;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);background:var(--flat-box-bg)}.hero-wrapper{margin:0 -1.5rem;padding:4rem 1.5rem 3rem;text-align:center;position:relative}.hero-section{position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:800;letter-spacing:-1.5px;margin-bottom:1rem}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;line-height:1.6}.hero-badges{display:flex;justify-content:center;gap:8px;margin-bottom:2rem;flex-wrap:wrap}.badge{font-size:.85rem;padding:.4rem 1rem;border:1px solid var(--border-color);border-radius:4px;background:var(--flat-box-bg);font-weight:500}.mode-tabs{display:flex;justify-content:center;gap:0;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.mode-tab{background:transparent;border:none;color:var(--text-dim);font-family:var(--font-sans);font-size:1rem;font-weight:600;padding:.8rem 2rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.mode-tab:hover{color:var(--text-primary)}.mode-tab.active{color:var(--text-primary);border-bottom:2px solid var(--mui-primary-main)}.mode-panel{width:100%;text-align:left}.mode-description{text-align:center;color:var(--text-secondary);font-size:.95rem;margin-top:-1rem;margin-bottom:2rem}.log-output{width:100%;max-height:300px;overflow-y:auto;background:#0a0a0a;color:#b0b0b0;border:1px solid #222;border-radius:4px;padding:1rem;margin-top:1rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.8rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;text-align:left}.format-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);background:var(--flat-box-bg)}.format-tab{background:transparent;border:none;color:var(--text-dim);font-family:var(--font-sans);font-size:.85rem;font-weight:600;padding:.7rem 1rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.format-tab:hover{color:var(--text-primary)}.format-tab.active{color:var(--text-primary);border-bottom-color:var(--mui-primary-main)}.format-tab .tab-icon{font-size:.9rem;opacity:.7}.format-tab.active .tab-icon{opacity:1}.format-content{display:none}.format-content.active{display:block}.output-card{background:var(--flat-box-bg);border-radius:4px;overflow:hidden;margin-bottom:1rem}.output-card .result-status-bar,.output-card .result-meta-grid,.output-card .format-tabs{border-radius:0}.output-card pre,.output-card textarea{border-radius:0;margin:0}.input-container{background:var(--flat-box-bg);border-radius:4px;padding:1rem;margin-bottom:1.5rem}.input-wrapper{display:flex;gap:8px;margin-bottom:1rem}.input-wrapper input[type=url],.input-wrapper input[type=password],.input-wrapper input[type=text]{flex:1;background:#32323cf2;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:.8rem 1.2rem;color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;outline:none;transition:background-color .2s ease}.input-wrapper input[type=url]:hover,.input-wrapper input[type=password]:hover,.input-wrapper input[type=text]:hover{background-color:#3c3c46;border-color:#8800ff80}.input-wrapper input[type=url]:focus,.input-wrapper input[type=password]:focus,.input-wrapper input[type=text]:focus{background-color:#41414b;border:2px solid var(--mui-primary-main);padding:calc(.8rem - 1px) calc(1.2rem - 1px)}.gradient-button{background:var(--gradient-primary)!important;color:#fff!important;border:none!important;border-radius:4px!important;padding:0 1.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease!important;white-space:nowrap}.gradient-button:hover{transform:translateY(-2px)!important}.gradient-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.hover-icon-btn{transition:color .2s ease}.hover-icon-btn:hover{color:var(--text-primary)!important}.switch-label{display:flex;align-items:center;gap:.75rem;flex-direction:row-reverse;font-size:.9rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.switch-wrapper{position:relative;width:40px;height:22px;flex-shrink:0}.switch-wrapper input{display:none}.switch-slider{position:absolute;inset:0;background-color:#fff3;border-radius:22px;transition:.3s}.switch-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.switch-wrapper input:checked+.switch-slider{background-color:var(--mui-primary-main)}.switch-wrapper input:checked+.switch-slider:before{transform:translate(18px)}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#ffffff26;color:var(--text-dim);font-size:.65rem;font-family:var(--font-mono);font-weight:700;font-style:italic;cursor:help;position:relative;transition:all .2s ease}.info-icon:hover{background:var(--mui-primary-main);color:#fff}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);background:#0a0a0a;color:var(--text-primary);padding:.6rem .8rem;border-radius:4px;font-size:.75rem;font-family:var(--font-sans);font-weight:400;font-style:normal;line-height:1.4;white-space:normal;width:250px;text-align:center;border:1px solid var(--mui-primary-main);opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:100;margin-bottom:6px}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.input-options-row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:1rem}.input-option-label{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary)}.input-option-select{background:#32323cf2;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.3rem 1.8rem .3rem .5rem;color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;outline:none;cursor:pointer;appearance:none;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='%23bbb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1em}.input-option-select:focus{border-color:var(--mui-primary-main)}.input-toggles{display:flex;gap:8px;align-items:center;border-left:1px solid rgba(255,255,255,.1);padding-left:1.5rem}.small-switch{transform:scale(.9);transform-origin:left center;gap:8px}.small-switch .switch-text{font-size:.85rem}.api-pill-container{display:flex;justify-content:center;margin:3rem 0}.api-pill{background:var(--flat-box-bg);padding:.6rem 1.2rem;border-radius:4px;display:flex;gap:8px;align-items:center;font-size:.85rem}.api-pill strong{font-family:var(--font-mono);color:var(--text-primary)}.api-pill span{color:var(--text-dim)}.hidden{display:none!important}.state-panel{background:var(--flat-box-bg);border-radius:4px;padding:3rem;text-align:center;margin-bottom:1.5rem}.state-panel .log-output{text-align:left}.state-panel p{text-align:center}.spinner-purple{width:30px;height:30px;border:3px solid rgba(136,0,255,.2);border-top-color:var(--mui-primary-main);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#ef44441a;border:1px solid var(--error-color)}.error h3{color:#f87171;margin-bottom:.5rem}.error p{color:#dc2626}.result-status-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:0;border-radius:4px 4px 0 0;background:var(--flat-box-bg)}.result-converted-label{font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;min-width:0;word-break:break-all}.result-converted-label .checkmark{color:var(--success-color);font-size:1.1rem;flex-shrink:0}.result-actions{display:flex;gap:8px}.result-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-radius:0;padding:0;margin-bottom:0;background:var(--flat-box-bg)}.meta-item{padding:1rem;border-right:1px solid var(--border-color)}.meta-item:last-child{border-right:none}.meta-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:.35rem}.meta-value{display:block;font-size:.85rem;font-weight:500;color:var(--text-primary);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#stat-tokens-html{color:var(--text-dim)}#stat-tokens-md{color:var(--success-color);font-weight:700}.batch-success-value{color:var(--success-color)!important}.batch-failed-value{color:var(--error-color)!important}.editor-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-dark);padding:.8rem 1rem;border-top:1px solid var(--border-color);border-radius:0}.filename{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary)}.outline-button{background:transparent!important;border:1px solid var(--mui-primary-main)!important;color:var(--mui-primary-main)!important;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .3s ease!important;font-family:var(--font-sans);display:inline-flex;align-items:center;justify-content:center}.outline-button:hover{background:#8800ff1a!important}.outline-button:disabled{opacity:.5;cursor:not-allowed}.outline-button.small{padding:.3rem .6rem;font-size:.75rem}.outline-button.action-btn{background:transparent!important;border:1px solid var(--mui-primary-main)!important;color:var(--mui-primary-main)!important;padding:.5rem 1.25rem;font-size:.95rem;font-weight:500;white-space:nowrap;letter-spacing:.2px}.outline-button.action-btn:hover:not(:disabled){background:#8800ff1a!important}#markdown-output,.batch-markdown-output{width:100%;height:500px;background:var(--flat-box-bg);color:var(--text-primary);border:none;border-radius:0;padding:1.5rem;font-family:var(--font-mono);font-size:.9rem;line-height:1.6;resize:vertical;outline:none;text-align:left}.json-output{width:100%;min-height:300px;max-height:500px;overflow:auto;background:var(--flat-box-bg);color:#a5d6ff;border:none;border-radius:0;padding:1.5rem;margin:0;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;text-align:left}.md-preview-body{padding:1rem;max-height:600px;overflow-y:auto;background:var(--flat-box-bg);color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;line-height:1.75;text-align:left}.md-preview-body h1{font-size:1.8rem;font-weight:700;margin:1.5rem 0 1rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-color)}.md-preview-body h2{font-size:1.4rem;font-weight:700;margin:1.5rem 0 .8rem;padding-bottom:.3rem;border-bottom:1px solid rgba(133,51,255,.1)}.md-preview-body h3{font-size:1.15rem;font-weight:700;margin:1.2rem 0 .6rem}.md-preview-body h4{font-size:1rem;font-weight:700;margin:1rem 0 .5rem;color:var(--text-secondary)}.md-preview-body h5,.md-preview-body h6{font-size:.9rem;font-weight:600;margin:.8rem 0 .4rem;color:var(--text-dim)}.md-preview-body p{margin:0 0 1rem}.md-preview-body a{color:var(--mui-primary-light);text-decoration:none;border-bottom:1px solid rgba(153,102,255,.3);transition:border-color .2s}.md-preview-body a:hover{border-bottom-color:var(--mui-primary-light)}.md-preview-body strong{font-weight:700;color:var(--text-primary)}.md-preview-body em{font-style:italic;color:var(--text-secondary)}.md-preview-body ul,.md-preview-body ol{margin:0 0 1rem 1.5rem}.md-preview-body li{margin-bottom:.35rem}.md-preview-body li>ul,.md-preview-body li>ol{margin-top:.35rem;margin-bottom:0}.md-preview-body blockquote{margin:1rem 0;padding:.8rem 1.2rem;border-left:3px solid var(--mui-primary-main);background:#8800ff0f;color:var(--text-secondary);font-style:italic}.md-preview-body blockquote p{margin-bottom:.4rem}.md-preview-body blockquote p:last-child{margin-bottom:0}.md-preview-body code{background:#32323cf2;padding:.15rem .4rem;border-radius:3px;font-family:var(--font-mono);font-size:.85em;color:#e2b3ff}.md-preview-body pre{background:#1e1e28f2;border-radius:4px;padding:1rem 1.2rem;margin:1rem 0;overflow-x:auto;border:1px solid var(--border-color)}.md-preview-body pre code{background:transparent;padding:0;border-radius:0;font-size:.85rem;line-height:1.6;color:#a5d6ff}.md-preview-body hr{border:none;border-top:1px solid var(--border-color);margin:1.5rem 0}.md-preview-body img{max-width:100%;height:auto;border-radius:4px;margin:.8rem 0;display:block;border:1px solid rgba(255,255,255,.08)}.md-preview-body table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.md-preview-body thead th{background:#0c0c0c1f;padding:.6rem 1rem;text-align:left;font-weight:700;border-bottom:2px solid var(--border-color);color:var(--text-primary)}.md-preview-body tbody td{padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-secondary)}.md-preview-body tbody tr:hover{background:#8800ff0a}.md-preview-body input[type=checkbox]{accent-color:var(--mui-primary-main);width:15px;height:15px;margin-right:6px;vertical-align:middle}.tree-section{background:var(--flat-box-bg);border-radius:4px;padding:1.5rem;margin-bottom:1.5rem}.tree-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tree-header h3{font-size:1rem;font-weight:700}.tree-display{background:#32323cf2;border-radius:4px;padding:1rem;font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);overflow-x:auto;max-height:300px;overflow-y:auto;line-height:1.6;white-space:pre}.url-section{background:var(--flat-box-bg);border-radius:4px;padding:1.5rem;margin-bottom:1.5rem}.url-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:8px}.url-section-header h3{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:8px}.url-count-badge{background:var(--gradient-primary);color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:4px}.url-actions{display:flex;gap:8px}.url-checklist{max-height:350px;overflow-y:auto;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1);border-radius:4px}.url-check-item{display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.url-check-item:last-child{border-bottom:none}.url-check-item:hover{background:#8800ff14}.url-check-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--mui-primary-main);cursor:pointer;flex-shrink:0}.url-check-label{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);word-break:break-all}.convert-selected-bar{margin-top:1rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.enhance-toggle{display:inline-flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.enhance-toggle input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.enhance-toggle-label{display:inline-flex;align-items:center;white-space:nowrap}.batch-result-list{display:flex;flex-direction:column;gap:8px;margin-top:1.5rem}.features-grid{margin-bottom:6rem}.grid-header{text-align:center;margin-bottom:3rem}.grid-header h2{font-size:2rem;font-weight:700;margin-bottom:.5rem}.grid-header p{color:var(--text-secondary)}.grid-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.feature-card{background:var(--flat-box-bg);border-radius:4px;padding:2rem;transition:transform .3s ease;display:flex;flex-direction:column;height:100%}.feature-card:hover{transform:translateY(-5px)!important}.flat-box-icon{width:48px!important;height:48px!important;border-radius:4px!important;background:var(--mui-primary-main)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:1.5rem!important;color:#fff!important;font-size:.65rem;font-weight:700;letter-spacing:1px}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;line-height:1.3}.feature-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.code-snippet{background:#32323cf2;border-radius:4px;padding:.8rem;font-family:var(--font-mono);font-size:.8rem;color:#a5d6ff;overflow-x:auto;margin-top:auto}.comparison-section{margin-bottom:6rem;text-align:center}.comparison-section h2{font-size:2rem;font-weight:700;margin-bottom:.5rem}.comparison-section p{color:var(--text-secondary);margin-bottom:3rem}.comparison-box{display:flex;border-radius:4px;overflow:hidden;background:var(--flat-box-bg);text-align:left}.comp-col{flex:1;padding:2rem;display:flex;flex-direction:column}.html-col{border-right:1px solid var(--border-color)}.comp-title{font-size:.75rem;font-weight:700;letter-spacing:1px;color:var(--text-dim);margin-bottom:1rem}.comp-col code{font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary);background:#32323cf2;padding:1rem;border-radius:4px;flex-grow:1;word-break:break-all}.html-col code{color:#ff7b72}.md-col code{color:#e6edf3}.comp-footer{margin-top:1.5rem;font-size:.85rem;color:var(--text-dim)}.comp-footer strong{color:var(--text-primary)}.api-demo-section{margin-bottom:6rem}.api-demo-box{background:var(--bg-dark);padding:0;border:1px solid var(--border-color)}.code-header{background:#1c1c22;padding:.8rem 1rem;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-color);font-family:var(--font-mono);font-size:.75rem}.code-header .dot{width:10px;height:10px;border-radius:50%}.code-header .dot.red{background:#ff5f56}.code-header .dot.yellow{background:#ffbd2e}.code-header .dot.green{background:#27c93f}.code-header .code-title{margin-left:10px;color:var(--text-dim)}.code-block{padding:1.5rem;font-family:var(--font-mono);font-size:.85rem;overflow-x:auto;line-height:1.5;color:#a5d6ff;margin:0}.code-block.api-res{color:var(--success-color);background:#0d1117}.built-for-section{margin-bottom:6rem}.built-for-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.built-for-card{background:var(--flat-box-bg);border-radius:4px;padding:1.5rem;display:flex;align-items:center;gap:8px;transition:transform .2s;border:1px solid var(--border-color)}.built-for-card:hover{transform:translateY(-3px)}.built-for-card .flat-box-icon{margin-bottom:0!important;width:44px!important;height:44px!important;font-size:1.2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:4px}.built-for-content h4{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.faq-section{margin-bottom:6rem}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--flat-box-bg);border-radius:4px;overflow:hidden;border:1px solid transparent;transition:border-color .2s}.faq-item.active{border-color:#80f6}.faq-button{width:100%;text-align:left;padding:1.5rem;background:transparent;border:none;color:var(--text-primary);font-size:1.05rem;font-weight:700;font-family:var(--font-sans);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-button:hover{background:#ffffff05}.faq-icon{color:var(--text-dim);font-size:1.4rem;font-weight:400;font-family:var(--font-mono);transition:transform .3s;line-height:1}.faq-item.active .faq-icon{transform:rotate(45deg);color:var(--mui-primary-main)}.faq-content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;background:#0000001a}.faq-content p{padding:0 1.5rem 1.5rem;color:var(--text-secondary);line-height:1.6;font-size:.95rem;margin:0}@media(max-width:800px){.grid-columns,.built-for-grid{grid-template-columns:1fr}.comparison-box{flex-direction:column}.html-col{border-right:none;border-bottom:1px solid var(--border-color)}.api-pill{flex-direction:column;text-align:center}.result-stats,.result-meta-grid{grid-template-columns:repeat(2,1fr)}.meta-item:nth-child(2){border-right:none}.meta-item:nth-child(1),.meta-item:nth-child(2){border-bottom:1px solid var(--border-color)}.url-section-header{flex-direction:column;align-items:flex-start}.mode-tab{padding:.8rem 1.2rem;font-size:.9rem}}.doc-divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:3rem 0 2rem}.doc-section{margin-bottom:2rem}.doc-header{margin-bottom:1.5rem}.doc-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.doc-content{display:flex;flex-direction:column;gap:8px}.doc-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}.api-ref-card{background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:4px;overflow:hidden}.api-ref-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.badge-post{background:#9ca3af26;color:#9ca3af;font-size:.7rem;font-weight:700;padding:.25rem .7rem;border-radius:4px;letter-spacing:.5px;text-transform:uppercase;font-family:var(--font-mono)}.badge-get{background:#10b98126;color:#10b981;font-size:.7rem;font-weight:700;padding:.25rem .7rem;border-radius:4px;letter-spacing:.5px;text-transform:uppercase;font-family:var(--font-mono)}.api-endpoint-text{font-family:var(--font-mono);font-size:.95rem;font-weight:600;color:var(--text-primary)}.api-ref-desc{padding:.75rem 1.5rem;color:var(--text-dim);font-size:.85rem;line-height:1.5;margin:0;border-bottom:1px solid rgba(255,255,255,.08)}.api-ref-subheader{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:.5rem 0 .75rem}.api-ref-body{padding:0}.small-tabs{background:#0003}.small-tabs .format-tab{font-size:.8rem;padding:.6rem 1rem}.code-terminal{background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:0;overflow:hidden}.code-terminal-bar{display:flex;align-items:center;padding:.6rem 1rem;background:#2d2d2d;border-bottom:1px solid rgba(255,255,255,.08);gap:.75rem}.code-terminal-dots{display:flex;gap:8px;margin-right:.5rem}.dot-red,.dot-yellow,.dot-green{width:10px;height:10px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.code-lang-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:1px;color:#9ca3af;flex:1}.code-copy-btn{display:flex;align-items:center;gap:.35rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:#9ca3af;font-family:var(--font-sans);font-size:.72rem;cursor:pointer;padding:.25rem .6rem;border-radius:4px;transition:all .2s ease}.code-copy-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.code-terminal-body{display:flex;overflow-x:auto}.code-line-numbers{display:flex;flex-direction:column;padding:1rem 0;min-width:3rem;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid rgba(255,255,255,.08);background:#252525}.code-line-numbers span{font-family:var(--font-mono);font-size:.78rem;line-height:1.65;color:#6b7280;padding:0 .75rem}.code-terminal-pre{margin:0;padding:1rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.65;color:#e5e7eb;overflow-x:auto;white-space:pre;flex:1}.icon-button{background:transparent;border:none;cursor:pointer;border-radius:4px}.param-table-wrap{overflow-x:auto;border:1px solid var(--border-color);border-radius:4px}.param-table{width:100%;border-collapse:collapse;font-size:.85rem}.param-table thead{background:#ffffff0a}.param-table th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--text-dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.param-table td{padding:.65rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.param-table tr:last-child td{border-bottom:none}.param-table tbody tr:hover{background:#ffffff08}.param-name{font-family:var(--font-mono);font-size:.82rem;color:#d1d5db;background:#ffffff1a;padding:.1rem .4rem;border-radius:4px}.param-required{font-size:.6rem;font-weight:700;text-transform:uppercase;color:#9ca3af;background:#ffffff1a;padding:.1rem .35rem;border-radius:4px;margin-left:.4rem;letter-spacing:.5px}.param-type{font-family:var(--font-mono);font-size:.78rem;color:#9ca3af}.param-default{font-family:var(--font-mono);font-size:.78rem;color:#6b7280}.param-desc{color:var(--text-secondary);line-height:1.5}.doc-note{background:#ffffff08;border-left:3px solid #6b7280;padding:.75rem 1rem;border-radius:0 4px 4px 0;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.doc-note strong{color:var(--text-primary)}.product-nav{display:flex;background:var(--flat-box-bg);padding:.25rem;border-radius:4px;border:1px solid var(--border-color);gap:4px}.product-tab{background:transparent;border:1px solid transparent;color:var(--text-dim);padding:4px 14px;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-sans)}.product-tab:hover{background:#ffffff0d;color:var(--text-primary)}.product-tab.active{background:var(--gradient-primary);border-color:transparent;color:#fff}.site-footer{border-top:1px solid var(--border-color);padding:1.5rem 0;margin-top:2rem}.footer-inner{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;color:var(--text-dim)}.footer-sep{color:#ffffff26}.footer-link{color:var(--text-dim);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--mui-primary-light)}.footer-link strong{color:var(--text-secondary)}.footer-copy{color:var(--text-dim)}.upload-zone{border:2px dashed rgba(255,255,255,.15);background-color:var(--flat-box-bg);background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;border-radius:4px;cursor:pointer;transition:all .25s;text-align:center;padding:2rem}.upload-zone:hover,.upload-zone-active{border-color:#ffffff4d;background-color:var(--flat-box-bg);background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px)}.upload-zone-content{display:flex;flex-direction:column;align-items:center;gap:4px}.upload-icon{font-size:2.5rem;color:var(--mui-primary-light);opacity:.7}.upload-zone-title{font-weight:600;font-size:.95rem;color:var(--text-primary)}.upload-zone-subtitle{font-size:.8rem;color:var(--text-dim)}.upload-zone-formats{font-size:.75rem;color:var(--text-dim);letter-spacing:.5px}.upload-file-info{margin-top:8px}.file-preview-card{position:relative;background:var(--flat-box-bg);border:1px solid var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:16px;display:flex;flex-direction:column}.file-preview-remove{position:absolute;top:10px;right:10px;z-index:10;background:#0000001a;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-secondary);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.file-preview-remove:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.file-preview-body{display:flex;align-items:center;justify-content:center;padding:1.5rem;min-height:200px;border-bottom:1px solid var(--border-color)}.file-preview-canvas-wrap{position:relative;display:inline-block;cursor:pointer}.file-preview-canvas-wrap:hover canvas{opacity:.9}.file-preview-canvas-wrap canvas{display:block;transition:opacity .2s ease}.file-preview-page-badge{position:absolute;bottom:8px;right:8px;background:#18181bd9;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:3px 8px;border-radius:4px;font-family:var(--font-sans);font-size:.75rem;font-weight:500;pointer-events:none}.file-preview-text{width:100%;max-height:250px;overflow:auto;background:#1e1e1ef2;color:var(--text-secondary);padding:1rem;border-radius:4px;font-family:var(--font-mono);font-size:.8rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;margin:0}.file-preview-fallback{display:flex;align-items:center;justify-content:center;padding:2rem}.file-preview-info{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--flat-box-bg)}.file-preview-meta{display:flex;flex-direction:column;gap:2px;overflow:hidden}.file-preview-name{font-family:var(--font-sans);font-weight:600;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-size{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim)}.file-preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.75rem 1rem;background:var(--flat-box-bg)}.api-key-nudge{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#8800ff0f;border:1px solid rgba(136,0,255,.25);border-radius:4px;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-size:.88rem;font-weight:600;line-height:1.3}.api-key-nudge:hover{background:#8800ff1f;border-color:var(--mui-primary-main);transform:translateY(-1px)}.api-key-nudge strong{color:var(--text-primary)}.outline-button.action-btn.needs-key{opacity:.55;border-style:dashed!important}.outline-button.action-btn.needs-key:hover{opacity:.7;background:#8800ff0f!important}.coming-soon-btn{position:relative;opacity:.6}.coming-soon-badge{display:inline-block;background:#8533ff33;color:var(--mui-primary-light);font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.pdf-viewer-overlay{position:fixed;inset:0;background:#000000d9;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pdf-viewer-dialog{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-dark)}.pdf-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;gap:1rem;background:#18181b;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.pdf-viewer-filename{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.traylinx-file-badge{background:var(--mui-primary-main);color:#fff;font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:4px 6px;border-radius:4px;letter-spacing:.5px;display:flex;align-items:center;justify-content:center}.traylinx-file-title{font-family:var(--font-sans);font-size:.95rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traylinx-toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.traylinx-btn-group{display:flex;align-items:stretch;gap:0;background:#0006;border:1px solid rgba(255,255,255,.12);border-radius:4px;overflow:hidden;height:36px}.traylinx-btn,.traylinx-page-info{border-right:1px solid rgba(255,255,255,.12)}.traylinx-btn:last-child{border-right:none}.traylinx-btn{background:transparent;border-top:none;border-bottom:none;border-left:none;color:var(--text-secondary);border-radius:0;width:38px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0;margin:0}.traylinx-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.traylinx-btn.active{background:#ffffff26;color:#fff}.traylinx-btn:disabled{opacity:.35;cursor:not-allowed}.traylinx-page-info{display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.75rem;color:#fff;padding:0 12px;-webkit-user-select:none;user-select:none;background:transparent}.pdf-viewer-content{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:2rem;background:#09090b}.pdf-viewer-canvas{max-width:100%;border-radius:2px}.pdf-viewer-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-dim)}.pdf-viewer-md-page{width:100%;max-width:900px;min-height:1056px;background:#fff;color:#1a1a1a;border-radius:2px;margin-bottom:2rem}.pdf-viewer-md-page-header{padding:1.25rem 3rem .75rem;font-family:var(--font-mono);font-size:.7rem;color:#999;text-transform:uppercase;letter-spacing:1px}.pdf-viewer-md-page .md-preview-body{padding:0 3rem 3rem;min-height:900px;max-height:none;overflow:visible;background:transparent;color:#1a1a1a}.pdf-viewer-md-page .md-preview-body h1,.pdf-viewer-md-page .md-preview-body h2,.pdf-viewer-md-page .md-preview-body h3,.pdf-viewer-md-page .md-preview-body h4,.pdf-viewer-md-page .md-preview-body h5,.pdf-viewer-md-page .md-preview-body h6{color:#111}.pdf-viewer-md-page .md-preview-body a{color:#6c3ce0}.md-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000008;border:1px dashed rgba(0,0,0,.2);border-radius:6px;padding:1.5rem;margin:1.5rem 0;color:#666;gap:8px}.md-preview-body .md-image-placeholder span.material-symbols-outlined{font-size:2rem;opacity:.5}.md-image-placeholder-text{font-family:var(--font-mono);font-size:.8rem;font-weight:500}.pdf-viewer-md-page.md-dark .md-image-placeholder,.md-preview-body .md-image-placeholder{background:#ffffff08;border-color:#fff3;color:#aaa}.pdf-viewer-md-page .md-preview-body code{background:#f0f0f0;color:#333}.pdf-viewer-md-page .md-preview-body pre{background:#f5f5f5;border:1px solid #e0e0e0}.pdf-viewer-md-page .md-preview-body table th,.pdf-viewer-md-page .md-preview-body table td{border-color:#ddd;color:#1a1a1a}.pdf-viewer-md-page .md-preview-body table th{background:#f5f5f5}.pdf-viewer-md-page .md-preview-body hr{border-color:#e0e0e0}.pdf-viewer-md-page.md-dark{background:#0f0f12;color:#e0e0e0}.pdf-viewer-md-page.md-dark .md-preview-body{color:#e0e0e0}.pdf-viewer-md-page.md-dark .md-preview-body h1,.pdf-viewer-md-page.md-dark .md-preview-body h2,.pdf-viewer-md-page.md-dark .md-preview-body h3,.pdf-viewer-md-page.md-dark .md-preview-body h4,.pdf-viewer-md-page.md-dark .md-preview-body h5,.pdf-viewer-md-page.md-dark .md-preview-body h6{color:#fff}.pdf-viewer-md-page.md-dark .md-preview-body a{color:#9d72ff}.pdf-viewer-md-page.md-dark .md-preview-body code{background:#ffffff1a;color:#e0e0e0}.pdf-viewer-md-page.md-dark .md-preview-body pre{background:#0006;border-color:#ffffff26}.pdf-viewer-md-page.md-dark .md-preview-body table th,.pdf-viewer-md-page.md-dark .md-preview-body table td{border-color:#ffffff26;color:#e0e0e0}.pdf-viewer-md-page.md-dark .md-preview-body table th{background:#ffffff0d}.pdf-viewer-md-page.md-dark .md-preview-body hr{border-color:#ffffff26}.job-history-btn{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);border-radius:4px;padding:4px 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.job-history-btn:hover{background:#ffffff14;border-color:#ffffff40;color:var(--text-primary)}.job-history-overlay{position:fixed;inset:0;background:#00000080;z-index:9990;animation:fadeIn .15s ease}.job-history-panel{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:90vw;background:#18181b;border-left:1px solid rgba(255,255,255,.08);z-index:9991;display:flex;flex-direction:column;animation:slideInRight .2s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.job-history-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.job-history-close{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.job-history-close:hover{background:#ffffff14;color:var(--text-primary)}.job-running-badge{font-size:.7rem;font-weight:600;background:#34d39926;color:#34d399;padding:2px 8px;border-radius:10px;margin-left:8px}.job-history-list{flex:1;overflow-y:auto;padding:8px}.job-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.job-history-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:4px;cursor:pointer;transition:background .15s;gap:8px}.job-history-item:hover{background:#ffffff0d}.job-history-item.running{border-left:2px solid #34d399}.job-history-item.failed{opacity:.65}.job-history-item-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.job-status-icon{font-size:.85rem;flex-shrink:0}.job-type-badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.job-label{font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.job-history-item-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.job-time{font-size:.7rem;color:var(--text-dim);white-space:nowrap}.job-has-result{font-size:.75rem}.job-history-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.clear-history-overlay{position:fixed;inset:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.clear-history-dialog{background:#27272a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:24px;min-width:360px;max-width:90vw}.time-range-pills{display:flex;flex-wrap:wrap;gap:6px}.time-range-pill{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.time-range-pill:hover{background:#ffffff1a;border-color:#ffffff40}.time-range-pill.active{background:#60a5fa26;border-color:#60a5fa66;color:#60a5fa}
