:root{--primary:#0066a1;--text:#1e293b;--text-light:#64748b;--bg-page:#f8fafc;--border:#e2e8f0}.checker-container{max-width:650px;margin:40px auto;background:#fff;border-radius:12px;border:1px solid var(--border);box-shadow:0 4px 20px rgba(0,0,0,.05);font-family:Plus Jakarta Sans,sans-serif!important;overflow:hidden}.tool-header{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.tool-info h1{font-size:1.25rem;font-weight:700;color:var(--text);margin:0}.tool-info p{font-size:.875rem;color:var(--text-light);margin:4px 0 0}.step-tag{font-size:.75rem;font-weight:700;color:var(--primary);background:#f0f9ff;padding:4px 12px;border-radius:20px;text-transform:uppercase;text-align:center}.progress-track{height:4px;background:#f1f5f9}.progress-bar{height:100%;background:var(--primary);transition:width .4s ease-out}.main-content{padding:40px}.image-frame{position:relative;width:100%;border-radius:10px;overflow:hidden;background:#f1f5f9;border:1px solid var(--border);margin-bottom:24px}.image-frame img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.hint-overlay{position:absolute;bottom:0;left:0;right:0;background:rgba(15,23,42,.7);color:#fff;padding:8px 16px;font-size:.8rem;font-style:italic;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.question-text{font-size:1.5rem;color:var(--text);line-height:1.4;margin-bottom:32px;font-weight:600}.action-row{display:flex;gap:16px}.software-btn{flex:1 1;padding:14px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:1.5px solid transparent}.btn-primary{background:var(--primary);color:#fff;font-family:Plus Jakarta Sans,sans-serif!important}.btn-primary:hover{background:#005587;transform:translateY(-1px)}.btn-outline{background:#fff;border-color:#cbd5e1;color:var(--text);font-family:Plus Jakarta Sans,sans-serif!important}.btn-outline:hover{background:#f8fafc;border-color:#94a3b8}.report-banner{padding:24px;border-radius:10px;border:1px solid;margin-bottom:32px}.status-badge{color:#fff;padding:2px 8px;font-size:.7rem;font-weight:800;border-radius:4px;display:inline-block;margin-bottom:12px}.metric{margin-bottom:16px}.metric label{display:block;font-size:.85rem;color:var(--text-light);margin-bottom:6px}.metric-track{height:8px;background:#f1f5f9;border-radius:10px;overflow:hidden}.metric-fill{height:100%;border-radius:10px;transition:width 1s ease}.tool-footer{padding:20px 40px;background:#fafbfc;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-light);text-align:center}.fade-in{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.checker-container{max-width:360px}}