@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:light;font-family:Space Grotesk,Avenir Next,sans-serif;line-height:1.5;font-weight:400;--bg: #f4efe7;--bg-deep: #efe0bf;--panel: rgba(255, 249, 241, .88);--panel-strong: rgba(255, 248, 238, .96);--stroke: rgba(74, 59, 40, .12);--text: #23180d;--muted: #6b5b4a;--accent: #0f7c78;--accent-strong: #0d5a58;--warm: #c7672b;--shadow: 0 26px 80px rgba(50, 34, 17, .15)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at top left,rgba(201,117,62,.18),transparent 28%),radial-gradient(circle at top right,rgba(15,124,120,.14),transparent 24%),linear-gradient(180deg,#faf5ed 0%,var(--bg) 48%,#eadcc3 100%)}button,select,a{font:inherit}.app-shell{position:relative;overflow:hidden}.app-frame{position:relative;z-index:1;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.backdrop{position:fixed;width:26rem;height:26rem;border-radius:50%;filter:blur(26px);opacity:.65;pointer-events:none}.backdrop-left{top:-8rem;left:-6rem;background:#c7672b47}.backdrop-right{top:12rem;right:-8rem;background:#0f7c7838}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero{padding:2rem;animation:rise-in .7s ease both}.hero-grid{display:grid;gap:1.5rem;grid-template-columns:1.25fr .95fr;align-items:end}.eyebrow{margin-bottom:.85rem;color:var(--warm);font-family:IBM Plex Mono,monospace;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{max-width:12ch;font-size:clamp(2.6rem,4vw,4.8rem);line-height:.95;letter-spacing:-.05em}.hero-copy,.subtle,.item-message,.empty-state p,.file-title-row p{color:var(--muted)}.hero-copy{max-width:54ch;margin-top:1rem;font-size:1.05rem}.stats-grid{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:1rem;background:#ffffff8a;border:1px solid rgba(74,59,40,.08);border-radius:22px}.stat-card span,.meta-grid span,.field span{display:block;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.stat-card strong{display:block;margin-top:.4rem;font-size:1.6rem}.workspace{display:grid;gap:1.25rem;margin-top:1.25rem;grid-template-columns:.95fr 1.25fr;align-items:start}.controls-panel,.queue-panel{padding:1.4rem;animation:rise-in .8s ease both}.panel-header{display:flex;gap:1rem;justify-content:space-between;align-items:start}.panel-header h2{font-size:1.55rem}.subtle{max-width:32ch;font-size:.96rem}.controls-grid{display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.25rem}.field{display:grid;gap:.5rem}.field select{appearance:none;border:1px solid rgba(74,59,40,.14);border-radius:18px;padding:.95rem 1rem;color:var(--text);background:#fffc}.dropzone{position:relative;display:grid;justify-items:center;gap:.6rem;margin-top:1.25rem;padding:2rem 1rem;border:1px dashed rgba(15,124,120,.35);border-radius:28px;text-align:center;background:linear-gradient(135deg,#0f7c781f,#c7672b14),#fffdf9db;overflow:hidden;transition:transform .18s ease,border-color .18s ease}.dropzone.is-dragging{transform:translateY(-2px) scale(1.01);border-color:#0f7c78b3}.dropzone p{position:relative;z-index:1;font-size:1.15rem;font-weight:700}.dropzone span{position:relative;z-index:1;color:var(--muted)}.dropzone-orbit{position:absolute;inset:auto auto -5.5rem -4rem;width:12rem;height:12rem;border-radius:50%;background:radial-gradient(circle,rgba(199,103,43,.26),transparent 68%);animation:drift 8s ease-in-out infinite}.toolbar,.status-strip,.queue-actions,.file-title-row{display:flex;gap:.75rem;align-items:center}.toolbar{margin-top:1.25rem;flex-wrap:wrap}.status-strip{justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(74,59,40,.08);color:var(--muted);font-size:.92rem}.primary-button,.secondary-button,.ghost-button,.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.8rem 1.05rem;border-radius:999px;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.primary-button{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 12px 30px #0f7c7842}.secondary-button{color:var(--text);background:#ffffffbf;border-color:#4a3b281a}.ghost-button{color:var(--text);background:#ffffff59;border-color:#4a3b281f}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.button-link:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.queue-list{display:grid;gap:.95rem;margin-top:1.25rem}.queue-item{display:grid;gap:1rem;grid-template-columns:1fr auto;padding:1rem;border-radius:24px;background:var(--panel-strong);border:1px solid rgba(74,59,40,.08)}.queue-main{display:grid;gap:.9rem}.file-title-row{justify-content:space-between;align-items:start}.file-title-row h3{font-size:1.05rem;word-break:break-word}.status-pill{padding:.45rem .8rem;border-radius:999px;font-size:.82rem;text-transform:capitalize;font-family:IBM Plex Mono,monospace;background:#4a3b2814}.status-queued{background:#c7672b29}.status-preparing,.status-running{background:#0f7c7829}.status-done{background:#0d5a582e}.status-error{background:#b8392424}.meta-grid{display:grid;gap:.85rem;grid-template-columns:repeat(4,minmax(0,1fr))}.meta-grid strong{display:block;margin-top:.35rem;font-size:1rem}.progress-track{width:100%;height:.75rem;border-radius:999px;background:#4a3b2814;overflow:hidden}.progress-fill{height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--warm),var(--accent));box-shadow:0 0 24px #0f7c7838;transition:width .18s ease}.item-message{min-height:1.5rem}.queue-actions{flex-direction:column;justify-content:center;align-items:stretch;min-width:9.5rem}.action-hint{color:var(--muted);font-size:.86rem;text-align:center}.empty-state{display:grid;place-items:center;gap:.6rem;min-height:22rem;border:1px dashed rgba(74,59,40,.14);border-radius:24px;margin-top:1.25rem;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(1.8rem,-1.2rem,0)}}@media(max-width:960px){.hero-grid,.workspace,.controls-grid,.meta-grid,.queue-item{grid-template-columns:1fr}.queue-actions{min-width:0}.status-strip,.panel-header{flex-direction:column}}@media(max-width:640px){.app-frame{width:min(100% - 1rem,100%);padding-top:.75rem}.hero,.controls-panel,.queue-panel{padding:1.1rem;border-radius:22px}h1{font-size:2.55rem}.stats-grid{grid-template-columns:1fr 1fr}.toolbar,.queue-actions,.primary-button,.secondary-button,.ghost-button,.button-link{width:100%}}
