:root{color:#18251f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f3ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,select,input{font:inherit}button,a.icon-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;text-decoration:none;display:inline-flex}button:disabled,a[aria-disabled=true]{cursor:not-allowed;opacity:.5}main{min-height:100vh}.site-header{justify-content:space-between;align-items:center;padding:22px clamp(20px,5vw,72px);display:flex}.brand{color:#17251f;align-items:center;gap:10px;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#1f7a4d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}nav{gap:18px;display:flex}nav a{color:#4d5c54;font-weight:650;text-decoration:none}.hero{grid-template-columns:minmax(0,.95fr) minmax(280px,1.05fr);align-items:center;gap:clamp(28px,5vw,64px);padding:18px clamp(20px,5vw,72px) 42px;display:grid}.hero-copy h1{letter-spacing:0;max-width:820px;margin:14px 0 22px;font-size:clamp(2.5rem,6vw,5.8rem);line-height:.98}.eyebrow{color:#1f7a4d;align-items:center;gap:8px;margin:0;font-weight:800;display:inline-flex}.intro{color:#526158;max-width:680px;margin:0;font-size:1.15rem;line-height:1.8}.hero img{aspect-ratio:16/10;object-fit:cover;border-radius:8px;width:100%;display:block;box-shadow:0 24px 70px #1c2d2626}.hero-stats{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-stats span{color:#556158;background:#fff;border:1px solid #e2ded4;border-radius:8px;min-width:112px;padding:12px 14px}.hero-stats strong{color:#17251f;font-size:1.35rem;display:block}.workspace{background:#fff;grid-template-columns:minmax(0,1fr) 360px;gap:24px;padding:clamp(20px,5vw,72px);display:grid}.dropzone{color:#526158;text-align:center;border:2px dashed #b9c8bd;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding:36px;transition:border-color .16s,background .16s,transform .16s;display:flex}.dropzone.dragging{background:#eef8f1;border-color:#1f7a4d;transform:translateY(-2px)}.dropzone h2{color:#18251f;letter-spacing:0;margin:18px 0 8px;font-size:clamp(1.6rem,3vw,2.5rem)}.dropzone p{margin:0 0 24px;line-height:1.7}.dropzone button,.primary{color:#fff;background:#1f7a4d;font-weight:800}.dropzone input{display:none}.settings{border:1px solid #e5e1d8;border-radius:8px;align-self:start;gap:18px;padding:22px;display:grid}.settings label{color:#26342c;justify-content:space-between;margin-bottom:8px;font-weight:800;display:flex}select,input[type=range]{width:100%}select{color:#18251f;background:#f8f6f1;border:1px solid #d7d2c8;border-radius:8px;min-height:44px;padding:0 12px}input[type=range]{accent-color:#1f7a4d}.hint,.notice{color:#526158;border-radius:8px;margin:0;line-height:1.7}.hint{background:#f8f6f1;padding:12px}.notice{color:#b55139;font-weight:700}.actions{gap:10px;display:grid}.actions button:not(.primary){color:#17251f;background:#f2eee6;font-weight:750}.actions .ghost{background:0 0;border:1px solid #ddd7cb}.results{padding:46px clamp(20px,5vw,72px) 72px}.site-footer{color:#657167;text-align:center;border-top:1px solid #e1ddd2;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;padding:24px clamp(20px,5vw,72px);font-size:.92rem;display:flex}.site-footer a{color:#657167;text-decoration:none}.site-footer a:hover{color:#1f7a4d;text-decoration:underline}.section-title{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.section-title h2{letter-spacing:0;margin:0;font-size:clamp(1.7rem,3vw,2.5rem)}.section-title p{color:#526158;margin:0}.result-list{gap:10px;display:grid}.empty-state,.result-row{background:#fff;border:1px solid #e5e1d8;border-radius:8px}.empty-state{color:#526158;justify-content:center;align-items:center;gap:12px;min-height:130px;display:flex}.result-row{grid-template-columns:minmax(220px,1fr) 190px 130px 94px;align-items:center;gap:16px;padding:14px;display:grid}.file-main{align-items:center;gap:12px;min-width:0;display:flex}.file-main h3{overflow-wrap:anywhere;margin:0 0 4px;font-size:.98rem}.file-main p,.metrics span{color:#647067;margin:0}.status{align-items:center;gap:8px;min-width:0;display:flex}.status.done{color:#1f7a4d}.status.failed{color:#b55139}.status.processing{color:#8e6b25}.status span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metrics{text-align:right}.metrics strong{color:#1f7a4d;display:block}.row-actions{justify-content:flex-end;gap:8px;display:flex}.icon-button{color:#17251f;background:#f2eee6;width:38px;min-height:38px;padding:0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.hero,.workspace{grid-template-columns:1fr}.hero img{max-height:380px}.settings{align-self:stretch}.result-row{grid-template-columns:1fr}.metrics,.row-actions{text-align:left;justify-content:flex-start}}@media (width<=620px){.site-header,.section-title{flex-direction:column;align-items:flex-start}nav{width:100%}.hero,.workspace,.results{padding-left:16px;padding-right:16px}.dropzone{min-height:320px;padding:24px 18px}.hero-stats span{flex:120px}}
