@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #f0ece4;--ink: #0f2b2d;--panel: rgba(255, 255, 255, .78);--panel-stroke: rgba(15, 43, 45, .12);--accent: #0d8f8a;--accent-strong: #0b6f6b;--accent-soft: #e9f8f7;--warm: #f77842;--muted: #5a6f71;--shadow: 0 20px 50px rgba(12, 40, 42, .16)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Space Grotesk,sans-serif;color:var(--ink);background:radial-gradient(1200px 700px at 10% 15%,rgba(247,120,66,.24),transparent 55%),radial-gradient(1100px 800px at 90% 5%,rgba(13,143,138,.22),transparent 50%),linear-gradient(130deg,#f4efe6,#ece8de)}body:before{content:"";position:fixed;inset:-20% -10%;pointer-events:none;background-image:linear-gradient(rgba(15,43,45,.03) 1px,transparent 1px);background-size:100% 36px;transform:rotate(-2deg)}#app{position:relative;max-width:1120px;margin:0 auto;padding:2.2rem 1.25rem 3.5rem}.shell{position:relative;z-index:1}.hero{max-width:720px;margin-bottom:1.7rem}.eyebrow{margin:0 0 .55rem;font-family:IBM Plex Mono,monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;color:var(--warm)}h1{margin:0;font-size:clamp(1.9rem,4vw,3rem);line-height:1.08;letter-spacing:-.02em}.subtitle{margin-top:.85rem;max-width:66ch;color:var(--muted);font-size:1rem;line-height:1.5}.layout{display:grid;gap:1rem;grid-template-columns:1.05fr 1fr}.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--panel);border:1px solid var(--panel-stroke);border-radius:18px;box-shadow:var(--shadow);padding:1.05rem}.panel h2{margin:0;font-size:1.12rem}.help{margin:.4rem 0 1rem;color:var(--muted);font-size:.93rem}.hidden-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.button{border:0;border-radius:999px;padding:.72rem 1.05rem;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .13s ease,box-shadow .13s ease,background-color .13s ease,color .13s ease}.button:hover:enabled{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{background:var(--accent);color:#f8ffff;box-shadow:0 8px 18px #0d8f8a47}.button-primary:hover:enabled{background:var(--accent-strong)}.button-ghost{background:var(--accent-soft);color:var(--accent-strong);border:1px solid rgba(13,143,138,.25)}.controls .button-ghost,.controls .button-primary{width:100%}.controls .button-primary{margin-top:.75rem}.file-chip{margin-top:.7rem;border-radius:12px;background:#ffffffb8;border:1px dashed rgba(15,43,45,.2);padding:.6rem .7rem;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.8rem;overflow-wrap:anywhere}.progress-wrap{margin-top:.95rem;background:#fff9;border:1px solid rgba(15,43,45,.1);border-radius:14px;padding:.75rem}.progress-label-row{display:flex;justify-content:space-between;align-items:baseline;font-family:IBM Plex Mono,monospace;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.progress-track{margin-top:.45rem;width:100%;height:10px;border-radius:999px;overflow:hidden;background:#0f2b2d1a}.progress-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--warm),var(--accent));transition:width .18s ease}.status{margin:.6rem 0 0;font-size:.89rem;line-height:1.45;color:var(--muted)}.metrics{display:grid;margin:.95rem 0 0;padding:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.metrics div{background:#ffffff9e;border:1px solid rgba(15,43,45,.08);border-radius:12px;padding:.55rem .6rem}.metrics dt{margin:0;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.metrics dd{margin:.28rem 0 0;font-family:IBM Plex Mono,monospace;font-size:.84rem}.preview{width:100%;aspect-ratio:16 / 9;border-radius:14px;background:#0a1112;border:1px solid rgba(15,43,45,.16);object-fit:contain}.actions{margin-top:.88rem;display:grid;gap:.55rem;grid-template-columns:repeat(2,minmax(0,1fr))}.reveal{animation:rise-in .38s cubic-bezier(.2,.75,.28,1) both}.reveal-delay-1{animation-delay:.1s}.reveal-delay-2{animation-delay:.18s}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){#app{padding:1.2rem .9rem 2.4rem}.layout,.actions,.metrics{grid-template-columns:1fr}}