.validation-wrapper{flex-direction:row;gap:0;width:100%;height:100%;display:flex}.validation-sidebar{background:var(--bg-elev);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:300px;padding:0;display:flex;overflow-y:auto}.validation-header{border-bottom:1px solid var(--line);padding:16px 20px}.validation-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);font-size:10px;font-weight:500}.validation-subtitle{color:var(--ink-3);margin-top:6px;font-size:12px}.validation-counters{gap:8px;padding:12px 20px;display:flex}.validation-counter{border-radius:var(--r-2);text-align:center;border:1px solid var(--line);background:var(--bg-elev);flex:1;padding:10px}.validation-counter-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.validation-counter-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);margin-top:2px;font-size:10px}.validation-counter--valid{background:color-mix(in srgb, var(--data-green) 12%, var(--bg-elev));border-color:color-mix(in srgb, var(--data-green) 35%, var(--line))}.validation-counter--valid .validation-counter-value{color:var(--data-green)}.validation-counter--errors{background:color-mix(in srgb, var(--code-coral) 12%, var(--bg-elev));border-color:color-mix(in srgb, var(--code-coral) 35%, var(--line))}.validation-counter--errors .validation-counter-value{color:var(--code-coral)}.validation-counter--pending{background:var(--surface);border-color:var(--line)}.validation-counter--pending .validation-counter-value{color:var(--ink-3)}.validation-section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;padding:0 20px;font-size:10px;font-weight:500}.validation-section-label--errors{color:var(--code-coral)}.validation-section-label--valid{color:var(--data-green)}.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{background:color-mix(in srgb, var(--code-coral) 10%, var(--bg-elev));border:1px solid color-mix(in srgb, var(--code-coral) 35%, var(--line));border-radius:var(--r-2);cursor:pointer;text-align:left;width:100%;padding:10px;transition:background-color .15s,border-color .15s}.validation-error-card:hover{background:color-mix(in srgb, var(--code-coral) 18%, var(--bg-elev));border-color:color-mix(in srgb, var(--code-coral) 55%, var(--line))}.validation-error-field{color:var(--code-coral);font-size:12px;font-weight:600}.validation-error-message{color:color-mix(in srgb, var(--code-coral) 80%, var(--ink-2));margin-top:2px;font-size:11px;line-height:1.4}.validation-valid-list{flex-direction:column;gap:4px;padding:0 20px;display:flex}.validation-valid-row{background:color-mix(in srgb, var(--data-green) 10%, var(--bg-elev));border:1px solid color-mix(in srgb, var(--data-green) 35%, var(--line));border-radius:var(--r-2);align-items:center;gap:8px;padding:8px 10px;display:flex}.validation-valid-check{color:var(--data-green);font-size:14px;font-weight:700}.validation-valid-name{color:var(--data-green);font-size:12px}.validation-actions{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:12px 20px;display:flex}.validation-btn-primary{background:var(--accent);color:var(--bg);border:1px solid var(--accent);border-radius:var(--r-2);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:10px;font-size:11px;font-weight:500;transition:opacity .15s}.validation-btn-primary:hover{opacity:.9}.validation-btn-secondary{background:var(--surface);color:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-2);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:10px;font-size:11px;font-weight:500;transition:all .15s}.validation-btn-secondary:hover{border-color:var(--ink);color:var(--ink)}.validation-empty{color:var(--ink-3);text-align:center;padding:16px 20px;font-size:13px;line-height:1.5}.validation-viewer-container{flex:1;height:100%;min-height:600px}.validation-viewer{width:100%;height:100%}