:root {
  --bg:#f7f8fc;--paper:#fff;--ink:#112044;--muted:#69758f;--line:#e4e8f2;
  --soft:#f1f4fb;--green:#4f5cff;--green-dark:#14204a;--gold:#5364ff;--gold-ink:#fff;
  --text-bg:#eef2ff;--list-bg:#f0efff;--list-ink:#5a55a8;--table-bg:#f7f1ff;
  --shadow:0 12px 44px -26px rgba(25,52,42,.28);--radius:18px;
  --font:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
}
[data-theme="dark"] {
  --bg:#0e1325;--paper:#151c31;--ink:#f3f5ff;--muted:#aeb7d1;--line:#2c3551;
  --soft:#1b2440;--green:#8e98ff;--green-dark:#111937;--gold:#7080ff;--gold-ink:#fff;
  --text-bg:#1d2850;--list-bg:#24254a;--list-ink:#cbc9ff;--table-bg:#31294a;
  --shadow:0 12px 44px -26px rgba(0,0,0,.6);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.8;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.42}
button,a{ -webkit-tap-highlight-color:transparent }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}
input,select,textarea{color:var(--ink)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.5;letter-spacing:-.025em}
h2{font-size:29px;margin-bottom:12px}
h3{font-size:18px}
p{color:var(--muted)}
[hidden]{display:none!important}
.container{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.icon{flex-shrink:0;vertical-align:middle}
.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}
.skip-link{position:fixed;top:-80px;right:20px;z-index:100;background:var(--gold);color:#1b302c;padding:10px 20px;border-radius:10px}
.skip-link:focus{top:15px}
.site-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:36px}
.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;font-weight:800;font-size:32px;line-height:1.3;letter-spacing:-1px}
.brand-sub{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:5px}
.brand-mark{position:relative;display:block;width:39px;height:39px;background:var(--green-dark);border-radius:12px;transform:rotate(-7deg)}
.brand-mark i{position:absolute;display:block;background:var(--gold);height:5px;border-radius:2px;right:8px}
.brand-mark i:nth-child(1){top:10px;width:23px}
.brand-mark i:nth-child(2){top:18px;width:17px}
.brand-mark i:nth-child(3){top:26px;width:11px}
.main-nav{display:flex;align-items:center;gap:27px;margin-inline-start:auto}
.main-nav a{font-size:13px;font-weight:600;color:var(--muted);padding:12px 0;white-space:nowrap}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--ink)}
.nav-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#3d9d77;vertical-align:middle;margin-inline-start:4px}
.header-actions{display:flex;gap:13px;align-items:center}
.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:none;color:var(--muted);border-radius:10px;padding:0;flex-shrink:0}
.icon-button:hover{background:var(--soft);color:var(--ink)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:11px 20px;min-height:46px;font-size:13px;font-weight:700;white-space:nowrap;transition:background .15s,transform .15s}
.button:hover:not(:disabled){transform:translateY(-1px)}
.button-dark{background:var(--green-dark);color:#f6fbf5;border-color:var(--green-dark)}
[data-theme="dark"] .button-dark{background:#3c7d62;border-color:#3c7d62}
.button-dark:hover:not(:disabled){background:#24574b}
.button-gold{background:linear-gradient(135deg,#665cff,#3c8dff);color:#fff;box-shadow:0 10px 24px -12px rgba(79,92,255,.65)}
.button-gold:hover{background:linear-gradient(135deg,#5b51f5,#2f80ee)}
.button-outline{border-color:var(--line);background:var(--paper);color:var(--ink)}
.button-outline:hover:not(:disabled){background:var(--soft)}
.button-lg{padding:14px 23px;min-height:54px}
.text-link{font-size:13px;display:inline-flex;gap:10px;align-items:center;font-weight:700;color:var(--green);min-height:44px}
.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center;padding-top:77px;padding-bottom:75px}
.eyebrow{font-size:11px;letter-spacing:.035em;color:var(--green);font-weight:700;display:inline-flex;align-items:center;gap:8px;margin-bottom:12px}
.hero-eyebrow{font-size:12px;border:1px solid var(--line);background:var(--paper);padding:5px 12px;border-radius:30px;margin-bottom:25px}
.status-dot{width:7px;height:7px;border-radius:50%;background:#27855f;display:inline-block;flex-shrink:0}
.hero h1{font-size:66px;line-height:1.38;font-weight:800;letter-spacing:-2.8px;margin:0 0 21px}
.hero h1>span{color:var(--green);display:inline-block;position:relative}
.hero h1>span:after{content:"";position:absolute;bottom:5px;left:-3px;right:1px;height:9px;background:var(--gold);z-index:-1;transform:rotate(1deg)}
.hero-lead{font-size:16px;line-height:2.1;margin-bottom:27px}
.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
.hero-trust{display:flex;gap:22px;margin-top:22px;flex-wrap:wrap}
.hero-trust span{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}
.hero-trust .icon{width:15px;height:15px;color:var(--green)}
.hero-visual{position:relative;isolation:isolate;padding:28px 0}
.hero-visual:before{content:"";position:absolute;width:270px;height:270px;background:var(--gold);opacity:.16;border-radius:50%;left:-20px;top:0;z-index:-2}
.demo-top-note{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:13px;margin-inline-start:7px;color:var(--muted)}
.demo-top-note .icon{color:var(--gold-ink);width:17px}
.demo-window{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 55px -26px #314b4345;position:relative}
.demo-title{display:flex;justify-content:space-between;align-items:center;padding:15px 19px;border-bottom:1px solid var(--line)}
.demo-title>span:first-child{font-weight:700;font-size:12px;display:flex;align-items:center;gap:8px}
.demo-title .icon{width:17px}
.demo-badge{font-size:9px;border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--muted)}
.demo-file{margin:20px 19px 18px;display:flex;gap:10px;align-items:center}
.file-symbol{width:40px;height:46px;background:var(--table-bg);color:var(--gold-ink);border-radius:9px;display:grid;place-items:center}
.demo-file strong{display:block;font-size:12px}
.demo-file small{font-size:10px;display:block;margin-top:3px;color:var(--muted)}
.demo-file-count{font-size:11px;margin-inline-start:auto;color:var(--muted)}
.demo-data{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 19px 21px}
.demo-before,.demo-after{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--bg)}
.demo-after{background:var(--text-bg);border-color:#99b8a660}
.mini-label{font-size:10px;font-weight:700;display:flex;justify-content:space-between;margin-bottom:9px}
.data-line{font-size:12px;padding:6px 2px;min-height:34px;border-bottom:1px solid var(--line)}
.data-line:last-child{border-bottom:0}
.repeated{color:#a57363;text-decoration:line-through}
.muted-line{color:var(--muted);font-size:10px}
.clean-placeholder{opacity:.32}
.tiny-check{color:var(--green)}
.tiny-check .icon{width:14px;height:14px}
.demo-bottom{border-top:1px solid var(--line);padding:14px 19px;display:flex;justify-content:space-between;font-size:10px;gap:10px}
.demo-bottom span,.demo-bottom a{display:flex;gap:6px;align-items:center}
.demo-bottom span{color:var(--green)}
.demo-bottom .icon{width:15px;height:15px}
.demo-bottom a{font-weight:700}
.floating-note{position:absolute;bottom:7px;left:19px;display:flex;align-items:center;gap:8px;padding:10px 15px;background:var(--green-dark);color:#f0f5ed;border-radius:9px;font-size:10px;box-shadow:var(--shadow)}
.floating-note .icon{width:14px;height:14px;color:var(--gold)}
.visual-dots{position:absolute;width:95px;height:75px;bottom:4px;right:-26px;z-index:-1;background-image:radial-gradient(#a1b1a5 1.1px,transparent 1.1px);background-size:11px 11px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:22px 0}
.principles>div{display:flex;justify-content:center;align-items:center;gap:16px;border-inline-end:1px solid var(--line)}
.principles>div:last-child{border:0}
.principles strong{font-size:35px;color:var(--green);font-weight:400;line-height:1}
.principles>.icon,.principles>div>.icon{width:29px;height:29px;color:var(--green)}
.principles span{font-size:12px;font-weight:700;line-height:1.8}
.principles small{font-size:10px;font-weight:400;color:var(--muted)}
.tools-section{padding-top:68px;padding-bottom:62px}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:23px}
.section-heading h2{margin-bottom:0}
.section-heading .eyebrow{margin-bottom:6px}
.search-box{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:0 14px;width:315px;flex-shrink:0}
.search-box .icon{color:var(--muted);width:18px}
.search-box input{height:46px;border:0;background:none;outline:none!important;min-width:0;width:100%;font-size:12px}
.search-box:focus-within{outline:2px solid var(--green)}
kbd{font-family:inherit;font-size:11px;border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:0 5px;line-height:1.8}
.filter-bar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}
.filter-chip{background:transparent;border:1px solid var(--line);color:var(--muted);padding:9px 13px;border-radius:8px;font-size:11px;display:inline-flex;align-items:center;gap:6px;min-height:42px}
.filter-chip .icon{width:15px;height:15px}
.filter-chip>span{font-size:10px;border-radius:4px;padding:0 4px;background:var(--soft);margin-inline-start:3px}
.filter-chip.active{background:var(--green-dark);border-color:var(--green-dark);color:white}
.filter-chip.active>span{background:#ffffff20}
.favorite-filter{margin-inline-start:auto}
.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tool-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .18s,box-shadow .18s,transform .18s;min-width:0}
.tool-card:hover{border-color:#8eaa97;box-shadow:var(--shadow);transform:translateY(-3px)}
.tool-card-link{display:block;padding:22px;height:100%}
.tool-icon{display:inline-flex;width:45px;height:45px;background:var(--text-bg);color:var(--green);align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}
.lists .tool-icon,.tool-icon.lists{background:var(--list-bg);color:var(--list-ink)}
.tables .tool-icon,.tool-icon.tables{background:var(--table-bg);color:var(--gold-ink)}
.card-category{display:block;font-size:9px;color:var(--muted);margin-top:16px;margin-bottom:5px}
.tool-card h3{font-size:17px;margin-bottom:8px}
.tool-card p{font-size:11px;line-height:2;min-height:44px;margin-bottom:16px}
.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;font-size:10px;color:var(--muted);gap:8px}
.card-arrow{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;color:var(--ink)}
.card-arrow .icon{width:14px;height:14px}
.favorite-button{position:absolute;top:19px;left:17px;z-index:1;width:34px;height:34px}
.favorite-button .icon{width:17px;height:17px}
[aria-pressed="true"][data-favorite]{color:var(--gold-ink)}
[aria-pressed="true"][data-favorite] .icon{fill:var(--gold);stroke:var(--gold-ink)}
.empty-search{text-align:center;border:1px dashed var(--line);padding:45px;border-radius:15px}
.empty-search>.icon{width:32px;height:32px;color:var(--muted);margin-bottom:12px}
.empty-search h3{margin:0 0 7px}
.empty-search p{font-size:13px}
.workspace-callout{background:var(--green-dark);border-radius:22px;padding:45px 55px;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;color:#f5f5e9;overflow:hidden}
.workspace-callout h2{font-size:32px;margin-bottom:14px}
.workspace-callout p{color:#bfd0c3;font-size:13px;line-height:2;margin-bottom:25px}
.light-eyebrow{color:var(--gold);font-size:11px}
.light-eyebrow .icon{width:18px}
.pipeline-visual{position:relative;padding:14px 8px;margin:auto 0}
.pipeline-node{border:1px solid #ffffff30;background:#ffffff06;border-radius:10px;padding:15px 20px;display:flex;align-items:center;gap:13px;font-size:13px;color:#e2ece2}
.pipeline-node>span{font-size:10px;color:#94b29b;font-family:monospace;margin-inline-end:auto;order:5}
.pipeline-node .icon{width:19px;height:19px}
.active-node{background:#2c5b46;border-color:#8dba9290;transform:translateX(-15px)}
.active-node i{color:var(--gold);display:flex;margin-inline-start:auto}
.pipeline-line{height:21px;border-right:1px dashed #ffffff40;margin-right:30px}
.why-section{padding-top:72px;padding-bottom:65px}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin-top:32px}
.why-grid>div>.icon{color:var(--green);width:28px;height:28px;margin-bottom:18px}
.why-grid h3{font-size:17px;margin-bottom:10px}
.why-grid p{font-size:12px;line-height:2}
.home-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid var(--line);padding-top:54px;padding-bottom:75px}
.home-faq>div>p{font-size:12px}
.faq-item{border-bottom:1px solid var(--line);padding:15px 0}
.faq-item:first-child{padding-top:0}
.faq-item summary{list-style:none;display:flex;gap:15px;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px;font-weight:700;min-height:30px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary .icon{width:16px;height:16px;color:var(--muted);transition:transform .15s}
.faq-item[open] summary .icon{transform:rotate(180deg)}
.faq-item p{font-size:12px;line-height:2;margin:12px 0 3px}
.site-footer{background:var(--paper);border-top:1px solid var(--line);padding-top:45px}
.footer-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr 1fr;gap:40px;padding-bottom:35px}
.footer-brand{font-size:30px;margin-bottom:16px}
.footer-brand .brand-mark{width:35px;height:35px;scale:.9}
.footer-grid h2{font-size:12px;margin-top:4px;margin-bottom:20px}
.footer-grid p{font-size:11px;line-height:2}
.footer-grid>div>a:not(.brand){display:block;font-size:11px;color:var(--muted);margin-bottom:12px}
.footer-grid a:hover{color:var(--green)}
.footer-privacy{font-size:10px;color:var(--green)}
.footer-privacy .icon{width:12px;height:12px}
.footer-note{padding-inline-start:25px;border-inline-start:1px solid var(--line)}
.footer-note .eyebrow{font-size:10px;margin-top:4px}
.version{font-family:monospace;font-size:10px;letter-spacing:2px;color:var(--muted)}
.footer-bottom{border-top:1px solid var(--line);padding-top:16px;padding-bottom:18px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}
.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);padding:12px 22px;color:#fff;background:#163d36;border:1px solid #ffffff25;border-radius:10px;font-size:13px;box-shadow:var(--shadow);z-index:100;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;max-width:90vw;text-align:center}
.toast.visible{opacity:1;transform:translate(-50%,0)}
/* Tool workspace */
.tool-top{padding-top:25px}
.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted);flex-wrap:wrap;margin-bottom:28px}
.breadcrumbs .icon{width:11px;height:11px}
.tool-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px}
.tool-heading{display:flex;align-items:center;gap:16px}
.tool-heading>.tool-icon{width:59px;height:59px;border-radius:15px}
.tool-heading>.tool-icon>.icon{width:28px;height:28px}
.tool-heading .eyebrow{margin-bottom:3px;font-size:10px}
.tool-heading h1{font-size:31px;margin:0}
.tool-heading-actions{display:flex;align-items:center;gap:10px}
.favorite-text{font-size:11px;padding:8px 13px}
.favorite-text .icon{width:16px}
.tool-description{margin:18px 0 23px;font-size:13px;max-width:850px}
.local-banner{display:flex;gap:10px;align-items:center;background:var(--text-bg);border:1px solid #8eb19b45;border-radius:10px;padding:11px 15px;font-size:11px;color:var(--green)}
.local-banner>.icon{width:18px;height:18px}
.local-banner a{margin-inline-start:auto;font-size:10px;white-space:nowrap;display:flex;gap:5px;align-items:center}
.local-banner a .icon{width:13px}
.tool-workbench{margin-top:24px;margin-bottom:55px}
.workbench-layout{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:20px;align-items:start}
.options-panel{grid-column:2;grid-row:1;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.editor-area{grid-column:1;grid-row:1;min-width:0}
.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 19px;border-bottom:1px solid var(--line);min-height:61px}
.panel-heading h2{font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;margin:0}
.panel-heading h2>.icon{width:17px;height:17px}
.small-label{font-size:9px;color:var(--muted)}
.options-body{padding:18px}
.option-field{margin-bottom:17px}
.option-field>label{font-size:11px;font-weight:700;display:block;margin-bottom:7px}
.option-field input,.option-field select{display:block;width:100%;border:1px solid var(--line);background:var(--bg);border-radius:7px;min-height:41px;padding:8px 10px;font-size:11px}
.option-field small{font-size:9px;line-height:1.9;display:block;color:var(--muted);margin-top:6px}
.check-option{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.9;margin-bottom:14px;cursor:pointer}
.check-option input{width:16px;height:16px;margin:3px 0 0;accent-color:#23674e;flex-shrink:0}
.check-option small{display:block;font-size:9px;color:var(--muted);line-height:1.9;margin-top:5px}
.options-footer{border-top:1px solid var(--line);background:var(--bg);padding:15px 18px;display:flex;gap:8px}
.options-footer .icon{width:15px;height:15px;color:var(--muted);margin-top:2px}
.options-footer p{font-size:10px;margin:0;line-height:1.9}
.options-empty{font-size:12px}
.editor-panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.step-number{border:1px solid var(--line);width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-size:10px;color:var(--muted);font-family:monospace}
.green-step{background:var(--text-bg);border-color:transparent;color:var(--green)}
.panel-buttons{display:flex;align-items:center;gap:6px}
.small-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:none;border:1px solid transparent;border-radius:7px;color:var(--muted);font-size:10px;padding:7px 9px;min-height:35px}
.small-button .icon{width:14px;height:14px}
.small-button:hover:not(:disabled){background:var(--soft);color:var(--green)}
.input-body{padding:17px 19px 12px}
.text-field>label{font-size:10px;color:var(--muted);display:block;margin-bottom:7px}
.text-field textarea{display:block;width:100%;min-height:250px;resize:vertical;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:15px;font-family:var(--font);font-size:13px;line-height:2;tab-size:4;overflow:auto;white-space:pre;overflow-wrap:normal}
.text-field textarea::placeholder{font-size:12px;color:var(--muted);opacity:.8;white-space:pre-wrap}
.comparison-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.comparison-fields textarea{min-height:250px}
.input-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:10px;font-size:10px;color:var(--muted)}
.upload-link{display:flex;align-items:center;gap:5px;cursor:pointer;min-height:35px;color:var(--green)}
.upload-link .icon{width:14px;height:14px}
.field-hint{font-size:10px;line-height:1.9;margin:6px 0 0;color:var(--muted)}
.run-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0}
.run-bar>div:last-child{display:flex;gap:8px}
.run-bar .button{min-height:43px;font-size:12px}
.run-bar kbd{color:#d4e3d7;border-color:#ffffff25;font-size:9px;margin-inline-start:6px}
.run-status{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}
.run-status .status-dot{width:6px;height:6px}
.error-box{background:#fcedea;color:#8c2929;border:1px solid #ebbbb3;padding:13px 16px;font-size:12px;line-height:1.9;border-radius:10px;margin-bottom:15px}
[data-theme="dark"] .error-box{background:#3a2623;color:#ffc0ad;border-color:#744b40}
.output-empty{min-height:212px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:var(--muted)}
.output-empty>.icon{width:33px;height:33px;margin-bottom:12px;opacity:.65}
.output-empty h3{font-size:14px;margin:0 0 5px}
.output-empty p{font-size:11px;margin:0;text-align:center}
#result-body{padding:15px 19px 16px}
#output-text{width:100%;min-height:190px;resize:vertical;border:1px solid var(--line);background:var(--text-bg);border-radius:12px;padding:13px;font:13px/2 var(--font);white-space:pre;tab-size:4;display:block}
.result-stats{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:12px}
.result-stats:empty{display:none}
.stat-item{border:1px solid var(--line);border-radius:8px;padding:10px 14px;min-width:90px;background:var(--bg)}
.stat-item strong{font-size:20px;display:block;color:var(--green);line-height:1.5;font-weight:600}
.stat-item span{font-size:9px;color:var(--muted);display:block}
.result-note{font-size:10px;color:var(--muted);margin-top:11px}
.editor-footnote{margin-top:13px;font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.editor-footnote .icon{width:12px;height:12px}
.editor-footnote span{margin-inline-start:auto}
.table-preview{overflow:auto;max-height:340px;border:1px solid var(--line);border-radius:9px}
.table-preview table{border-collapse:collapse;width:100%;font-size:11px;white-space:pre;table-layout:auto}
.table-preview th,.table-preview td{padding:9px 12px;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);text-align:start;max-width:240px;overflow:hidden;text-overflow:ellipsis}
.table-preview th{background:var(--soft);position:sticky;top:0;z-index:1;font-size:10px}
.table-preview td:first-child{font-size:10px;font-family:monospace;color:var(--muted);width:35px}
.preview-note{font-size:10px;color:var(--muted);padding:8px 0 11px}
.preview-note+.file-results{margin-bottom:10px}
#result-body.table-result #output-text{min-height:100px;max-height:170px;font-family:monospace;font-size:10px;background:var(--bg)}
.file-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.file-tag{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--soft);border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:11px}
.file-tag>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-tag button{background:none;border:0;color:var(--muted);font-size:12px;min-width:32px;min-height:28px}
.file-tag button:hover{color:#a04232}
.drop-zone{text-align:center;padding:28px 20px;border:1px dashed #9bb4a5;border-radius:10px;background:var(--bg)}
.drop-zone.dragover{outline:3px solid var(--green);background:var(--text-bg)}
.upload-circle{width:49px;height:49px;display:grid;place-items:center;margin:0 auto 12px;background:var(--text-bg);color:var(--green);border-radius:50%}
.drop-zone h3{font-size:17px;margin-bottom:7px}
.drop-zone p{font-size:12px;margin-bottom:14px}
.drop-zone small{display:block;color:var(--muted);font-size:10px;margin-top:11px}
.file-results{display:flex;flex-wrap:wrap;gap:7px}
.file-results button{font-size:10px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;color:var(--green);background:var(--soft)}
.tool-guide{border-top:1px solid var(--line);padding-top:36px;padding-bottom:42px;display:grid;grid-template-columns:1fr 1fr;gap:70px}
.tool-guide h2{font-size:22px}
.tool-guide h3{font-size:14px;margin-top:25px;margin-bottom:10px}
.tool-guide p{font-size:12px;line-height:2}
.steps-list{list-style:none;padding:0;margin:24px 0}
.steps-list li{display:flex;gap:13px;align-items:flex-start;margin-bottom:14px}
.steps-list li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--soft);color:var(--green);font-size:10px;font-family:monospace;flex-shrink:0}
.steps-list p{margin:0}
.guide-faq h2{margin-bottom:24px}
.related-section{padding:0 0 60px}
.prose-hero{padding-top:55px;padding-bottom:15px;max-width:900px}
.prose-hero h1{font-size:42px}
.prose-page{max-width:900px;padding-bottom:75px}
.prose-page h2{font-size:21px;margin-top:35px}
.prose-page p{font-size:14px;line-height:2.2}
.prose-page .prose-lead{font-size:20px;line-height:2;color:var(--ink)}
.legal-note,.notice-box{padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.prose-page .legal-note{font-size:12px}
.notice-box{display:flex;gap:12px;align-items:start}
.notice-box p{margin:0}
.notice-box>.icon{margin-top:5px;color:var(--green)}
.not-found{text-align:center;padding-top:50px;padding-bottom:100px}
.big-404{font-size:130px;color:var(--green);font-weight:800;line-height:1.5}
.not-found h1{font-size:28px}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:90px}.hero h1{font-size:73px}}
@media(max-width:1100px){
  .main-nav{gap:17px}.header-inner{gap:18px}.header-cta{padding-inline:13px}
  .hero{gap:40px;padding-top:55px;padding-bottom:55px}.hero h1{font-size:57px}
  .hero-lead{font-size:14px}.hero-actions{gap:14px}.hero-trust{gap:13px}
  .workspace-callout{padding:35px;gap:40px}.tool-card-link{padding:20px}
  .workbench-layout{grid-template-columns:minmax(0,1fr) 256px}.panel-heading{padding-inline:15px}.input-body{padding-inline:15px}
}
@media(max-width:900px){
  .container{width:calc(100% - 40px)}.main-nav{gap:14px}.main-nav a{font-size:11px}.brand{font-size:28px}.header-inner{height:80px}.header-cta{display:none}
  .hero{gap:28px}.hero h1{font-size:48px}.hero-lead{font-size:13px}.hero-actions .text-link{font-size:11px}.demo-data{margin-inline:12px;gap:8px}.demo-before,.demo-after{padding:9px}.demo-bottom{font-size:9px;padding-inline:13px}.demo-file{margin-inline:13px}.demo-file small{font-size:9px}
  .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card p{min-height:44px}.why-grid{gap:24px}.home-faq{gap:38px}
  .workspace-callout{gap:30px;padding:33px}.workspace-callout h2{font-size:26px}.footer-grid{gap:25px;grid-template-columns:1.2fr 1fr 1fr}.footer-note{display:none}
  .workbench-layout{grid-template-columns:minmax(0,1fr) 230px;gap:15px}.options-body{padding:14px}.options-footer{padding:13px}.tool-heading h1{font-size:28px}.tool-guide{gap:40px}.panel-heading{padding:12px}.small-button{padding:7px 5px;font-size:9px}.panel-buttons{gap:3px}
  .run-bar kbd{display:none}.local-banner{font-size:10px}.comparison-fields{grid-template-columns:1fr}.comparison-fields textarea{min-height:170px}.run-status{max-width:45%}.editor-footnote span{margin-inline-start:0}
}
@media(max-width:680px){
  html{scroll-padding-top:85px}.container{width:calc(100% - 32px)}
  .header-inner{height:74px}.brand{font-size:27px}.brand-sub{font-size:9px}.brand-mark{width:36px;height:36px;scale:.95}
  .header-actions{gap:5px}.menu-toggle{display:inline-flex}.main-nav{display:none;position:absolute;top:73px;right:0;left:0;padding:18px 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:1px}.main-nav.open{display:flex}.main-nav a{font-size:13px;padding:10px}
  .hero{grid-template-columns:1fr;gap:22px;padding-top:33px;padding-bottom:25px}.hero-copy{max-width:480px}.hero-eyebrow{font-size:10px;margin-bottom:17px}.hero h1{font-size:49px;line-height:1.34;letter-spacing:-1.5px;margin-bottom:17px}.hero-lead{font-size:13px;line-height:2;margin-bottom:20px}
  .hero-actions{gap:16px}.button-lg{padding:11px 18px;min-height:48px}.hero-trust{gap:18px;margin-top:16px}.hero-trust span{font-size:10px}
  .hero-visual{padding:12px 0 22px;max-width:480px;width:100%;margin-inline:auto}.hero-visual:before{width:190px;height:190px;left:0;top:0}
  .demo-top-note{font-size:10px}.demo-title{padding:11px 14px}.demo-file{margin:13px 14px}.demo-file small{font-size:9px}.demo-data{margin:0 14px 15px}.data-line{font-size:11px;min-height:31px;padding-block:5px}.demo-bottom{font-size:9px}.floating-note{bottom:3px;font-size:9px;padding:8px 12px;left:14px}.visual-dots{right:-10px}
  .principles{padding:14px 10px;gap:9px;border-radius:11px}.principles>div{gap:7px;flex-direction:column;justify-content:start;text-align:center;padding-inline:4px}.principles strong{font-size:24px;min-height:25px}.principles>div>.icon{width:24px;height:24px}.principles span{font-size:9px;line-height:1.9}.principles small{display:none}
  .tools-section{padding-top:35px;padding-bottom:34px}.section-heading{gap:17px;margin-bottom:18px;align-items:start;flex-direction:column}.section-heading h2{font-size:24px}.section-heading .eyebrow{font-size:10px}.search-box{width:100%}.search-box input{height:44px}.search-box kbd{display:none}
  .filter-bar{gap:7px;margin-bottom:17px}.filter-chip{padding:7px 10px;font-size:10px;min-height:38px}.filter-chip .icon{width:13px}.favorite-filter{margin-inline-start:0}.filter-chip>span{font-size:9px}
  .tools-grid{grid-template-columns:1fr;gap:13px}.tool-card-link{padding:18px}.tool-card .tool-icon{width:39px;height:39px;border-radius:10px}.tool-card .tool-icon>.icon{width:20px}.tool-card h3{font-size:17px;margin-bottom:7px}.card-category{margin-top:11px;font-size:9px}.tool-card p{font-size:12px;min-height:0;margin-bottom:14px}.card-bottom{font-size:10px;padding-top:11px}.favorite-button{top:18px;left:17px}
  .workspace-callout{grid-template-columns:1fr;padding:27px 24px;gap:22px;border-radius:15px}.workspace-callout h2{font-size:25px}.workspace-callout p{font-size:12px;margin-bottom:18px}.pipeline-visual{padding:0 8px}.pipeline-node{font-size:12px;padding:11px 15px}.pipeline-line{height:13px}
  .why-section{padding-top:38px;padding-bottom:30px}.why-grid{grid-template-columns:1fr;gap:23px;margin-top:25px}.why-grid>div{position:relative;padding-inline-start:44px}.why-grid>div>.icon{position:absolute;right:0;top:0;width:25px;height:25px}.why-grid h3{font-size:16px;margin-bottom:7px}.why-grid p{margin-bottom:0}
  .home-faq{grid-template-columns:1fr;gap:18px;padding-top:30px;padding-bottom:42px}.home-faq h2{font-size:24px}.home-faq p{margin-bottom:0}.faq-item summary{font-size:12px}.faq-item p{font-size:11px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:25px;padding-bottom:23px}.footer-grid>div:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.footer-grid>div:first-child>p{grid-column:2;grid-row:1/3;text-align:end;margin:auto 0}.footer-brand{margin-bottom:10px;font-size:27px}.footer-privacy{font-size:9px}.footer-grid h2{margin-bottom:15px}.site-footer{padding-top:28px}.footer-bottom{font-size:9px;flex-direction:column;gap:4px;padding-top:12px;padding-bottom:15px}
  .tool-top{padding-top:18px}.breadcrumbs{font-size:9px;margin-bottom:20px;gap:6px}.tool-heading{gap:10px}.tool-heading>.tool-icon{width:46px;height:46px;border-radius:12px}.tool-heading>.tool-icon>.icon{width:23px;height:23px}.tool-heading h1{font-size:22px}.tool-heading .eyebrow{font-size:9px}.tool-heading-actions{gap:3px}.favorite-text{padding:6px;min-width:36px;min-height:36px}.favorite-text span{display:none}.tool-heading-actions>.icon-button{width:34px;height:36px}.tool-heading-actions .icon{width:16px;height:16px}
  .tool-description{font-size:12px;margin:14px 0 18px;line-height:2}.local-banner{align-items:start;font-size:10px;padding:11px;gap:8px}.local-banner>.icon{margin-top:2px}.local-banner a{display:none}
  .tool-workbench{margin-top:17px;margin-bottom:32px}.workbench-layout{display:flex;flex-direction:column;gap:15px}.options-panel{width:100%;order:0}.editor-area{width:100%;order:1}.options-panel .panel-heading{min-height:48px}.options-body{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px;padding:15px}.options-body>div:has(.check-option small){grid-column:1/-1}.check-option{font-size:10px;margin-bottom:10px}.option-field>label{font-size:10px}.option-field{margin-bottom:10px}.option-field select,.option-field input{font-size:11px}.options-footer{padding:10px 14px}.options-footer p{font-size:9px}.options-footer br{display:none}.options-empty{grid-column:1/-1;font-size:11px;margin-bottom:0}
  .panel-heading h2{font-size:12px}.small-button{font-size:9px;padding:5px 6px}.panel-heading{padding:10px 12px;gap:6px;min-height:54px}.panel-buttons{gap:0}.step-number{width:22px;height:22px;font-size:9px}.input-body{padding:13px 12px}.text-field textarea{min-height:210px;font-size:12px;padding:11px}.input-meta{font-size:9px}.input-meta .upload-link{font-size:9px}.field-hint{font-size:9px}.comparison-fields{grid-template-columns:1fr 1fr;gap:9px}.comparison-fields textarea{min-height:190px;font-size:11px}.comparison-fields textarea::placeholder{font-size:10px}
  .run-bar{padding:13px 0;gap:8px}.run-bar .button{font-size:11px;padding:10px 13px;gap:6px}.run-status{font-size:9px}.output-empty{min-height:175px}.output-empty h3{font-size:13px}.output-empty p{font-size:10px}#result-body{padding:12px}#output-text{font-size:12px;min-height:160px}.stat-item{min-width:72px;flex:1;padding:8px 10px}.stat-item strong{font-size:18px}.stat-item span{font-size:9px}.result-stats{gap:7px}.editor-footnote{font-size:8px}.table-preview td,.table-preview th{padding:7px 9px}.tool-guide{grid-template-columns:1fr;gap:20px;padding-top:27px;padding-bottom:29px}.tool-guide h2{font-size:21px}.tool-guide p{font-size:11px}.steps-list{margin:17px 0}.guide-faq h2{margin-bottom:19px}.related-section{padding-bottom:35px}
  .prose-hero{padding-top:35px}.prose-hero h1{font-size:31px}.prose-page .prose-lead{font-size:17px}.prose-page p{font-size:12px}.prose-page h2{font-size:19px}.prose-page{padding-bottom:45px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.options-panel,.input-panel,.run-bar,.tool-guide,.related-section,.tool-heading-actions,.local-banner,.editor-footnote,.panel-buttons{display:none!important}.container{width:100%}.workbench-layout{display:block}.output-panel{border:0}body{background:white;color:black}#output-text{height:auto;min-height:400px;color:black;background:white}}

.clipboard-helper{position:fixed;opacity:0;pointer-events:none;left:-9999px;top:0}


/* Tartebo 1.1 visual refresh */
body{background:radial-gradient(circle at 85% -10%,rgba(93,104,255,.10),transparent 32%),var(--bg);font-weight:400}
.site-header{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-inner{height:82px}
.brand{font-size:24px;letter-spacing:-.4px;gap:10px}
.brand>span{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:baseline}
.brand-ar{font-size:15px;font-weight:700;color:var(--green)}
.brand-sub{grid-column:1/-1;margin-top:0;font-size:9px}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(135deg,#665cff,#328bff);color:#fff;border-radius:12px;transform:none;box-shadow:0 10px 24px -12px rgba(79,92,255,.7)}
.brand-mark svg{width:25px;height:25px}
.main-nav a{font-size:12px}
.hero{gap:72px;padding-top:82px;padding-bottom:82px}
.hero h1{font-size:62px;line-height:1.3;letter-spacing:-2px;color:var(--ink)}
.hero h1>span{background:linear-gradient(135deg,#5b52ff,#338cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:17px;line-height:2.05;max-width:610px}
.hero-eyebrow{color:#4f5cff;background:#fff;border-color:#e5e8f5;box-shadow:0 8px 25px -20px rgba(30,49,100,.45)}
.status-dot{background:#5265ff;box-shadow:0 0 0 4px rgba(82,101,255,.1)}
.demo-window,.tool-card,.editor-panel,.options-panel,.faq-item,.why-grid>div{border-color:#e5e9f4;box-shadow:0 18px 50px -34px rgba(26,45,90,.35)}
.hero-visual:before{content:"";position:absolute;inset:-12% -8% auto auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(95,106,255,.14),rgba(95,106,255,0) 68%);pointer-events:none}
.demo-window{position:relative;background:rgba(255,255,255,.95);border-radius:22px;overflow:hidden}
.demo-title{background:linear-gradient(180deg,#fbfcff,#f5f7ff)}
.demo-badge{background:#edf0ff;color:#4f5cff;border-color:#dfe4ff}
.floating-note{background:#fff;color:#51607f;border:1px solid #e7ebf5;box-shadow:0 12px 36px -24px rgba(29,48,95,.45)}
.principles{border-radius:22px;background:rgba(255,255,255,.7);border:1px solid var(--line);padding:20px 26px;box-shadow:0 18px 50px -38px rgba(26,45,90,.35)}
.tools-section{padding-top:86px}
.filter-chip.active{background:#4f5cff;border-color:#4f5cff;color:#fff}
.tool-card{border-radius:18px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.tool-card:hover{transform:translateY(-4px);border-color:#cfd6ff;box-shadow:0 22px 55px -34px rgba(61,77,165,.45)}
.tool-icon{border-radius:13px}
.workspace-callout{background:linear-gradient(135deg,#121b43,#263a7b 58%,#515fff);border-radius:28px;box-shadow:0 24px 70px -38px rgba(23,35,92,.6)}
.button-dark{background:#14204a;border-color:#14204a}
.button-dark:hover:not(:disabled){background:#223164}
.local-banner{background:#eef2ff;border-color:#dfe4ff;color:#4454c9}
.options-panel,.editor-panel{border-radius:18px}
.panel-heading{background:linear-gradient(180deg,#fff,#fafbff)}
input,select,textarea{transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:#7280ff!important;box-shadow:0 0 0 3px rgba(95,108,255,.1)}
.site-footer{background:#10182f;color:#e9edff}
.site-footer p,.site-footer a,.site-footer .brand-sub,.site-footer .footer-bottom{color:#aeb9da}
.site-footer .brand-ar{color:#aab2ff}
.footer-privacy{background:#182344;border-color:#273458;color:#cbd2ff}
@media(max-width:700px){.hero{padding-top:48px}.hero h1{font-size:43px}.hero-lead{font-size:15px}.brand-sub{display:none}.brand{font-size:21px}.brand-ar{font-size:13px}}