:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#0b1020;color:#eef2ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#18213d 0,#0b1020 45%)}button,select,input{font:inherit}button,select,input{color:#eef2ff;background:#19233f;border:1px solid #344363;border-radius:9px;padding:.62rem .78rem}button{cursor:pointer}button:hover{border-color:#91a7ff}.eyebrow{color:#91a7ff;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:750}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(430px,100%);padding:2rem;border:1px solid #344363;border-radius:18px;background:rgba(17,25,48,.96);box-shadow:0 24px 80px #0008}.login-card h1{margin:.25rem 0 .5rem;font-size:2rem}.login-card p{color:#aeb9d5}.login-card label{display:grid;gap:.5rem;margin:1.5rem 0 1rem}.login-card button{width:100%;background:#536dfe;border-color:#7187ff;font-weight:700}.login-status{min-height:1.4rem;margin:.8rem 0 0!important;color:#ff9ca8!important}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 2rem;border-bottom:1px solid #293653}h1,h2,p{margin-top:0}header h1{margin:0;font-size:clamp(1.3rem,2.5vw,2.1rem)}.progress-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;padding:1rem 2rem 0}.progress-item{padding:.8rem;background:#121a30;border:1px solid #293653;border-radius:10px;color:#aeb9d5;font-size:.82rem}.progress-item strong{display:block;color:#f4f6ff;margin-bottom:.25rem}.controls{display:flex;flex-wrap:wrap;align-items:end;gap:.7rem;padding:1rem 2rem}.controls label{display:grid;gap:.35rem;color:#aeb9d5;font-size:.76rem}.controls select{min-width:150px}.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0 2rem 2rem}.card{min-width:0;overflow:hidden;background:#111930;border:1px solid #293653;border-radius:14px}.card-head{display:flex;justify-content:space-between;gap:1rem;padding:1rem}.card h2{margin:0;font-size:1rem}.subtitle,.metrics{color:#aeb9d5;font-size:.76rem}.metrics{text-align:right}.metrics strong{color:#f4f6ff}.image-wrap{min-height:240px;display:grid;place-items:center;background:#070b15;padding:.7rem}.image-stage{position:relative;display:inline-block;line-height:0;max-width:100%}.base-image{display:block;max-width:100%;max-height:68vh;width:auto;height:auto}.object-overlay,.prompt-box{position:absolute}.object-overlay{width:auto;height:auto}.prompt-box{border:3px solid #42d6ff;box-shadow:0 0 0 1px #001d}.waiting{padding:3rem;color:#aeb9d5;text-align:center;line-height:1.7}.waiting strong{display:block;color:#f4f6ff}.loading{text-align:center;color:#91a7ff;padding:.5rem 2rem 1rem}.loading[hidden]{display:none}footer{display:flex;flex-wrap:wrap;gap:1rem;padding:0 2rem 2rem;color:#aeb9d5;font-size:.75rem}.swatch{display:inline-block;width:.75rem;height:.75rem;margin-right:.25rem;vertical-align:-.08rem;border-radius:2px}.prediction{background:#ff9d36}.tp{background:#35d07f}.fp{background:#ff5263}.fn{background:#4395ff}@media(max-width:900px){.comparison,.progress-grid{grid-template-columns:1fr}header{align-items:flex-start;padding:1rem}.controls,.comparison,.progress-grid,footer{padding-left:1rem;padding-right:1rem}}