@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg: #f3f7ef;--bg-accent: #dceee4;--ink: #19241f;--muted: #4d5f56;--panel: #ffffff;--panel-border: #cfe0d6;--brand: #0a8f69;--brand-strong: #0a6b4f;--danger: #c54f39;--warn: #a66707;--ring: rgba(10, 143, 105, .18);--shadow: 0 18px 44px rgba(20, 46, 36, .12)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at 8% 5%,#eef7d7 0,transparent 40%),radial-gradient(circle at 95% 10%,#cdebe8 0,transparent 45%),linear-gradient(180deg,var(--bg) 0%,#edf4f0 100%)}h1,h2,h3{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;letter-spacing:-.02em}p{margin:0}code{background:#f3f7f4;border:1px solid #d9e7df;padding:3px 7px;border-radius:7px;font-size:.9rem;word-break:break-all}.app-shell{min-height:100vh;position:relative;overflow-x:hidden}.app-glow{position:absolute;border-radius:999px;filter:blur(30px);z-index:0;opacity:.55}.app-glow--one{width:280px;height:280px;background:#a9e7d0;top:-60px;right:-80px}.app-glow--two{width:240px;height:240px;background:#f6d58f;bottom:35px;left:-70px}.app{position:relative;z-index:1;width:min(1120px,100%);margin:0 auto;padding:28px 20px 24px;display:grid;gap:16px}.app--single{width:min(760px,100%);padding-top:56px}.hero,.panel{background:color-mix(in srgb,var(--panel) 94%,#ebfff6 6%);border:1px solid var(--panel-border);border-radius:18px;box-shadow:var(--shadow)}.hero{padding:22px 22px 18px;display:grid;gap:12px;animation:reveal .42s ease-out both}.hero-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start}.hero h1{font-size:clamp(1.55rem,2.8vw,2rem)}.hero-subtitle{color:var(--muted)}.hero-badges{display:flex;gap:8px;flex-wrap:wrap}.badge{border-radius:999px;border:1px solid #cde1d7;padding:5px 10px;background:#f5faf7;font-size:.78rem;font-weight:600}.badge-live{color:#0b5a42;background:#e9fcef;border-color:#a9d9bf}.badge-warn{color:#7b4500;background:#fff5e5;border-color:#efcf99}.endpoint-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px dashed #bfd8cc;border-radius:12px;background:#f8fcfa}.layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel{display:grid;gap:12px;padding:18px;animation:reveal .38s ease-out both}.panel-wide{grid-column:1 / -1}.field-label{font-size:.77rem;text-transform:uppercase;letter-spacing:.06em;color:#567465;font-weight:600}.muted-text{color:var(--muted);font-size:.92rem}.empty-state{color:var(--muted);border:1px dashed #bed4c8;border-radius:12px;padding:12px;background:#f9fcfa}select,input[type=file]{width:100%;border:1px solid #c4d8cd;border-radius:12px;background:#fff;padding:10px 12px;font-size:.95rem;color:var(--ink);outline:none;transition:border-color .16s ease,box-shadow .16s ease}select:focus,input[type=file]:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.actions{display:flex;gap:8px;flex-wrap:wrap}.button{border:none;border-radius:11px;padding:9px 14px;font-weight:600;font-size:.9rem;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--brand),#0fb17f);transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 16px #0a8f693d}.button:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}.button-danger{background:linear-gradient(135deg,var(--danger),#e16a54)}.button-ghost{background:#f2f8f4;color:#1f4336;border:1px solid #c7d8cf}.progress-wrap{display:grid;gap:7px}.progress-title{display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.progress-track{height:9px;border-radius:999px;background:#deebe5;overflow:hidden}.progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-strong),#0ec08a);transition:width .22s ease}.job-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.job-id{display:grid;gap:4px}.heartbeat-row{display:flex;align-items:center;gap:8px;color:#4f665a;font-size:.9rem}.heartbeat-dot{width:9px;height:9px;border-radius:999px;flex-shrink:0}.heartbeat-dot.is-live{background:#0ba36f;box-shadow:0 0 #0ba36f80;animation:pulse 1.25s ease-out infinite}.heartbeat-dot.is-idle{background:#95aaa1}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 11px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.is-idle,.is-created{background:#edf2f0;color:#47665a}.is-queued{background:#fff4df;color:#8b5400}.is-processing{background:#eaf4ff;color:#0b4f8c}.is-completed{background:#e5faee;color:#17663e}.is-failed,.is-cancelled,.is-expired{background:#ffeae6;color:#8d2f1f}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{display:grid;gap:5px;padding:10px;border-radius:12px;background:#f7fbf8;border:1px solid #d4e4db}.stat-card span{color:#5a7468;font-size:.8rem}.stat-card strong{font-size:.95rem;line-height:1.35;word-break:break-word}.timeline-wrap{display:grid;gap:6px}.timeline-list{display:grid;gap:7px;max-height:180px;overflow:auto;padding-right:2px}.timeline-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;border-radius:10px;border:1px solid #d8e6de;background:#f8fcfa}.timeline-item small{color:#546b60;font-size:.77rem;text-align:right}.export-row{display:flex;gap:10px;flex-wrap:wrap}.export-row a{color:var(--brand-strong);text-decoration:none;font-weight:600}.export-row a:hover{text-decoration:underline}.warning-text{color:var(--warn);font-weight:600}.live-response{border:1px dashed #bdd4c8;border-radius:12px;padding:10px;display:grid;gap:6px;background:#f7fbf8}.panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.transcript-box{max-height:300px;overflow:auto;border:1px solid #cfe1d7;border-radius:12px;padding:12px;background:#f9fdfb;line-height:1.52}.transcript-box--compact{max-height:180px}.notice-stack{display:grid;gap:8px;position:sticky;bottom:10px}.notice{margin:0;border:1px solid #d7dddb;border-radius:12px;padding:10px 12px;background:#fffffff0;box-shadow:0 8px 20px #0e221b24}.notice-success{border-color:#b8e0ce;background:#f3fff8}@keyframes pulse{0%{box-shadow:0 0 #0ba36f7a}70%{box-shadow:0 0 0 8px #0ba36f00}to{box-shadow:0 0 #0ba36f00}}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:920px){.layout{grid-template-columns:1fr}.panel-wide{grid-column:auto}.endpoint-row{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.app{padding:16px 12px 18px}.hero,.panel{border-radius:14px;padding:14px}.stats-grid{grid-template-columns:1fr}}