@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;color:#e6f0ff;background-color:#0a0f1f}:root{--bg-1: #0a0f1f;--bg-2: #0b1533;--panel: rgba(12, 21, 44, .78);--panel-strong: rgba(16, 29, 61, .9);--border: rgba(120, 160, 255, .22);--glow: rgba(67, 216, 255, .25);--cyan: #43d8ff;--violet: #7b8cff;--lime: #b9ff5f;--text: #e6f0ff;--muted: #9ab0d2;--danger: #ff6b6b;--warning: #ffb547}.app-shell{min-height:100vh;padding:2.5rem 1.5rem 4rem;background:radial-gradient(1200px circle at 20% 20%,rgba(67,216,255,.18),transparent 60%),radial-gradient(900px circle at 80% 10%,rgba(123,140,255,.2),transparent 55%),linear-gradient(160deg,var(--bg-1) 0%,var(--bg-2) 45%,var(--bg-1) 100%);position:relative;overflow:hidden}.app-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;opacity:.25;pointer-events:none}.app-card{max-width:1100px;margin:0 auto;background:var(--panel);border-radius:24px;border:1px solid var(--border);box-shadow:0 30px 90px #060c1c99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:2.5rem;position:relative;z-index:1;overflow:hidden}.app-card:after{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at 85% 10%,rgba(67,216,255,.15),transparent 60%);pointer-events:none}.app-header{text-align:center;margin-bottom:2.25rem}.eyebrow{text-transform:uppercase;letter-spacing:.35em;font-size:.7rem;color:var(--muted);margin-bottom:.75rem}.title{font-family:Orbitron,sans-serif;font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:.05em;margin-bottom:.4rem;color:var(--text)}.subtitle{color:var(--muted);font-size:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.panel{background:var(--panel-strong);border:1px solid var(--border);border-radius:18px;padding:1.75rem;min-height:420px;box-shadow:inset 0 0 0 1px #ffffff05}.panel.column{display:flex;flex-direction:column;gap:1.5rem}.control-card{background:#0a1224b3;border-radius:16px;padding:1.25rem;border:1px solid rgba(120,160,255,.25);display:flex;flex-direction:column;gap:.75rem}.connection-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(120,160,255,.25);background:#080e1ca6}.connection-actions{display:flex;align-items:center;gap:.6rem}.connection-label{font-size:.85rem;color:var(--muted)}.connection-pill{font-size:.75rem;padding:.3rem .7rem;border-radius:999px;border:1px solid rgba(120,160,255,.4);text-transform:uppercase;letter-spacing:.08em;background:#43d8ff14;color:var(--text)}.connection-pill.connected{border-color:#43d8ffb3;color:var(--cyan)}.connection-pill.disconnected{border-color:#ff6b6bb3;color:var(--danger)}.connection-pill.checking{border-color:#ffb547b3;color:var(--warning)}.btn-secondary{padding:.4rem .75rem;border-radius:999px;border:1px solid rgba(120,160,255,.5);background:#0a1224d9;color:var(--text);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.btn-secondary:hover{border-color:var(--cyan);box-shadow:0 0 12px #43d8ff33;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.control-label{font-size:.95rem;color:var(--muted);margin-bottom:.15rem}.control-subtext{font-size:.85rem;color:#9ab0d2cc}.select{width:100%;padding:.75rem .9rem;border-radius:12px;background:#080e1ce6;border:1px solid rgba(120,160,255,.35);color:var(--text);font-size:.95rem;outline:none}.inline-error{font-size:.85rem;color:var(--danger)}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;border-radius:18px;border:1.5px dashed rgba(120,160,255,.5);background:#080c1899;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease}.upload-zone:hover{border-color:var(--cyan);box-shadow:0 0 20px #43d8ff33}.upload-icon{font-size:2.8rem;margin-bottom:.75rem}.upload-text{font-size:1.05rem;color:var(--text)}.upload-subtext{font-size:.85rem;color:var(--muted)}.hidden-input{display:none}.upload-divider{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;position:relative}.upload-divider:before,.upload-divider:after{content:"";flex:1;height:1px;background:#78a0ff40;margin:0 .75rem}.url-input{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.url-field{padding:.7rem .9rem;border-radius:12px;background:#080e1ce6;border:1px solid rgba(120,160,255,.35);color:var(--text);font-size:.9rem;outline:none}.url-field::placeholder{color:#9ab0d299}.url-button{padding:.65rem 1rem;border-radius:12px;border:1px solid rgba(120,160,255,.5);background:#0a1224d9;color:var(--text);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.url-button:hover{border-color:var(--cyan);box-shadow:0 0 12px #43d8ff33;transform:translateY(-1px)}.url-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.url-error{font-size:.8rem;color:var(--danger)}.preview-block{display:flex;flex-direction:column;gap:1rem}.preview-img{width:100%;height:320px;object-fit:cover;border-radius:14px;border:1px solid rgba(120,160,255,.35);box-shadow:0 12px 24px #060c1c59}.btn-primary{width:100%;padding:.85rem 1.5rem;border-radius:14px;border:none;background:linear-gradient(120deg,#2b78ff,#6f88ff,#43d8ff);color:#0a0f1f;font-weight:700;font-size:1.05rem;cursor:pointer;box-shadow:0 12px 25px #43d8ff33;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 30px #43d8ff47}.btn-primary.disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.empty-state{text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:.75rem}.empty-icon{font-size:3.2rem;opacity:.6}.empty-text{font-size:1.1rem}.error-box{text-align:center;padding:1.5rem;border-radius:16px;background:#3c0c128c;border:1px solid rgba(255,107,107,.4)}.error-icon{font-size:2.6rem;margin-bottom:.5rem}.error-text{color:var(--danger);font-weight:700}.result-content{display:flex;flex-direction:column;gap:1.5rem}.main-label{padding:1.5rem;border-radius:16px;background:#0a1224cc;border:1px solid rgba(120,160,255,.3);text-align:center}.result-emoji{font-size:3.5rem;margin-bottom:.75rem}.result-title{font-size:2rem;font-weight:800}.stats-box{padding:1.5rem;border-radius:16px;background:#080c18b3;border:1px solid rgba(120,160,255,.3)}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-row-border{padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid rgba(120,160,255,.2)}.stat-label{color:var(--muted)}.stat-value{color:var(--text);font-weight:600}.stat-value.mono{font-family:JetBrains Mono,Fira Code,monospace}.confidence-badge{padding:.25rem .75rem;border-radius:999px;border:1px solid;font-weight:700;background:#080c1899}.warning-box{padding:1rem;border-radius:12px;background:#ffb54726;border:1px solid rgba(255,181,71,.4)}.warning-text{color:var(--warning);font-weight:600;display:flex;align-items:center}.info-box{background:#080c1899;border-radius:12px;padding:1rem;color:var(--muted);border:1px solid rgba(120,160,255,.25)}.info-title{font-weight:700;color:var(--text);margin-bottom:.5rem}.info-list{margin:0;padding-left:1.2rem;line-height:1.6}.model-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.model-card{background:#080c18b3;border:1px solid rgba(120,160,255,.3);border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:.85rem}.model-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.model-title{font-weight:700;color:var(--text)}.model-subtitle{color:var(--muted);font-size:.85rem}.model-decision{font-size:.75rem;padding:.3rem .6rem;border-radius:999px;border:1px solid rgba(120,160,255,.4);color:var(--text);background:#43d8ff14;text-transform:uppercase;letter-spacing:.08em}.model-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.metric-label{font-size:.75rem;color:var(--muted);margin-bottom:.25rem}.metric-value{font-weight:600;color:var(--text)}.model-warning{font-size:.8rem;color:var(--warning)}.disclaimer{margin-top:2rem;padding:1rem;border-radius:14px;background:#3c0c1280;border:1px solid rgba(255,107,107,.35)}.disclaimer-text{color:#ffb3b3;text-align:center;font-size:.85rem}.reveal{animation:rise .7s ease both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.app-card{padding:1.75rem}.panel{min-height:auto}.preview-img{height:240px}}