.page{min-height:100vh;padding:48px clamp(20px,6vw,72px) 80px;color:#fef6e0;background:radial-gradient(circle at top left,#2a3f37,#0f1412 65%);font-family:Space Grotesk,system-ui,sans-serif}.hero{display:flex;gap:32px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:40px}.hero h1{font-family:Fraunces,serif;font-size:clamp(2.2rem,3vw,3.4rem);margin:8px 0 12px}.hero p{max-width:520px;color:#e7dbc0;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:#b5f5cf}.status-card{display:flex;gap:16px;align-items:center;background:#111914b3;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px 20px;min-width:240px}.status-card span{display:block;color:#d0c4a8;font-size:.9rem}.status-indicator{width:14px;height:14px;border-radius:50%;background:#b7c2b9;box-shadow:0 0 12px #b7c2b980}.status-indicator.ready{background:#4ade80;box-shadow:0 0 14px #4ade80e6}.controls{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));background:#0f1412bf;border-radius:24px;padding:24px;border:1px solid rgba(255,255,255,.06)}.control-block label{display:block;font-weight:600;margin-bottom:10px}.control-block small{display:block;color:#9fb5a2;margin-top:10px}.pill-group,.toggle-row,.resize-row{display:flex;gap:10px;flex-wrap:wrap}.pill-group button,.toggle-row button,.resize-row button,.action-buttons button,.card-actions button{border:1px solid rgba(255,255,255,.08);background:#141d18cc;color:#e7dbc0;padding:8px 16px;border-radius:999px;cursor:pointer;transition:all .2s ease}.pill-group button.active,.toggle-row button.active,.resize-row button.active,.action-buttons button:hover,.card-actions button:hover{background:#b5f5cf;color:#0f1412;border-color:transparent}.resize-row input{background:#0a0e0ccc;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fef6e0;width:96px;padding:8px 10px}.drop-zone{margin-top:32px}.drop-surface{border:2px dashed rgba(181,245,207,.3);border-radius:28px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#0b0f0d99;transition:all .2s ease}.drop-surface.dragging{border-color:#b5f5cf;background:#142d1ee6}.file-button{background:#b5f5cf;color:#0f1412;padding:10px 18px;border-radius:999px;font-weight:600;cursor:pointer}.file-button input{display:none}.input-message{margin-top:10px;color:#fca5a5;font-size:.9rem}.converting-overlay{position:fixed;inset:0;display:grid;place-items:center;z-index:50}.spinner{width:52px;height:52px;border-radius:50%;border:4px solid rgba(181,245,207,.25);border-top-color:#b5f5cf;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.actions{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.stats{display:flex;gap:24px;flex-wrap:wrap}.stats span{display:block;color:#9fb5a2;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em}.stats strong{font-size:1.2rem}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.action-buttons button{border-radius:14px;padding:10px 18px;font-weight:600}.action-buttons button:disabled,.card-actions button:disabled{opacity:.4;cursor:not-allowed}.grid{margin-top:36px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:#111814d9;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column}.thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;background:#070a08cc;padding:12px}.thumbs img{width:100%;height:140px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.card-body{padding:16px;display:flex;flex-direction:column;height:100%}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title strong{font-size:.95rem}.badge-group{display:flex;gap:8px}.badge{background:#b5f5cf33;color:#b5f5cf;padding:4px 10px;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.badge.output{background:#facc1533;color:#fde68a}.meta{margin-top:10px;display:flex;justify-content:space-between;color:#9fb5a2;font-size:.85rem}.status-row{margin-top:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.status{text-transform:uppercase;font-size:.7rem;letter-spacing:.2em;color:#c0b59c}.status.done{color:#4ade80}.status.error{color:#fca5a5}.status.skipped{color:#facc15}.error{color:#fca5a5;font-size:.8rem}.card-actions{margin-top:auto;padding-top:12px}.empty{text-align:center;padding:40px;border-radius:20px;border:1px dashed rgba(255,255,255,.1);color:#c0b59c}@media(max-width:720px){.actions,.drop-surface{flex-direction:column;align-items:flex-start}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0f1412}button,input{font-family:inherit}img{display:block}