@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#10111a;--panel:#171923;--panel2:#1c1f2b;--line:#2b2e3b;--text:#f3f3f8;--muted:#999daf;--purple:#b6a0ff;--mint:#8de5c5;--radius:18px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -15%,#29223d 0,transparent 43%),var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{max-width:1120px;margin:auto;padding:0 34px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--purple);color:#1b1727;font-size:18px}.brand-light{font-weight:500;color:#b5b7c6}.top-actions{display:flex;align-items:center;gap:25px;color:var(--muted);font-size:12px}.privacy{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #8de5c555}.github-link{color:#dedfea}.hero{padding:75px 0 51px;max-width:680px}.eyebrow,.section-kicker,.subtle-label,.card-index,.list-head,.select-label{font:10px 'DM Mono',monospace;letter-spacing:1.6px;color:#9b9eaf}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--purple)}.eyebrow-line{display:inline-block;width:23px;height:1px;background:var(--purple)}h1{font-size:clamp(43px,7vw,72px);line-height:1.08;letter-spacing:-4.2px;margin:20px 0 18px;font-weight:700}h1 span,.capabilities h2 span{color:var(--purple)}.hero-copy{max-width:560px;color:#aeb1c1;font-size:15px;line-height:1.9;margin:0}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.hero-tags span,.format-row span{font-size:10px;color:#c2c4d1;border:1px solid #ffffff16;padding:5px 9px;border-radius:6px;background:#ffffff04}.workspace{border:1px solid var(--line);background:#151721cc;border-radius:22px;padding:27px;margin-bottom:20px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.workspace-heading h2{font-size:21px;letter-spacing:-.8px;margin:5px 0 0}.source-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-top:23px}.source-tab{border:0;background:transparent;color:var(--muted);padding:12px 16px;border-bottom:2px solid transparent;cursor:pointer;font-size:12px}.source-tab span{margin-right:8px}.source-tab.active{color:var(--text);border-color:var(--purple)}.drop-zone{margin-top:20px;min-height:205px;border:1px dashed #464358;border-radius:14px;background:linear-gradient(130deg,#b6a0ff08,transparent 55%);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s}.drop-zone:hover,.drop-zone.dragover{border-color:var(--purple);background:#b6a0ff0d}.drop-zone input{display:none}.upload-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#b6a0ff18;color:var(--purple);font-size:25px;margin-bottom:12px}.drop-zone strong{font-size:14px}.drop-help{color:var(--muted);font-size:12px;margin-top:4px}.accent-text{color:var(--purple)}.file-limit{font-size:10px;color:#777b8e;margin-top:18px}.source-panel.hidden,.hidden{display:none!important}.url-form{padding:22px 0 2px}.url-form label,.select-label{display:block;margin-bottom:9px}.url-row,.convert-row{display:flex;gap:9px}.url-row input{flex:1;min-width:0}.url-row input,.convert-row select{border:1px solid var(--line);border-radius:9px;background:#10121b;color:var(--text);padding:11px 13px;outline:none}.url-row input:focus,.convert-row select:focus{border-color:var(--purple)}.field-note,.tiny-note{font-size:10px;color:#818598;line-height:1.7}.primary-btn,.secondary-btn{border:0;border-radius:9px;padding:11px 15px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.primary-btn{background:var(--purple);color:#211b31}.primary-btn:hover{background:#c8baff}.primary-btn:disabled,.secondary-btn:disabled{opacity:.35;cursor:not-allowed}.primary-btn span,.secondary-btn span{margin-left:10px}.file-list-wrap{margin-top:22px}.list-head{display:flex;justify-content:space-between;margin-bottom:8px}.text-btn{border:0;background:transparent;color:#aaa6d2;font-size:11px;cursor:pointer}.file-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid #ffffff10;border-radius:10px;margin-top:7px;background:#ffffff03;cursor:pointer}.file-row.selected{border-color:#9582df;background:#b6a0ff0c}.file-type{width:37px;height:37px;border-radius:9px;background:#29253b;color:var(--purple);display:grid;place-items:center;font:10px 'DM Mono',monospace;flex-shrink:0}.file-info{min-width:0;flex:1}.file-name{font-size:12px;font-weight:700;overflow-wrap:anywhere}.file-meta{font-size:10px;color:#8e92a4}.file-check{color:var(--mint)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool-card{border:1px solid var(--line);border-radius:18px;background:#171923;padding:23px;min-width:0}.card-top{display:flex;justify-content:space-between;align-items:center}.tool-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-size:19px}.tool-icon.purple{background:#b6a0ff18;color:var(--purple)}.tool-icon.mint{background:#8de5c518;color:var(--mint)}.tool-card h3{font-size:19px;letter-spacing:-.5px;margin:18px 0 5px}.tool-card p{font-size:12px;line-height:1.8;color:var(--muted);min-height:43px;margin:0}.format-row{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.format-row span{font:9px 'DM Mono',monospace}.secondary-btn{width:100%;text-align:left;border:1px solid #3a3b4b;background:#202230;color:#dfe0eb;margin-top:5px}.secondary-btn:hover:not(:disabled){border-color:#8e7ccf}.convert-card .select-label{margin-top:18px}.convert-row select{flex:1;min-width:0}.convert-row .primary-btn{padding-inline:18px}.tiny-note{min-height:0!important;margin-top:10px!important}.preview-section{margin-top:25px;border:1px solid var(--line);border-radius:18px;padding:25px;background:#151721}.preview-content{margin-top:18px;min-height:100px;border-radius:12px;background:#0e1018;padding:15px;overflow:auto;display:grid;place-items:center}.preview-content img{max-width:100%;max-height:65vh;object-fit:contain}.preview-content iframe{width:100%;height:65vh;border:0;background:white}.preview-content video,.preview-content audio{width:100%;max-width:850px}.preview-content pre{width:100%;white-space:pre-wrap;overflow-wrap:anywhere;color:#d4d7e4;font:12px/1.8 'DM Mono',monospace}.preview-content .unsupported{color:var(--muted);text-align:center;padding:30px}.status-message{font-size:12px;color:var(--mint);min-height:23px;margin:10px 2px}.status-message.error{color:#ff9aab}.capabilities{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;padding:68px 0 72px;border-top:1px solid #ffffff12;margin-top:25px}.capabilities h2{font-size:32px;letter-spacing:-1.5px;line-height:1.25;margin:15px 0}.capability-list>div{display:flex;gap:19px;padding:16px 0;border-bottom:1px solid #ffffff12}.cap-number{font:11px 'DM Mono',monospace;color:var(--purple);padding-top:3px}.capability-list strong{font-size:12px}.capability-list p{font-size:11px;color:var(--muted);line-height:1.8;margin:5px 0 0}footer{border-top:1px solid #ffffff12;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#8c90a2;font-size:10px}.footer-brand{font-size:14px;color:var(--text)}.footer-brand .brand-mark{width:25px;height:25px;font-size:14px;border-radius:8px}footer>a:last-child{color:#c5c2dd}
@media(max-width:700px){.app-shell{padding:0 18px}.topbar{height:70px}.privacy{display:none}.top-actions{gap:12px}.hero{padding:55px 0 38px}h1{letter-spacing:-2.7px}.workspace{padding:18px}.workspace-heading h2{font-size:19px}.tool-grid{grid-template-columns:1fr}.tool-card{padding:20px}.capabilities{grid-template-columns:1fr;gap:18px;padding:48px 0}.capabilities h2{font-size:29px}.subtle-label{font-size:8px}.drop-zone{min-height:180px}.source-tab{padding:11px 10px}.url-row{flex-direction:column}.url-row .primary-btn{width:100%}footer{padding:18px 0;flex-wrap:wrap}footer>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.language-control select{border:1px solid var(--line);border-radius:8px;background:#171923;color:var(--text);padding:7px 9px;font-size:11px;cursor:pointer}.language-control select:focus{outline:1px solid var(--purple);border-color:var(--purple)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.top-actions{gap:9px}.language-control select{padding:6px 7px}}


/* Rendered Markdown */
.markdown-preview{width:100%;max-width:900px;margin:0 auto;color:var(--text);font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.markdown-preview>:first-child{margin-top:0}.markdown-preview>:last-child{margin-bottom:0}
.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{letter-spacing:-.7px;line-height:1.3;margin:1.5em 0 .65em;color:var(--text)}
.markdown-preview h1{font-size:2em;border-bottom:1px solid var(--line);padding-bottom:.35em}
.markdown-preview h2{font-size:1.55em;border-bottom:1px solid var(--line);padding-bottom:.3em}
.markdown-preview h3{font-size:1.25em}.markdown-preview p{margin:.85em 0;color:#d5d7e2}
.markdown-preview a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.markdown-preview ul,.markdown-preview ol{padding-left:1.7em;margin:.8em 0}.markdown-preview li{padding-left:.2em;margin:.25em 0}
.markdown-preview blockquote{margin:1em 0;padding:.2em 1em;border-left:3px solid var(--purple);background:#b6a0ff0b;color:var(--muted)}
.markdown-preview blockquote p{color:inherit}.markdown-preview code{font: .88em/1.6 'DM Mono',monospace;background:#252735;border:1px solid #ffffff12;border-radius:5px;padding:.15em .4em;color:#d9ceff}
.markdown-preview pre{width:100%;max-width:100%;overflow:auto;padding:16px;border:1px solid var(--line);border-radius:10px;background:#090b12;color:#d9deec;font:12px/1.7 'DM Mono',monospace;white-space:pre}
.markdown-preview pre code{padding:0;border:0;background:transparent;color:inherit;font:inherit}
.markdown-preview table{display:block;width:100%;max-width:100%;overflow:auto;border-collapse:collapse;border-spacing:0;margin:1em 0;font-size:12px}
.markdown-preview th,.markdown-preview td{border:1px solid var(--line);padding:8px 11px;text-align:left;min-width:90px}
.markdown-preview th{background:var(--panel2);font-weight:700}.markdown-preview tr:nth-child(even) td{background:#ffffff04}
.markdown-preview hr{border:0;border-top:1px solid var(--line);margin:1.7em 0}
.markdown-preview img{max-width:100%;height:auto;border-radius:8px}
.markdown-preview input[type=checkbox]{accent-color:var(--purple);margin-right:7px}