*{margin:0;padding:0;box-sizing:border-box}:root{--bg-1: #e9edfb;--bg-2: #f6f5fd;--surface: #ffffff;--surface-2: #f3f4fb;--surface-hover: #eceefb;--border: #e6e8f2;--text: #191b2e;--text-muted: #6b7091;--primary: #6366f1;--primary-strong: #4f46e5;--primary-contrast: #ffffff;--primary-soft: rgba(99, 102, 241, .12);--accent: #a855f7;--danger: #dc2626;--danger-soft: #fee2e2;--success-bg: #dcfce7;--success-fg: #166534;--shadow: 0 14px 44px rgba(31, 38, 90, .13);--shadow-sm: 0 3px 12px rgba(31, 38, 90, .09);--radius: 16px;--radius-sm: 10px}[data-theme=dark]{--bg-1: #0d0f17;--bg-2: #151829;--surface: #191c2b;--surface-2: #212536;--surface-hover: #272c40;--border: rgba(255, 255, 255, .07);--text: #e9eaf4;--text-muted: #9aa0bd;--primary: #818cf8;--primary-strong: #a5b4fc;--primary-contrast: #0e1019;--primary-soft: rgba(129, 140, 248, .16);--accent: #c084fc;--danger: #f87171;--danger-soft: rgba(248, 113, 113, .16);--success-bg: rgba(34, 197, 94, .18);--success-fg: #86efac;--shadow: 0 18px 54px rgba(0, 0, 0, .55);--shadow-sm: 0 3px 14px rgba(0, 0, 0, .4)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(1100px 560px at 8% -8%,var(--primary-soft),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(168,85,247,.1),transparent 50%),linear-gradient(165deg,var(--bg-2),var(--bg-1));background-attachment:fixed;min-height:100vh;color:var(--text);transition:color .3s ease}.app{max-width:1200px;margin:0 auto;padding:28px 20px 48px}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;animation:fadeInDown .5s ease both}.header h1{font-size:2.3rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:4px}.logo{filter:drop-shadow(0 4px 10px rgba(99,102,241,.35))}.gradient-text{background:linear-gradient(120deg,var(--primary-strong),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.header p{color:var(--text-muted);margin-top:4px;font-size:.95rem}.theme-toggle{width:46px;height:46px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.25rem;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-sm);transition:transform .25s ease,background-color .3s ease,border-color .3s ease}.theme-toggle:hover{transform:translateY(-2px) rotate(-10deg)}.theme-toggle:active{transform:scale(.92)}.header-actions{display:flex;align-items:center;gap:14px}.tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px}.tabs button{border:none;background:transparent;color:var(--text-muted);padding:7px 14px;border-radius:9px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .2s ease,color .2s ease}.tabs button.active{background:var(--primary);color:var(--primary-contrast)}.container{display:grid;grid-template-columns:1fr 320px;gap:22px}.dashboard{display:flex;flex-direction:column;gap:22px;animation:fadeInUp .5s ease both}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px;transition:transform .2s ease,background-color .3s ease}.stat-tile:hover{transform:translateY(-3px)}.stat-value{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(120deg,var(--primary-strong),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;word-break:break-word}.stat-label{margin-top:6px;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px}.chart-card h3{margin-bottom:20px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:180px;overflow-x:auto;padding-bottom:4px}.bar-col{flex:1;min-width:28px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.bar-value{font-size:.75rem;font-weight:700;color:var(--text-muted)}.bar{width:100%;max-width:46px;min-height:4px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--primary),var(--accent));transition:height .5s cubic-bezier(.22,1,.36,1)}.bar-label{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.main{display:flex;flex-direction:column;gap:22px}.image-upload,.analysis-display,.sidebar,.loading{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:background-color .35s ease,border-color .35s ease;animation:fadeInUp .5s ease both}.image-upload,.analysis-display{padding:28px}.sidebar{padding:20px;height:fit-content}.upload-options{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.option{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}.option label{font-weight:600;font-size:.85rem;color:var(--text-muted)}.option select{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.95rem;cursor:pointer;transition:border-color .2s ease,background-color .3s ease}.option select:focus{outline:none;border-color:var(--primary)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-sm);padding:44px;text-align:center;cursor:pointer;background:var(--surface-2);transition:border-color .25s ease,background-color .25s ease,transform .25s ease}.dropzone:hover{border-color:var(--primary);background:var(--primary-soft)}.dropzone.active{border-color:var(--primary);background:var(--primary-soft);transform:scale(1.01)}.dropzone.disabled{opacity:.5;cursor:not-allowed}.dropzone-primary{font-size:1.1rem;font-weight:600;margin-bottom:6px}.dropzone-secondary{color:var(--text-muted);font-size:.88rem}.preview{margin-top:20px;text-align:center}.preview img,.preview video{max-width:100%;max-height:320px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);animation:fadeInUp .4s ease both}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.preview-grid img{width:100%;height:90px;object-fit:cover}.error-fallback{max-width:560px;margin:80px auto;padding:32px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text)}.error-fallback h2{margin-bottom:10px}.error-fallback p{color:var(--text-muted);margin-bottom:18px}.error-fallback button{background:var(--primary);color:var(--primary-contrast);border:none;padding:10px 18px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.error-banner{background:var(--danger-soft);color:var(--danger);padding:14px 18px;border-radius:var(--radius-sm);border:1px solid transparent;animation:fadeInUp .3s ease both}.loading{padding:30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--text-muted)}.spinner{width:38px;height:38px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.streaming-header{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--primary);margin-bottom:14px}.live-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 #ef444480;animation:livepulse 1.4s ease-in-out infinite}.streaming-text{line-height:1.7;color:var(--text);white-space:pre-wrap;font-size:1.02rem}.stream-cursor{color:var(--primary);font-weight:700;animation:blink 1s step-start infinite}.analysis-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.analysis-header h2{font-size:1.3rem;word-break:break-word}.export-buttons{display:flex;gap:10px}.export-buttons button{background:var(--primary-soft);color:var(--primary-strong);border:1px solid transparent;padding:9px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem;font-weight:600;transition:transform .18s ease,background-color .2s ease}.export-buttons button:hover{transform:translateY(-2px);background:var(--primary);color:var(--primary-contrast)}.export-buttons button:active{transform:translateY(0) scale(.97)}.analysis-image{margin:20px 0;text-align:center}.analysis-image img,.analysis-image video{max-width:100%;max-height:360px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.analysis-display h3{margin-top:24px;margin-bottom:12px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.description p{line-height:1.7;font-size:1.02rem}.objects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.object-card{background:var(--surface-2);padding:14px;border-radius:var(--radius-sm);transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease;animation:fadeInUp .4s ease both}.object-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.object-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:9px}.object-card .name{font-weight:600;font-size:.95rem}.object-card .confidence{color:var(--primary);font-size:.82rem;font-weight:700;flex-shrink:0}.confidence-bar{height:6px;border-radius:999px;background:var(--border);overflow:hidden}.confidence-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent));animation:growBar .8s cubic-bezier(.22,1,.36,1) both;transform-origin:left}.sentiment-badge{display:inline-block;padding:7px 18px;border-radius:999px;background:var(--surface-2);color:var(--text);text-transform:capitalize;font-weight:600;font-size:.9rem}.sentiment-badge.positive,.sentiment-badge.happy,.sentiment-badge.joyful,.sentiment-badge.cheerful{background:var(--success-bg);color:var(--success-fg)}.sentiment-badge.negative,.sentiment-badge.sad,.sentiment-badge.angry{background:var(--danger-soft);color:var(--danger)}.tags-cloud{display:flex;flex-wrap:wrap;gap:9px}.tag{background:var(--primary-soft);color:var(--primary-strong);padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:500;transition:transform .18s ease,background-color .2s ease;animation:popIn .35s ease both}.tag:hover{transform:translateY(-2px);background:var(--primary);color:var(--primary-contrast)}.extracted-text p{background:var(--surface-2);padding:14px;border-radius:var(--radius-sm);white-space:pre-wrap;line-height:1.6}.metadata{margin-top:24px;color:var(--text-muted);font-size:.82rem;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cached-badge{background:var(--success-bg);color:var(--success-fg);padding:3px 10px;border-radius:999px;font-weight:600}.history h3{margin-bottom:14px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.history-search{width:100%;padding:9px 12px;margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:.9rem;transition:border-color .2s ease}.history-search:focus{outline:none;border-color:var(--primary)}.history-empty{color:var(--text-muted);font-size:.9rem}.history-list{list-style:none;display:flex;flex-direction:column;gap:8px}.history-item{display:flex;gap:10px;align-items:center;padding:8px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:background-color .2s ease,transform .2s ease,border-color .2s ease;animation:fadeInUp .35s ease both}.history-item:hover{background:var(--surface-hover);transform:translate(3px)}.history-item.active{background:var(--primary-soft);border-color:var(--primary)}.history-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0}.history-meta{overflow:hidden;flex:1}.history-filename{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-tags{color:var(--text-muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-delete{border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:4px 8px;border-radius:6px;opacity:0;transition:opacity .15s ease,background-color .15s ease,color .15s ease;flex-shrink:0}.history-item:hover .history-delete{opacity:1}.history-delete:hover{background:var(--danger-soft);color:var(--danger)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes growBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes livepulse{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes blink{50%{opacity:0}}.object-card:nth-child(1){animation-delay:.03s}.object-card:nth-child(2){animation-delay:.06s}.object-card:nth-child(3){animation-delay:.09s}.object-card:nth-child(4){animation-delay:.12s}.object-card:nth-child(5){animation-delay:.15s}.object-card:nth-child(6){animation-delay:.18s}.tag:nth-child(1){animation-delay:.02s}.tag:nth-child(2){animation-delay:.05s}.tag:nth-child(3){animation-delay:.08s}.tag:nth-child(4){animation-delay:.11s}.tag:nth-child(5){animation-delay:.14s}.tag:nth-child(6){animation-delay:.17s}.tag:nth-child(7){animation-delay:.2s}.tag:nth-child(8){animation-delay:.23s}.tag:nth-child(9){animation-delay:.26s}.tag:nth-child(10){animation-delay:.29s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:768px){.container{grid-template-columns:1fr}.header h1{font-size:1.7rem}}