@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Literata:opsz,wght@7..72,400;7..72,600;7..72,700&display=swap";:root{--paper: #f6f1e8;--paper-deep: #efe6d8;--ink: #2a241c;--ink-soft: #5c5348;--line: #d9cdb9;--accent: #2f6b4f;--accent-hover: #24553f;--accent-soft: #e3efe8;--warn: #9a6b2f;--warn-soft: #f8edd8;--danger: #a33d3d;--shadow: 0 10px 30px rgba(42, 36, 28, .06)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,#faf6ef 0%,var(--paper) 28%,#f3ece1 100%)}button,input,textarea{font:inherit}.page{width:min(760px,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0 4rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.brand{display:flex;align-items:center;gap:.75rem}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:Literata,Georgia,serif;font-weight:700;font-size:1.1rem}.brand h1{margin:0;font-family:Literata,Georgia,serif;font-size:1.55rem;font-weight:700}.brand p{margin:.1rem 0 0;color:var(--ink-soft);font-size:.92rem}.panel{background:#ffffffb8;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:1.35rem}.panel+.panel{margin-top:1rem}.panel h2{margin:0 0 .35rem;font-family:Literata,Georgia,serif;font-size:1.2rem}.panel .lede{margin:0 0 1.1rem;color:var(--ink-soft);font-size:.95rem}.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.mode-card{border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;background:#fffdf9;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.mode-card strong{display:block;margin-bottom:.2rem}.mode-card span{color:var(--ink-soft);font-size:.88rem;line-height:1.4}.mode-card.active{border-color:var(--accent);background:var(--accent-soft)}.dropzone{display:block;border:1.5px dashed var(--line);border-radius:16px;padding:1.2rem;background:#fffdf9;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:var(--accent-soft)}.dropzone input{display:none}.dropzone-inner{display:grid;gap:.45rem;justify-items:center;text-align:center}.dropzone-title{font-weight:600}.dropzone-hint,.helper{color:var(--ink-soft);font-size:.9rem}.preview{margin-top:1rem;display:grid;gap:.75rem}.preview img{width:100%;max-height:220px;object-fit:contain;border-radius:12px;border:1px solid var(--line);background:#fff}.file-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .7rem;border-radius:999px;background:var(--paper-deep);border:1px solid var(--line);font-size:.88rem}.field{display:grid;gap:.35rem;margin-top:1rem}.field label{font-size:.9rem;color:var(--ink-soft)}.field input{width:100%;border:1px solid var(--line);border-radius:12px;padding:.75rem .85rem;background:#fff;color:var(--ink)}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.1rem}button.primary{border:0;border-radius:12px;padding:.8rem 1.1rem;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.primary:disabled{opacity:.55;cursor:not-allowed}button.ghost{border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;background:#fff;color:var(--ink);cursor:pointer}.status-block{display:grid;gap:.75rem}.status-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.35rem .75rem;font-size:.84rem;font-weight:600}.status-pill.queued{background:var(--warn-soft);color:var(--warn)}.status-pill.processing{background:#e8f0ff;color:#355c9a}.status-pill.completed{background:var(--accent-soft);color:var(--accent)}.status-pill.failed{background:#fde8e8;color:var(--danger)}.steps{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.steps li{display:flex;gap:.65rem;align-items:flex-start;color:var(--ink-soft);font-size:.92rem}.steps li.done{color:var(--ink)}.step-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--line);margin-top:.45rem;flex-shrink:0}.steps li.done .step-dot,.steps li.current .step-dot{background:var(--accent)}.result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem}.result-box{width:100%;min-height:240px;max-height:420px;overflow:auto;white-space:pre-wrap;border:1px solid var(--line);border-radius:14px;padding:1rem;background:#fff;line-height:1.6}.result-empty{color:var(--ink-soft)}.error{margin-top:1rem;padding:.85rem 1rem;border-radius:12px;background:#fde8e8;color:var(--danger);border:1px solid #efc2c2}.footer{margin-top:1.5rem;color:var(--ink-soft);font-size:.88rem;line-height:1.5}@media(max-width:640px){.mode-row{grid-template-columns:1fr}}