.ecom-container{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.ecom-layout-grid{display:flex;flex-direction:column;gap:2rem;width:100%}.ecom-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);padding:2.25rem;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:1.75rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.ecom-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent),var(--accent));opacity:.7}.ecom-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 12px 24px #0003}.ecom-form{display:flex;flex-direction:column;gap:1.5rem}.ecom-textarea{width:100%;min-height:110px;background:var(--bg-base);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:.9rem 1.25rem;color:var(--text-1);font-family:inherit;font-size:.92rem;outline:none;resize:vertical;transition:all .2s ease}.ecom-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent)}.ecom-select{width:100%;background:var(--bg-base);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:.9rem 1.25rem;color:var(--text-1);font-family:inherit;font-size:.92rem;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1.25rem center;background-size:1rem}.ecom-select:focus{border-color:var(--accent)}.ecom-image-dropzone{border:2px dashed var(--border);border-radius:var(--r-lg);padding:2.25rem;text-align:center;cursor:pointer;background:var(--surface-2);transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.65rem;color:var(--text-3);font-size:.85rem}.ecom-image-dropzone:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--text-2)}.ecom-image-preview-container{position:relative;width:100%;max-height:280px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);background:#09090b;display:flex;align-items:center;justify-content:center;padding:.5rem}.ecom-image-preview-wrapper{position:relative;display:inline-block;max-width:100%;max-height:270px}.ecom-image-preview{max-width:100%;max-height:270px;display:block;object-fit:contain;border-radius:var(--r-md)}.ecom-scanner-laser{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 10px var(--accent);z-index:10;pointer-events:none;animation:scanLaser 2.2s infinite ease-in-out}@keyframes scanLaser{0%{top:0%}50%{top:100%}to{top:0%}}.ecom-bounding-box{position:absolute;border:2.5px solid var(--danger);background-color:var(--danger-soft);box-shadow:0 0 12px var(--danger);border-radius:4px;pointer-events:none;animation:pulseBox 2s infinite ease-in-out}@keyframes pulseBox{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.02);opacity:.5}to{transform:scale(1);opacity:.9}}.ecom-bounding-label{position:absolute;top:-24px;left:-2px;background:var(--danger);color:var(--accent-contrast);font-size:.7rem;font-weight:800;padding:.2rem .5rem;border-radius:4px 4px 0 0;white-space:nowrap;box-shadow:0 4px 6px #00000026}.ecom-scorecard-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.25rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}.ecom-scorecard-title{font-size:1.25rem;font-weight:800;color:var(--text-1)}.ecom-results-content{display:flex;flex-direction:column;gap:1.75rem}.ecom-risk-widget{display:flex;align-items:center;gap:1.75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.75rem}@media (max-width: 480px){.ecom-risk-widget{flex-direction:column;text-align:center}}.ecom-risk-meter{position:relative;width:110px;height:110px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ecom-risk-meter-circle{width:100%;height:100%;transform:rotate(-90deg)}.ecom-risk-meter-bg{fill:none;stroke:var(--border);stroke-width:8}.ecom-risk-meter-val{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.ecom-risk-meter-text{position:absolute;font-size:1.5rem;font-weight:800;color:var(--text-1)}.ecom-risk-info{display:flex;flex-direction:column;gap:.5rem}.ecom-verdict-title{font-size:.85rem;color:var(--text-3);font-weight:600;text-transform:uppercase}.ecom-verdict-badge{align-self:flex-start;font-size:.8rem;font-weight:800;padding:.3rem .85rem;border-radius:50px;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm)}@media (max-width: 480px){.ecom-verdict-badge{align-self:center}}.ecom-verdict-badge.safe{background:var(--success-soft);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 40%,transparent)}.ecom-verdict-badge.warning{background:var(--warning-soft);color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 40%,transparent)}.ecom-verdict-badge.blocked{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent)}.ecom-verdict-desc{font-size:.88rem;color:var(--text-2);line-height:1.5}.ecom-metrics-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:.25rem}@media (max-width: 480px){.ecom-metrics-bar{grid-template-columns:repeat(2,1fr)}}.ecom-metric-tile{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--r-lg);padding:.75rem;text-align:center;display:flex;flex-direction:column;gap:.25rem;transition:all .2s ease}.ecom-metric-tile:hover{border-color:var(--accent)}.ecom-metric-value{font-size:1.25rem;font-weight:800;color:var(--text-1)}.ecom-metric-title{font-size:.68rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.ecom-table-container{display:flex;flex-direction:column;gap:.85rem}.ecom-table-header{font-size:.95rem;font-weight:750;color:var(--text-1);display:flex;align-items:center;gap:.5rem}.ecom-audit-table{display:flex;flex-direction:column;gap:.75rem}.ecom-audit-row{display:grid;grid-template-columns:100px 1fr 1fr;padding:1.15rem 1.4rem;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--r-lg);align-items:center;font-size:.9rem;gap:1.25rem;transition:all .2s ease}.ecom-audit-row.block{border-left:4px solid var(--danger)}.ecom-audit-row.warn{border-left:4px solid var(--warning)}.ecom-audit-row.pass{border-left:4px solid var(--success)}.ecom-audit-row:hover{transform:translate(3px);border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 4px 12px #0000001a}@media (max-width: 640px){.ecom-audit-row{grid-template-columns:1fr;gap:.75rem;padding:1.25rem}}.ecom-status-pill{font-size:.72rem;font-weight:800;text-transform:uppercase;padding:.25rem .6rem;border-radius:4px;text-align:center;display:inline-block;width:fit-content;letter-spacing:.05em}.ecom-status-pill.pass{background:var(--success-soft);color:var(--success)}.ecom-status-pill.warn{background:var(--warning-soft);color:var(--warning)}.ecom-status-pill.block{background:var(--danger-soft);color:var(--danger)}.ecom-issue-col{display:flex;flex-direction:column;gap:.3rem}.ecom-issue-title{font-weight:750;color:var(--text-1)}.ecom-issue-desc{color:var(--text-3);font-size:.82rem;line-height:1.45}.ecom-resolution-col{display:flex;flex-direction:column;gap:.35rem}.ecom-resolution-label{font-size:.72rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.ecom-resolution-text{font-weight:650;line-height:1.4;padding:.35rem .65rem;border-radius:4px;background:var(--surface-2);border:1px solid var(--border);width:fit-content}.ecom-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;color:var(--text-3);font-size:.92rem;gap:.85rem;background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--r-xl);height:100%}