.validation-wrapper{flex-direction:row;gap:0;width:100%;height:100%;display:flex}.validation-sidebar{background-color:var(--warm-gray-100);border-right:1px solid var(--warm-gray-400);flex-direction:column;flex-shrink:0;width:300px;padding:0;display:flex;overflow-y:auto}@media (prefers-color-scheme:dark){.validation-sidebar{background-color:var(--warm-gray-950);border-right-color:var(--warm-gray-800)}}.validation-header{border-bottom:1px solid var(--warm-gray-300);padding:16px 20px}@media (prefers-color-scheme:dark){.validation-header{border-bottom-color:var(--warm-gray-800)}}.validation-title{color:var(--black);font-size:15px;font-weight:600}@media (prefers-color-scheme:dark){.validation-title{color:var(--warm-gray-200)}}.validation-subtitle{color:var(--warm-gray-700);margin-top:4px;font-size:11px}@media (prefers-color-scheme:dark){.validation-subtitle{color:var(--warm-gray-500)}}.validation-counters{gap:8px;padding:12px 20px;display:flex}.validation-counter{text-align:center;border:1px solid;border-radius:8px;flex:1;padding:10px}.validation-counter-value{font-size:20px;font-weight:700}.validation-counter-label{text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px}.validation-counter--valid{background-color:#f0fdf4;border-color:#bbf7d0}.validation-counter--valid .validation-counter-value{color:#16a34a}.validation-counter--valid .validation-counter-label{color:#22c55e}.validation-counter--errors{background-color:#fef2f2;border-color:#fecaca}.validation-counter--errors .validation-counter-value{color:#dc2626}.validation-counter--errors .validation-counter-label{color:#ef4444}.validation-counter--pending{background-color:#f8fafc;border-color:#e2e8f0}.validation-counter--pending .validation-counter-value{color:#64748b}.validation-counter--pending .validation-counter-label{color:#94a3b8}@media (prefers-color-scheme:dark){.validation-counter--valid{background-color:#16a34a1a;border-color:#16a34a4d}.validation-counter--errors{background-color:#dc26261a;border-color:#dc26264d}.validation-counter--pending{background-color:#64748b1a;border-color:#64748b4d}}.validation-section-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 20px;font-size:11px;font-weight:600}.validation-section-label--errors{color:#ef4444}.validation-section-label--valid{color:#22c55e}.validation-content{flex-direction:column;flex:1;gap:16px;padding:12px 0;display:flex;overflow-y:auto}.validation-error-list{flex-direction:column;gap:6px;padding:0 20px;display:flex}.validation-error-card{cursor:pointer;text-align:left;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;width:100%;padding:10px;transition:background-color .15s}.validation-error-card:hover{background-color:#fee2e2}@media (prefers-color-scheme:dark){.validation-error-card{background-color:#dc26261a;border-color:#dc26264d}.validation-error-card:hover{background-color:#dc262626}}.validation-error-field{color:#b91c1c;font-size:12px;font-weight:600}@media (prefers-color-scheme:dark){.validation-error-field{color:#fca5a5}}.validation-error-message{color:#dc2626;margin-top:2px;font-size:11px}@media (prefers-color-scheme:dark){.validation-error-message{color:#f87171}}.validation-valid-list{flex-direction:column;gap:4px;padding:0 20px;display:flex}.validation-valid-row{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;display:flex}@media (prefers-color-scheme:dark){.validation-valid-row{background-color:#16a34a1a;border-color:#16a34a4d}}.validation-valid-check{color:#22c55e;font-size:14px}.validation-valid-name{color:#16a34a;font-size:12px}@media (prefers-color-scheme:dark){.validation-valid-name{color:#86efac}}.validation-actions{border-top:1px solid var(--warm-gray-300);flex-direction:column;gap:8px;padding:12px 20px;display:flex}@media (prefers-color-scheme:dark){.validation-actions{border-top-color:var(--warm-gray-800)}}.validation-btn-primary{background:var(--digital-pollen);color:var(--black);cursor:pointer;border:none;border-radius:6px;padding:10px;font-size:13px;font-weight:600;transition:opacity .15s}.validation-btn-primary:hover{opacity:.9}.validation-btn-secondary{color:var(--warm-gray-700);border:1px solid var(--warm-gray-400);cursor:pointer;background:0 0;border-radius:6px;padding:10px;font-size:13px;transition:all .15s}.validation-btn-secondary:hover{border-color:var(--warm-gray-600);color:var(--black)}@media (prefers-color-scheme:dark){.validation-btn-secondary{color:var(--warm-gray-400);border-color:var(--warm-gray-700)}.validation-btn-secondary:hover{border-color:var(--warm-gray-500);color:var(--warm-gray-200)}}.validation-empty{color:var(--warm-gray-700);text-align:center;padding:16px 20px;font-size:13px;line-height:1.5}@media (prefers-color-scheme:dark){.validation-empty{color:var(--warm-gray-500)}}.validation-viewer-container{flex:1;height:100%;min-height:600px}.validation-viewer{width:100%;height:100%}