.audit-page{min-height:100vh;padding:var(--spacing-6,1.5rem);background-color:var(--color-background-secondary,#fafafa);--color-primary-500:#0e8168;--color-primary-600:#075985;--color-primary-700:#0369a1}.audit-container{max-width:64rem;margin:0 auto}.audit-header{margin-bottom:var(--spacing-8,2rem)}.audit-header-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem)}.audit-header-logo{flex-shrink:0}.audit-header h1{font-size:var(--font-size-3xl,1.875rem);font-weight:var(--font-weight-bold,700);margin-bottom:var(--spacing-4,1rem);color:var(--color-text-primary,#171717)}.audit-header p{font-size:var(--font-size-lg,1.125rem);color:var(--color-text-secondary,#525252);line-height:var(--line-height-relaxed,1.625)}.audit-input-section{background-color:var(--color-background-default,#ffffff);padding:var(--spacing-6,1.5rem);border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:var(--spacing-6,1.5rem)}.audit-label{display:block;font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-semibold,600);margin-bottom:var(--spacing-2,.5rem)}.audit-label,.audit-textarea{color:var(--color-text-primary,#171717)}.audit-textarea{width:100%;padding:var(--spacing-3,.75rem) var(--spacing-4,1rem);font-family:var(--font-family-mono,Menlo,Monaco,"Courier New",monospace);font-size:var(--font-size-sm,.875rem);line-height:var(--line-height-relaxed,1.625);background-color:var(--color-background-default,#ffffff);border:1px solid var(--color-border-default,#bbbbbb);border-radius:.375rem;resize:vertical;transition:border-color var(--motion-duration-normal,.2s) var(--motion-easing-ease-out,cubic-bezier(0,0,.2,1))}.audit-page .btn--primary{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.audit-page .btn--primary:hover:not(:disabled){background-color:var(--color-primary-600);border-color:var(--color-primary-600)}.audit-page .btn--primary:focus-visible{outline-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(14,129,104,.2)}.audit-textarea:focus{outline:none;border-color:var(--color-border-focus,#0ea5e9);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.audit-textarea:focus-visible{outline:2px solid var(--color-border-focus,#0ea5e9);outline-offset:2px}.audit-help-text{font-size:var(--font-size-sm,.875rem);color:var(--color-text-secondary,#525252);margin-top:var(--spacing-2,.5rem);margin-bottom:var(--spacing-4,1rem)}.audit-error{padding:var(--spacing-4,1rem);background-color:rgba(239,68,68,.1);border:1px solid var(--color-error-500,#ef4444);border-radius:.375rem;color:var(--color-error-700,#b91c1c);margin-bottom:var(--spacing-6,1.5rem)}.audit-results{background-color:var(--color-background-default,#ffffff);padding:var(--spacing-6,1.5rem);border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.audit-results h2{font-size:var(--font-size-2xl,1.5rem);font-weight:var(--font-weight-semibold,600);margin-bottom:var(--spacing-4,1rem);color:var(--color-text-primary,#171717)}.audit-summary{color:var(--color-text-secondary,#525252);margin-bottom:var(--spacing-6,1.5rem);padding-bottom:var(--spacing-4,1rem);border-bottom:1px solid var(--color-border-default,#bbbbbb)}.audit-success,.audit-summary{font-size:var(--font-size-lg,1.125rem)}.audit-success{padding:var(--spacing-6,1.5rem);background-color:rgba(34,197,94,.1);border:1px solid var(--color-success-500,#22c55e);border-radius:.375rem;color:var(--color-success-700,#15803d);text-align:center}.audit-issues{display:flex;flex-direction:column;gap:var(--spacing-6,1.5rem)}.audit-sc-group{border:1px solid var(--color-border-default,#bbbbbb);border-radius:.375rem;padding:var(--spacing-4,1rem)}.audit-sc-title{font-size:var(--font-size-xl,1.25rem);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#171717);margin-bottom:var(--spacing-4,1rem)}.audit-sc-count{font-weight:var(--font-weight-normal,400);color:var(--color-text-secondary,#525252)}.audit-issue{border-left:4px solid;padding:var(--spacing-3,.75rem);margin-bottom:var(--spacing-3,.75rem);background-color:var(--color-background-secondary,#fafafa);border-radius:.25rem}.audit-issue--error{border-left-color:var(--color-error-500,#ef4444)}.audit-issue--warning{border-left-color:var(--color-warning-500,#f59e0b)}.audit-issue--info{border-left-color:var(--color-primary-500,#0ea5e9)}.audit-issue-header{width:100%;display:flex;align-items:center;gap:var(--spacing-3,.75rem);background:none;border:none;padding:0;cursor:pointer;text-align:left}.audit-severity-badge{display:inline-block;padding:var(--spacing-1,.25rem) var(--spacing-2,.5rem);border-radius:.25rem;color:var(--color-white,#ffffff);font-size:var(--font-size-xs,.75rem);font-weight:var(--font-weight-semibold,600);text-transform:uppercase;flex-shrink:0}.audit-issue-message{flex:1 1;font-weight:var(--font-weight-medium,500);color:var(--color-text-primary,#171717)}.audit-issue-toggle{color:var(--color-text-secondary,#525252);font-size:var(--font-size-sm,.875rem);flex-shrink:0}.audit-issue-details{margin-top:var(--spacing-3,.75rem);padding-top:var(--spacing-3,.75rem);border-top:1px solid var(--color-border-default,#bbbbbb)}.audit-issue-suggestion{margin-bottom:var(--spacing-3,.75rem);color:var(--color-text-primary,#171717);line-height:var(--line-height-relaxed,1.625)}.audit-issue-code{margin-top:var(--spacing-3,.75rem)}.audit-issue-code strong{display:block;margin-bottom:var(--spacing-2,.5rem);color:var(--color-text-primary,#171717)}@media (prefers-contrast:high){.audit-issue{border-left-width:6px}.audit-textarea:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){.audit-textarea{transition:none}}