html,body{color:#f1f5f9;background-color:#0f172a;width:100%;height:100%;margin:0;padding:0;font-family:Inter,-apple-system,system-ui,sans-serif;overflow:hidden}.app-viewport{background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.media-card{background-color:#1e293b;border:1px solid #334155;border-radius:24px;width:90%;max-width:800px;padding:3rem;transition:all .3s;box-shadow:0 25px 50px -12px #000000b3}.form-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1rem;display:flex}.form-title{letter-spacing:-.025em;color:#f8fafc;margin:0;font-size:1.5rem;font-weight:800}.status-dot{background-color:#38bdf8;border-radius:50%;width:12px;height:12px;box-shadow:0 0 15px #38bdf8}.upload-section{gap:2rem;margin-bottom:2rem;display:flex}.thumbnail-preview{cursor:pointer;background-color:#0f172a;border:2px dashed #475569;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:160px;transition:all .2s;display:flex;position:relative;overflow:hidden}.thumbnail-preview img{object-fit:cover;width:100%;height:100%;display:block}.thumbnail-preview:hover{border-color:#38bdf8;transform:scale(1.02)}.main-fields{flex-direction:column;flex-grow:1;justify-content:center;gap:1.25rem;display:flex}.grid-fields{grid-template-columns:1fr 1fr 120px;gap:1.25rem;margin-bottom:2.5rem;display:grid}.input-field{color:#fff;box-sizing:border-box;background-color:#0f172a;border:1px solid #334155;border-radius:12px;outline:none;width:100%;padding:1.2rem;font-size:1rem}.input-field:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81a}.year-input{text-align:center;font-weight:600}.submit-btn{color:#0f172a;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#38bdf8,#0ea5e9);border:none;border-radius:12px;width:100%;padding:1.25rem;font-size:1.1rem;font-weight:800;transition:transform .2s,filter .2s;box-shadow:0 10px 15px -3px #0000001a}.submit-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}@media (width<=600px){.upload-section{flex-direction:column;align-items:center}.grid-fields{grid-template-columns:1fr}.media-card{padding:1.5rem}}.status-dot.active{background-color:#f59e0b;animation:1.5s infinite pulse;box-shadow:0 0 15px #f59e0b}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.download-btn{text-align:center;color:#fff;box-sizing:border-box;background:linear-gradient(90deg,#10b981,#059669);border-radius:12px;width:100%;padding:1.25rem;font-weight:800;text-decoration:none;display:block}.log-container{background-color:#020617;border:1px solid #334155;border-radius:12px;margin-top:1.5rem;overflow:hidden}.log-toggle{color:#94a3b8;cursor:pointer;text-transform:uppercase;background:#1e293b;border:none;width:100%;padding:.5rem;font-size:.7rem;font-weight:700}.log-window{height:0;padding:0 1rem;font-family:Fira Code,monospace;font-size:.8rem;transition:all .3s;overflow-y:auto}.log-container.open .log-window{height:150px;padding:1rem}.log-line{color:#38bdf8;white-space:pre-wrap;margin-bottom:.25rem}.log-timestamp{color:#475569;margin-right:.5rem}.finished-actions{flex-direction:column;gap:1rem;width:100%;display:flex}.secondary-btn{border:1px solid var(--slate-700);background-color:var(--slate-800);width:100%;color:var(--slate-100);cursor:pointer;border-radius:12px;padding:1rem;font-weight:600;transition:all .2s}.secondary-btn:hover{background-color:var(--slate-700);border-color:var(--slate-400)}.submit-btn.processing{background:var(--slate-700);color:var(--slate-400);cursor:not-allowed;justify-content:center;align-items:center;gap:10px;display:flex}.spinner{border:2px solid var(--slate-400);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}