body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f4f6;color:#0f172a}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header-bar{position:sticky;top:0;z-index:10;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb}.app-header-inner{max-width:1120px;margin:0 auto;padding:10px 16px}.app-header-brand{display:flex;align-items:center;gap:10px}.app-logo-pill{width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,#4f46e5,#a855f7);display:flex;align-items:center;justify-content:center}.app-logo-dot{width:12px;height:12px;border-radius:999px;background:#e5e7eb}.app-header-text h1,.app-title{margin:0;font-size:1.1rem;font-weight:700}.app-subtitle{margin:0;font-size:.75rem;color:#6b7280}.app-root{max-width:1120px;margin:0 auto;padding:20px 16px 40px}.app-main{display:flex;flex-direction:column;gap:24px}.upload-card-compact{display:flex;justify-content:space-between;align-items:center;gap:12px}.upload-card-compact-text{margin:0;font-size:.9rem;color:#4b5563}.upload-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 18px 40px #0f172a14;padding:16px}.upload-panel{padding:8px 0 0;border-radius:12px;border:none;background:transparent}.upload-hero{display:flex;align-items:center;gap:16px;padding:8px 4px 16px}.upload-hero-icon{width:48px;height:48px;border-radius:999px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#f9fafb;font-size:1.4rem}.upload-hero-copy{display:flex;flex-direction:column;gap:4px}.upload-hero-title{margin:0;font-size:1.2rem;font-weight:600}.upload-hero-subtitle{margin:0;font-size:.9rem;color:#6b7280}.upload-dropzone{margin-top:12px;padding:28px 24px;border-radius:16px;border:1px dashed #cbd5f5;text-align:center;position:relative;background:#f9fafb;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.upload-dropzone input[type=file]{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.upload-dropzone-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}.upload-dropzone-icon{width:72px;height:72px;border-radius:999px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);display:flex;align-items:center;justify-content:center;font-size:2.1rem}.upload-dropzone-title{margin:4px 0 0;font-size:1.1rem;font-weight:600}.upload-dropzone-subtitle{margin:0;font-size:.9rem;color:#6b7280}.upload-dropzone-active{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 1px #6366f140}.upload-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}.upload-hint-pill{padding:4px 8px;border-radius:999px;background:#e5e7eb;color:#4b5563;font-size:.75rem}.upload-button{display:inline-block;padding:9px 18px;border-radius:999px;background-image:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-weight:600;font-size:.9rem;border:none;box-shadow:0 10px 25px #4f46e540;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,background-position .12s ease;background-size:140% 140%}.upload-button:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 30px #4f46e54d}.upload-button:active{transform:translateY(0);box-shadow:0 8px 18px #4f46e538}.secondary-button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-size:.85rem;font-weight:500;cursor:pointer;box-shadow:0 8px 20px #0f172a0f;transition:background-color .12s ease,box-shadow .12s ease,transform .12s ease,color .12s ease,border-color .12s ease}.secondary-button:hover{background:#f9fafb;transform:translateY(-1px);box-shadow:0 12px 26px #0f172a1a}.secondary-button:active{transform:translateY(0);box-shadow:0 6px 16px #0f172a14}.error-banner{padding:8px 12px;border-radius:8px;background:#fee2e2;color:#7f1d1d}.preview-section{padding:16px;border-radius:12px;border:1px solid #e5e7eb;max-width:320px;min-height:360px}.preview-image{max-width:100%;max-height:330px;border-radius:8px;object-fit:cover}.preview-unsupported{padding:24px 12px;border-radius:10px;background:#f9fafb;border:1px dashed #e5e7eb;font-size:.85rem;color:#4b5563}.analysis-section{padding:16px;border-radius:12px;border:1px solid #e5e7eb;min-height:360px}.results-layout{display:flex;flex-direction:column;gap:24px;margin-top:24px}@media (min-width: 768px){.results-layout{flex-direction:row;align-items:flex-start}.preview-section,.analysis-section{flex:1}}.results-card{background:#fff;box-shadow:0 18px 40px #0f172a14}.results-card-title{margin:0 0 12px;font-size:1rem;font-weight:600}.results-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.results-header-main{display:flex;align-items:center;gap:10px}.results-header-icon{width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,#6366f114,#8b5cf629);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.results-card-subtitle{margin:0;font-size:.8rem;color:#6b7280}.preview-meta{margin-top:12px;display:flex;flex-direction:column;gap:6px;font-size:.85rem}.preview-meta-row{display:flex;justify-content:space-between;gap:8px}.preview-meta-label{color:#6b7280}.preview-meta-value{color:#111827;font-weight:500}.primary-verdict{margin-bottom:16px}.verdict-pill{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:.9rem;font-weight:600}.verdict-pill-good{background:#16a34a26;color:#166534}.verdict-pill-bad{background:#dc26261f;color:#b91c1c}.verdict-pill-uncertain{background:#eab3081f;color:#92400e}.primary-verdict-subtitle{margin-top:8px;margin-bottom:0;font-size:.9rem;color:#6b7280}.feedback-section{margin-top:20px}.feedback-title{margin:0 0 8px;font-size:.95rem;font-weight:600}.feedback-options{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 640px){.feedback-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.feedback-option{border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb;padding:10px 12px;text-align:left;display:flex;flex-direction:column;gap:2px}.feedback-option-yes{border-color:#22c55e73}.feedback-option-no{border-color:#ef444473}.feedback-option-active.feedback-option-yes{background:#16a34a1f}.feedback-option-active.feedback-option-no{background:#ef44441f}.feedback-option-label{font-size:.9rem;font-weight:600}.feedback-option-help{font-size:.8rem;color:#6b7280}.feedback-form{margin-top:16px;display:flex;flex-direction:column;gap:10px}.field-group{display:flex;flex-direction:column;gap:4px}.field-group-error .field-label{color:#b91c1c}.field-group-error .field-input,.field-group-error .field-textarea{border-color:#f97373;box-shadow:0 0 0 1px #f8717199}.field-group-error .upload-button.field-file-button{box-shadow:0 0 0 1px #f87171b3,0 10px 25px #4f46e540}.field-label{font-size:.8rem;color:#6b7280}.field-input{background:#fff;border-radius:8px;border:1px solid #e5e7eb;padding:8px 10px;color:#111827;font-size:.9rem}.field-input:focus{outline:none;border-color:#2563eb}.field-textarea{resize:vertical;min-height:72px}.field-input-file{padding:6px 8px}.field-file-wrapper{display:inline-flex;align-items:center;gap:8px}.field-file-input-hidden{position:absolute;opacity:0;width:0;height:0}.field-file-button{margin-top:2px}.field-help{font-size:.75rem;color:#6b7280}.feedback-status{margin-top:4px;font-size:.8rem;color:#6b7280}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.signal-card{padding:12px 14px;border-radius:10px;background:#020617;border:1px solid #1f2937}.signal-card-header{display:flex;justify-content:space-between;gap:8px;align-items:center}.signal-subtitle{margin:0;color:#9ca3af;font-size:.875rem}.score-pill{padding:4px 10px;border-radius:999px;background:#111827;font-size:.75rem}.signal-no-flags{margin-top:8px;color:#9ca3af;font-size:.9rem}.signal-flags{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.flag{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,4fr) auto;gap:6px;align-items:baseline;font-size:.85rem}.flag-code{font-weight:600;color:#e5e7eb}.flag-message{color:#d1d5db}.flag-severity{font-size:.75rem;padding:2px 6px;border-radius:999px;border:1px solid #374151}.flag-low .flag-severity{border-color:#16a34a;color:#bbf7d0}.flag-medium .flag-severity{border-color:#facc15;color:#fef9c3}.flag-high .flag-severity{border-color:#ef4444;color:#fee2e2}