:root{--ink:#183d35;--muted:#626c66;--paper:#faf9f5;--line:#dedfd6;--orange:#d34d2f;--pale:#edf1e8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid #d34d2f;outline-offset:4px}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:5}.skip:focus{top:0}.wrap{max-width:1180px;margin:auto;padding:0 28px}header{border-bottom:1px solid var(--line);background:var(--paper)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-size:27px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand img{width:36px;height:36px}.nav-links{display:flex;gap:30px;align-items:center;font-size:14px}.nav-links a{text-decoration:none}.nav-links a:hover{text-decoration:underline}.pill{font-size:12px;padding:7px 13px;border:1px solid var(--line);border-radius:30px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;padding-top:70px;padding-bottom:64px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:bold;letter-spacing:2px;color:var(--muted)}h1{font-size:clamp(38px,5.5vw,70px);line-height:1.04;letter-spacing:-3px;margin:22px 0}h1 em{font-family:Georgia,serif;font-weight:normal;color:var(--orange)}.lead{font-size:18px;color:var(--muted);max-width:530px;line-height:1.7}.hero-art{width:100%;height:auto;aspect-ratio:1.4;object-fit:cover;border-radius:28px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;padding:13px 23px;border:1px solid var(--ink);border-radius:7px;text-decoration:none;font-weight:bold;font-size:14px;gap:12px}.button:hover{background:#28574b}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.hero .button{margin:14px 0}.micro{font-size:12px;color:var(--muted)}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding-top:18px;padding-bottom:18px;font-size:13px;gap:20px}.trust span:before{content:'✓';color:var(--orange);margin-right:9px}section{padding:56px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:12px 0}h3{font-size:20px;line-height:1.3;margin:15px 0 8px}.section-head p{color:var(--muted);margin:0}.search{width:300px;padding:12px 15px;border:1px solid var(--line);background:white;border-radius:7px}.filters{display:flex;gap:10px;margin-bottom:26px}.chip{border:1px solid var(--line);border-radius:25px;padding:7px 18px;background:transparent;font-size:13px}.chip.active{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{background:white;border:1px solid var(--line);border-radius:12px;padding:27px;position:relative;text-decoration:none;transition:transform .15s,border-color .15s}.tool-card:hover{transform:translateY(-3px);border-color:var(--ink)}[hidden]{display:none!important}.icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:var(--pale);border-radius:12px;font-size:29px}.tool-card[data-category=PDF] .icon{background:#fbece4;color:#a5472d}.tool-card p{color:var(--muted);font-size:14px;line-height:1.7;min-height:70px}.card-foot{display:flex;justify-content:space-between;font-size:12px;font-weight:bold;margin-top:20px}.dark{background:var(--ink);color:var(--paper);border-radius:18px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.dark p{color:#d2ddd5}.dark h2{font-size:38px}.steps{counter-reset:steps}.steps div{padding:16px 0;border-bottom:1px solid #537067}.steps div:before{counter-increment:steps;content:'0' counter(steps);color:#ffae8a;margin-right:18px}.guide-card{padding:24px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:#f1f1e9}.guide-card p{color:var(--muted);font-size:14px}.guide-card:hover{border-color:var(--ink)}footer{margin-top:60px;border-top:1px solid var(--line);padding:36px 0}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:13px}.footer-note{color:var(--muted);font-size:12px;margin-top:24px}.breadcrumb{font-size:12px;color:var(--muted);padding-top:26px}.page-intro{max-width:780px;padding:24px 0 32px}.page-intro h1{font-size:48px;letter-spacing:-2px}.tool-layout{display:grid;grid-template-columns:1fr 290px;gap:30px;align-items:start}.workbench{padding:28px;border:1px solid var(--line);border-radius:14px;background:white}.drop{background:#f5f7f1;border:1.5px dashed #9da99a;border-radius:10px;text-align:center;padding:32px 20px}.drop.drag{background:#dcebd9}.drop strong{display:block;font-size:20px;margin:10px}.file-button{position:relative;display:inline-flex}.file-button input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;inset:0}.file-button:focus-within{outline:3px solid var(--orange);outline-offset:3px}.file-list{list-style:none;padding:0}.file-list li{display:flex;gap:6px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.file-list span{flex:1;overflow-wrap:anywhere}.file-list button{border:1px solid var(--line);border-radius:4px;background:white;min-width:34px;min-height:34px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}label.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:bold}input[type=number],input[type=text],select{padding:11px;border:1px solid #b5beb3;border-radius:6px;background:white;width:100%;color:var(--ink)}input[type=range]{width:100%;accent-color:var(--ink)}.wide{grid-column:1/-1}.actions{display:flex;gap:10px;margin-top:20px}.status{font-size:14px;margin:18px 0 0;overflow-wrap:anywhere}.error{color:#ac291b}.result{padding:20px;background:var(--pale);border-radius:10px;margin-top:20px;overflow-wrap:anywhere}.result img{max-width:100%;max-height:280px;object-fit:contain;display:block;background:repeating-conic-gradient(#eee 0% 25%,white 0% 50%) 50%/20px 20px}.result .button{max-width:100%;overflow-wrap:anywhere;white-space:normal}.aside{padding:6px 8px}.aside h2{font-size:19px;letter-spacing:0}.aside ol{padding-left:20px;color:var(--muted);font-size:14px}.aside li{margin-bottom:16px}.note{font-size:13px;color:var(--muted);background:var(--pale);padding:18px;border-radius:8px}.prose{max-width:760px;margin:0 auto}.prose h1{font-size:48px;letter-spacing:-2px}.prose h2{font-size:25px;margin-top:36px}.prose p,.prose li{color:#48554e;line-height:1.85}.prose table{border-collapse:collapse;width:100%}.prose th,.prose td{border:1px solid var(--line);padding:10px;text-align:left}.article-meta{font-size:12px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-weight:bold;cursor:pointer}.callout{padding:24px;background:var(--pale);border-radius:10px;margin:24px 0}.notice{padding:14px;border-left:3px solid var(--orange);background:#fff1e9}.notfound{text-align:center;padding:100px 20px}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:20px;padding-top:35px}.hero-art{max-height:300px;object-fit:cover}h1{letter-spacing:-2px}.grid{grid-template-columns:repeat(2,1fr)}.tool-layout{grid-template-columns:1fr}.dark{gap:25px}.nav-links{gap:18px}.pill{display:none}.trust{flex-wrap:wrap}.section-head{align-items:start;flex-direction:column}.search{width:100%}}@media(max-width:520px){.wrap{padding:0 18px}.nav{height:74px}.brand{font-size:24px}.nav-links{font-size:12px;gap:14px}.nav-links .about-link{display:none}.hero{padding-top:32px;padding-bottom:32px}.hero h1{font-size:49px}.hero-art{max-height:250px}.grid,.dark{grid-template-columns:1fr}.dark{padding:28px}.trust{font-size:11px;gap:10px}.section-head h2{font-size:28px}.workbench{padding:18px}.fields{gap:12px}.footer-top{flex-direction:column}.page-intro h1,.prose h1{font-size:37px}.prose table{font-size:13px}.tool-card p{min-height:0}section{padding:36px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

section.wrap{padding-top:56px;padding-bottom:56px}.tool-layout>*{min-width:0}@media(max-width:520px){section.wrap{padding-top:36px;padding-bottom:36px}.fields{grid-template-columns:1fr}.hero h1{font-size:clamp(38px,10vw,49px)}}

/* Clear selected-file feedback, shared by all six tools. */
.selection-summary{display:flex;align-items:center;gap:14px;margin:22px 0 14px;padding:18px 20px;background:#e8f3eb;border:1px solid #86ac94;border-left:5px solid #23774c;border-radius:10px;color:#183d35}.selection-check{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#23774c;color:white;font-size:23px;font-weight:bold}.selection-summary strong{display:block;font-size:19px;line-height:1.3}.selection-summary p{margin:4px 0 0;font-size:13px;line-height:1.5;color:#375e49}.has-files .drop{padding:18px 20px;border-style:solid;border-color:#b9c9b8}.has-files .drop>.icon{display:none}.has-files .drop strong{font-size:16px}.file-list{display:grid;gap:12px;margin:0 0 24px}.file-list .selected-file{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:16px;padding:16px;border:1px solid #c7d5c8;border-radius:10px;background:#fbfdf9;box-shadow:0 2px 5px #183d3508}.file-preview{position:relative;display:grid;place-items:center;width:76px;height:76px;border-radius:8px;overflow:hidden;background:#e6ece5;border:1px solid #d4dfd3}.file-preview img{position:absolute;width:100%;height:100%;object-fit:contain;background:#f2f4ee}.file-list .file-type{flex:none;font-size:15px;font-weight:bold;letter-spacing:1px;color:#315d49}.file-info{min-width:0}.file-info strong{display:block;font-size:15px;line-height:1.45;overflow-wrap:anywhere}.file-info p{margin:4px 0 0;color:#526359;font-size:13px}.file-list .file-order{display:block;margin-bottom:4px;color:#48624f;font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.8px}.file-actions{display:flex;align-items:center;gap:6px}.file-list .file-actions button{min-width:40px;min-height:40px;padding:7px 10px;background:white;border-color:#c7d5c8;color:#183d35}.file-list .file-actions button:hover:not(:disabled){background:#e8f3eb;border-color:#23774c}.file-list .file-actions button:last-child{color:#a33726}.has-files #run{box-shadow:0 0 0 3px #e5efe5}
@media(max-width:600px){.file-list .selected-file{grid-template-columns:60px minmax(0,1fr);gap:12px;padding:14px}.file-preview{width:60px;height:60px}.file-actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid #dde5da;padding-top:10px}.selection-summary{padding:15px 12px;gap:10px}.selection-summary strong{font-size:17px}.selection-summary p{font-size:12px}}

/* Full-width footer signature. */
.site-footer{background:linear-gradient(165deg,#153b32 0%,#214f40 65%,#2d6650 100%);color:#f4f3e8;border-top:0;padding:48px 0 0;margin-top:72px;overflow:hidden}.site-footer .wrap{max-width:none;padding-left:clamp(20px,5vw,88px);padding-right:clamp(20px,5vw,88px)}.site-footer .footer-top{align-items:flex-start;gap:32px}.site-footer .brand{color:#f4f3e8}.site-footer .micro,.site-footer .footer-note{color:#d2ded3}.site-footer .footer-links{gap:18px 28px;max-width:460px;justify-content:flex-end;padding-top:9px}.site-footer .footer-links a{text-decoration:none}.site-footer .footer-links a:hover{text-decoration:underline}.footer-email{display:inline-flex;align-items:center;gap:12px;margin-top:8px;font-size:17px;font-weight:600;text-decoration:none;border-bottom:1px solid #a6c2af;padding-bottom:5px;overflow-wrap:anywhere}.footer-email:hover{color:#ffd0ae}.site-footer .footer-note{border-top:1px solid #ffffff26;margin:34px 0 0;padding-top:20px;font-size:12px}.footer-wordmark{display:block;width:100%;padding:28px clamp(14px,3vw,56px) 0;line-height:0;color:#e8edda;text-decoration:none}.footer-wordmark svg{display:block;width:100%;height:auto;overflow:visible}.footer-wordmark text{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:200px;fill:currentColor}.site-footer a:focus-visible{outline-color:#ffd0ae}@media(max-width:600px){.site-footer{padding-top:32px;margin-top:48px}.site-footer .footer-top{flex-direction:column;gap:24px}.site-footer .footer-links{justify-content:flex-start;padding-top:0;gap:14px 24px}.footer-email{font-size:16px}.site-footer .footer-note{margin-top:26px}.footer-wordmark{padding-top:24px}}

/* UX Overhaul & Feature Expansion Styles */
.search-label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:bold;color:var(--muted)}
.search{width:320px;padding:12px 15px;border:1px solid var(--line);background:white;border-radius:7px;margin-top:2px}
.nav-cta{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:white!important;padding:9px 18px;border-radius:7px;font-weight:bold;font-size:13px;text-decoration:none!important;box-shadow:0 2px 4px rgba(24,61,53,0.15);transition:all .15s}
.nav-cta:hover{background:#28574b!important;transform:translateY(-1px);box-shadow:0 4px 8px rgba(24,61,53,0.22)}
.field-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field-header{display:flex;justify-content:space-between;align-items:center}
.field-header span:last-child{color:var(--orange);font-weight:bold}
.checkbox-field{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-weight:600;font-size:13px;cursor:pointer;padding:10px 14px;background:#f6f8f4;border:1px solid var(--line);border-radius:6px}
.checkbox-field input{width:18px;height:18px;accent-color:var(--ink);cursor:pointer;margin:0}
.transfer-card{margin-top:16px;padding:14px 16px;background:#f3f6f0;border:1px solid #d3dfcf;border-radius:8px}
.transfer-title{font-size:12px;font-weight:bold;color:#355845;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px;display:block}
.transfer-btns{display:flex;flex-wrap:wrap;gap:8px}
.transfer-btn{padding:7px 14px;font-size:12px;font-weight:600;background:white;border:1px solid #bdceb8;color:var(--ink);border-radius:6px;cursor:pointer;transition:all .15s}
.transfer-btn:hover{background:var(--ink);color:white;border-color:var(--ink)}
.comp-box{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px 18px;background:white;border:1px solid #d4ded3;border-radius:8px;margin:14px 0}
.comp-col{font-size:12px}
.comp-col strong{display:block;font-size:15px;color:var(--ink);margin:2px 0}
.comp-col p{margin:0;color:var(--muted)}
.comp-arrow{font-size:18px;color:#809488;font-weight:bold}
.comp-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:bold;background:#e2f0d9;color:#276a3d;margin-top:4px}
.checklist{list-style:none;padding:0;margin:12px 0;display:grid;gap:6px;font-size:13px}
.check-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:white;border:1px solid var(--line)}
.check-pass{border-color:#a3cfbb;background:#f2f9f5}
.check-pass span:first-child{color:#1e7e34;font-weight:bold}
.check-fail{border-color:#f5c6cb;background:#fff5f5}
.check-fail span:first-child{color:#d34d2f;font-weight:bold}
.btn-group{display:flex;flex-wrap:wrap;gap:8px}
.btn-group button{padding:8px 14px;border:1px solid var(--line);background:white;border-radius:6px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;transition:all .15s}
.btn-group button.active,.btn-group button:hover{background:var(--ink);color:white;border-color:var(--ink)}
@media(max-width:520px){.field-row{grid-template-columns:1fr}}

/* Interactive Live Preview Stage */
.live-preview-stage{background:#0e241e;color:white;border-radius:12px;padding:16px 20px;margin:20px 0;border:1px solid #1f453a;box-shadow:inset 0 2px 6px rgba(0,0,0,0.2)}
.live-stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}
.live-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:bold;letter-spacing:1px;color:#7de8b0;text-transform:uppercase}
.live-dot{width:8px;height:8px;border-radius:50%;background:#27e085;box-shadow:0 0 8px #27e085;animation:livePulse 2s infinite}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}
.live-dims{font-size:13px;font-weight:600;color:#c6dcd1;background:rgba(255,255,255,.1);padding:4px 10px;border-radius:6px}
.live-canvas-wrap{display:flex;justify-content:center;align-items:center;min-height:200px;max-height:420px;overflow:hidden;background:repeating-conic-gradient(#172e27 0% 25%,#12241f 0% 50%) 50%/20px 20px;border-radius:8px;padding:12px;border:1px solid #1c3d33}
.live-canvas-wrap canvas{max-width:100%;max-height:390px;width:auto;height:auto;object-fit:contain;box-shadow:0 6px 20px rgba(0,0,0,.4);border-radius:4px;display:block}
.live-hint{text-align:center;font-size:12px;color:#8ba597;margin-top:10px}