.layout{min-height:100vh;display:flex;flex-direction:column}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--av-space-4) var(--av-space-6);background:var(--av-bg-primary);border-bottom:1px solid var(--av-border-subtle)}.nav-brand{font-family:var(--av-font-serif);font-size:1.25rem;font-weight:600;color:var(--av-text-primary)}.nav-brand:hover{color:var(--av-text-primary)}.nav-links{display:flex;gap:var(--av-space-6)}.nav-links a{color:var(--av-text-secondary);font-size:.875rem;font-weight:500;padding:var(--av-space-2) var(--av-space-3);border-radius:var(--av-radius-sm);transition:background-color .15s ease-out,color .15s ease-out}.nav-links a:hover{background:var(--av-bg-secondary);color:var(--av-text-primary)}.nav-links a.active{background:var(--av-gold-subtle);color:var(--av-gold)}.nav-user{display:flex;align-items:center;gap:var(--av-space-4)}.nav-email{font-size:.875rem;color:var(--av-text-muted)}.btn-ghost{background:transparent;border:none;color:var(--av-text-secondary);font-size:.875rem;font-weight:500;padding:var(--av-space-2) var(--av-space-3);border-radius:var(--av-radius-sm);transition:background-color .15s ease-out}.btn-ghost:hover{background:var(--av-bg-secondary)}.main-content{flex:1;padding:var(--av-space-8) var(--av-space-6);max-width:1280px;width:100%;margin:0 auto}@media(max-width:768px){.nav-bar{flex-wrap:wrap;gap:var(--av-space-3);padding:var(--av-space-3) var(--av-space-4)}.nav-links{order:3;width:100%;justify-content:center;gap:var(--av-space-2)}.nav-email{display:none}.main-content{padding:var(--av-space-4)}}.admin-layout{display:flex;gap:var(--av-space-8);min-height:calc(100vh - 200px)}.admin-sidebar{width:200px;flex-shrink:0}.admin-sidebar-title{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--av-text-muted);margin-bottom:var(--av-space-4)}.admin-nav{display:flex;flex-direction:column;gap:var(--av-space-1)}.admin-nav a{display:block;padding:var(--av-space-2) var(--av-space-3);color:var(--av-text-secondary);font-size:.875rem;font-weight:500;border-radius:var(--av-radius-sm);transition:background-color .15s ease-out,color .15s ease-out}.admin-nav a:hover{background:var(--av-bg-secondary);color:var(--av-text-primary)}.admin-nav a.active{background:var(--av-gold-subtle);color:var(--av-gold)}.admin-content{flex:1;min-width:0}@media(max-width:768px){.admin-layout{flex-direction:column;gap:var(--av-space-4)}.admin-sidebar{width:100%}.admin-nav{flex-direction:row;flex-wrap:wrap;gap:var(--av-space-2)}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--av-space-4);background:var(--av-bg-primary)}.login-card{background:var(--av-surface);border:1px solid var(--av-border-subtle);border-radius:var(--av-radius);box-shadow:var(--av-shadow-lg);padding:var(--av-space-10);width:100%;max-width:400px;animation:fade-in .2s ease-out}.login-title{font-size:1.5rem;text-align:center;margin-bottom:var(--av-space-1)}.login-subtitle{text-align:center;color:var(--av-text-muted);font-size:.875rem;margin-bottom:var(--av-space-8)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--av-text-secondary);margin-bottom:var(--av-space-2)}.form-input{display:block;width:100%;padding:var(--av-space-3) var(--av-space-4);background:var(--av-surface);border:1px solid var(--av-border);border-radius:var(--av-radius-sm);font-size:1rem;color:var(--av-text-primary);margin-bottom:var(--av-space-4);transition:border-color .15s ease-out,box-shadow .15s ease-out}.form-input::placeholder{color:var(--av-text-muted)}.form-input:focus{outline:none;border-color:var(--av-gold);box-shadow:0 0 0 3px #a6894a26}.form-error{color:var(--av-error-text);font-size:.875rem;margin-bottom:var(--av-space-4);padding:var(--av-space-2) var(--av-space-3);background:var(--av-error-light);border-radius:var(--av-radius-sm)}.btn-primary{display:block;width:100%;padding:var(--av-space-3) var(--av-space-4);background:var(--av-gold);color:var(--av-text-inverse);border:none;border-radius:var(--av-radius-sm);font-size:1rem;font-weight:600;transition:background-color .15s ease-out}.btn-primary:hover:not(:disabled){background:var(--av-gold-hover)}.btn-link{display:block;width:100%;text-align:center;background:none;border:none;color:var(--av-text-muted);font-size:.875rem;margin-top:var(--av-space-4);padding:var(--av-space-2)}.btn-link:hover{color:var(--av-gold)}.code-hint{font-size:.875rem;color:var(--av-text-secondary);margin-bottom:var(--av-space-4);text-align:center}.page-title{font-size:1.5rem;margin-bottom:var(--av-space-6)}.page-loading{text-align:center;color:var(--av-text-muted);padding:var(--av-space-16) 0}.empty-state{text-align:center;padding:var(--av-space-16) 0;animation:fade-in .2s ease-out}.empty-state h2{font-size:1.25rem;margin-bottom:var(--av-space-2)}.empty-state p{color:var(--av-text-muted);margin-bottom:var(--av-space-6)}.btn-primary-inline{display:inline-block;padding:var(--av-space-3) var(--av-space-6);background:var(--av-gold);color:var(--av-text-inverse);border-radius:var(--av-radius-sm);font-weight:600;font-size:.875rem;transition:background-color .15s ease-out}.btn-primary-inline:hover{background:var(--av-gold-hover);color:var(--av-text-inverse)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--av-space-6);animation:fade-in .2s ease-out}.scan-card{background:var(--av-surface);border:1px solid var(--av-border-subtle);border-radius:var(--av-radius);overflow:hidden;box-shadow:var(--av-shadow-sm);transition:box-shadow .15s ease-out,transform .15s ease-out;color:inherit}.scan-card:hover{box-shadow:var(--av-shadow-md);transform:translateY(-2px);color:inherit}.scan-card-image{width:100%;height:200px;object-fit:cover;display:block}.scan-card-placeholder{width:100%;height:200px;background:var(--av-surface-muted)}.scan-card-body{padding:var(--av-space-4)}.scan-card-title{font-family:var(--av-font-serif);font-size:1rem;font-weight:600;margin-bottom:var(--av-space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scan-card-artist{font-size:.875rem;color:var(--av-text-secondary);margin-bottom:var(--av-space-2)}.scan-card-date{font-size:.75rem;color:var(--av-text-muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--av-space-4);margin-top:var(--av-space-8)}.pagination-info{font-size:.875rem;color:var(--av-text-muted)}.btn-secondary{padding:var(--av-space-2) var(--av-space-4);background:transparent;border:1px solid var(--av-border);border-radius:var(--av-radius-sm);color:var(--av-text-primary);font-size:.875rem;font-weight:500;transition:background-color .15s ease-out}.btn-secondary:hover:not(:disabled){background:var(--av-bg-tertiary)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.scan-detail{animation:fade-in .2s ease-out}.back-link{display:inline-block;font-size:.875rem;color:var(--av-text-muted);margin-bottom:var(--av-space-6)}.back-link:hover{color:var(--av-gold)}.scan-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--av-space-8);align-items:start}.scan-detail-image-wrap{position:sticky;top:var(--av-space-8)}.scan-detail-image{width:100%;border-radius:var(--av-radius);box-shadow:var(--av-shadow)}.scan-detail-placeholder{width:100%;aspect-ratio:4/3;background:var(--av-surface-muted);border-radius:var(--av-radius);display:flex;align-items:center;justify-content:center;color:var(--av-text-muted)}.scan-detail-title{font-size:1.875rem;margin-bottom:var(--av-space-6)}.scan-meta{display:grid;grid-template-columns:auto 1fr;gap:var(--av-space-2) var(--av-space-4);margin-bottom:var(--av-space-6);padding:var(--av-space-4);background:var(--av-surface);border:1px solid var(--av-border-subtle);border-radius:var(--av-radius)}.scan-meta dt{font-size:.875rem;font-weight:500;color:var(--av-text-muted)}.scan-meta dd{font-size:.875rem;color:var(--av-text-primary)}.scan-conversation,.scan-context{margin-bottom:var(--av-space-6)}.scan-conversation h2,.scan-context h2{font-size:1.125rem;margin-bottom:var(--av-space-3)}.scan-conversation p,.scan-context p{font-size:.9375rem;color:var(--av-text-secondary);line-height:1.7}.scan-detail-date{display:block;font-size:.75rem;color:var(--av-text-muted);margin-top:var(--av-space-4)}.not-analyzed-text{color:var(--av-text-muted);font-style:italic;margin-bottom:var(--av-space-6)}.analyze-error{color:var(--av-error-text);margin-bottom:var(--av-space-4)}.analyze-btn{margin-bottom:var(--av-space-4)}.hint-form{background:var(--av-surface);border:1px solid var(--av-border-subtle);border-radius:var(--av-radius);padding:var(--av-space-4);margin-bottom:var(--av-space-4)}.hint-field{margin-bottom:var(--av-space-3)}.hint-field label{display:block;font-size:.875rem;font-weight:500;color:var(--av-text-muted);margin-bottom:var(--av-space-1)}.hint-field input{width:100%;padding:var(--av-space-2) var(--av-space-3);border:1px solid var(--av-border-subtle);border-radius:var(--av-radius-sm);background:var(--av-surface-muted);color:var(--av-text-primary);font-size:.875rem}.hint-field input:focus{outline:none;border-color:var(--av-gold)}.hint-actions{display:flex;gap:var(--av-space-2);justify-content:flex-end;margin-top:var(--av-space-4)}.btn-primary{background:var(--av-gold);color:var(--av-surface);border:none;padding:var(--av-space-2) var(--av-space-4);border-radius:var(--av-radius-sm);font-weight:500;cursor:pointer}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--av-text-secondary);border:1px solid var(--av-border-subtle);padding:var(--av-space-2) var(--av-space-4);border-radius:var(--av-radius-sm);font-weight:500;cursor:pointer}.btn-secondary:hover:not(:disabled){border-color:var(--av-gold);color:var(--av-gold)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.page-error{text-align:center;color:var(--av-error-text);padding:var(--av-space-16) 0}@media(max-width:768px){.scan-detail-layout{grid-template-columns:1fr}.scan-detail-image-wrap{position:static}}.upload-page{max-width:640px;margin:0 auto;animation:fade-in .2s ease-out}.upload-form{display:flex;flex-direction:column;gap:var(--av-space-6)}.drop-zone{border:2px dashed var(--av-border);border-radius:var(--av-radius);padding:var(--av-space-12);text-align:center;cursor:pointer;transition:border-color .15s ease-out,background-color .15s ease-out}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--av-gold);background:var(--av-gold-subtle)}.drop-zone.has-preview{padding:0;border-style:solid;border-color:var(--av-border-subtle)}.drop-zone-preview{width:100%;max-height:400px;object-fit:contain;border-radius:var(--av-radius)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:var(--av-space-2)}.drop-zone-label{font-weight:500;color:var(--av-text-secondary)}.drop-zone-hint{font-size:.75rem;color:var(--av-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hints-section{background:var(--av-surface);border:1px solid var(--av-border-subtle);border-radius:var(--av-radius);padding:var(--av-space-6)}.hints-title{font-size:1rem;margin-bottom:var(--av-space-1)}.hints-description{font-size:.875rem;color:var(--av-text-muted);margin-bottom:var(--av-space-4)}.hints-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--av-space-4)}.hints-full{grid-column:1 / -1}@media(max-width:640px){.hints-grid{grid-template-columns:1fr}}.download-page{max-width:640px}.latest-build{margin-bottom:var(--av-space-8)}.latest-build-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--av-text-muted);margin-bottom:var(--av-space-3)}.build-card{background:var(--av-surface);border:1px solid var(--av-border-subtle);border-radius:var(--av-radius);padding:var(--av-space-4) var(--av-space-5);display:flex;align-items:center;gap:var(--av-space-4)}.build-card--latest{box-shadow:var(--av-shadow-sm)}.build-card-info{display:flex;align-items:baseline;gap:var(--av-space-2);min-width:0;flex-shrink:0}.build-version{font-weight:600;font-size:1rem;white-space:nowrap}.build-sha{font-family:monospace;font-size:.8rem;color:var(--av-text-muted);display:inline-block;max-width:7ch;overflow:hidden;text-overflow:ellipsis}.build-card-meta{display:flex;gap:var(--av-space-4);font-size:.8rem;color:var(--av-text-secondary);margin-left:auto;white-space:nowrap;flex-shrink:0}.older-builds-label{font-size:.875rem;font-weight:600;color:var(--av-text-muted);margin-bottom:var(--av-space-3)}.builds-list{display:flex;flex-direction:column;gap:var(--av-space-2)}.builds-list .build-card{box-shadow:none}.builds-list .build-version{font-size:.875rem}@media(max-width:640px){.build-card{flex-wrap:wrap}.build-card-meta{margin-left:0;width:100%}.build-card button{width:100%}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--av-space-4);margin-bottom:var(--av-space-8)}.stat-card{background:var(--av-surface);border:1px solid var(--av-border-subtle);border-radius:var(--av-radius);padding:var(--av-space-6);display:flex;flex-direction:column;gap:var(--av-space-2);box-shadow:var(--av-shadow-sm)}.stat-value{font-family:var(--av-font-serif);font-size:2.25rem;font-weight:600;color:var(--av-text-primary);line-height:1}.stat-label{font-size:.875rem;color:var(--av-text-muted);text-transform:uppercase;letter-spacing:.05em}.admin-table-wrap{overflow-x:auto;margin-bottom:var(--av-space-6)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;font-size:.75rem;font-weight:600;color:var(--av-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--av-space-3) var(--av-space-4);border-bottom:1px solid var(--av-border)}.admin-table td{padding:var(--av-space-3) var(--av-space-4);border-bottom:1px solid var(--av-border-subtle);font-size:.875rem;color:var(--av-text-secondary);vertical-align:middle}.admin-table tbody tr:hover{background:var(--av-bg-secondary)}.table-link{color:var(--av-gold);font-weight:500}.table-link:hover{color:var(--av-gold-hover)}.table-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--av-radius-sm)}.table-thumb-placeholder{width:48px;height:48px;background:var(--av-surface-muted);border-radius:var(--av-radius-sm)}.llm-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--av-space-4);margin-bottom:var(--av-space-6)}.llm-detail-item{display:flex;flex-direction:column;gap:var(--av-space-1)}.llm-detail-label{font-size:.75rem;color:var(--av-text-muted);text-transform:uppercase;letter-spacing:.05em}.llm-detail-section{margin-bottom:var(--av-space-6)}.llm-detail-section h3{font-size:.875rem;font-weight:600;color:var(--av-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--av-space-2)}.llm-detail-pre{background:var(--av-surface);border:1px solid var(--av-border-subtle);border-radius:var(--av-radius);padding:var(--av-space-4);font-size:.8125rem;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto}:root{--av-bg-primary: #F7F4EF;--av-bg-secondary: #EDE8E0;--av-bg-tertiary: #E4DED4;--av-surface: #FDFCFA;--av-surface-elevated: #FFFFFF;--av-surface-muted: #F2EEE8;--av-border: #D4CCC0;--av-border-subtle: #E4DED4;--av-border-strong: #B8AFA3;--av-text-primary: #2C2825;--av-text-secondary: #5C554D;--av-text-muted: #8A827A;--av-text-inverse: #FDFCFA;--av-gold: #A6894A;--av-gold-hover: #8B7340;--av-gold-light: #C4A96A;--av-gold-subtle: #F5F0E5;--av-sage: #5E6F5A;--av-sage-hover: #4A5945;--av-sage-light: #7D8E79;--av-sage-subtle: #EEF2ED;--av-slate: #5A6670;--av-slate-hover: #48535C;--av-slate-light: #7A8690;--av-slate-subtle: #ECEEF0;--av-burgundy: #6B3A3A;--av-burgundy-dark: #4A2828;--av-burgundy-light: #9E5A5A;--av-burgundy-subtle: #F9F0F0;--av-success: #4A5E45;--av-success-light: #EEF2ED;--av-error: #9E5A5A;--av-error-hover: #8A4A4A;--av-error-light: #F9F0F0;--av-error-text: #7A4545;--av-warning: #B8923E;--av-warning-light: #FBF6EC;--av-info: #5A6878;--av-info-light: #EEF0F2;--av-font-serif: "Source Serif Pro", Georgia, serif;--av-font-sans: "Inter", system-ui, -apple-system, sans-serif;--av-space-1: .25rem;--av-space-2: .5rem;--av-space-3: .75rem;--av-space-4: 1rem;--av-space-5: 1.25rem;--av-space-6: 1.5rem;--av-space-8: 2rem;--av-space-10: 2.5rem;--av-space-12: 3rem;--av-space-16: 4rem;--av-radius-sm: .25rem;--av-radius: .5rem;--av-radius-lg: .75rem;--av-radius-full: 9999px;--av-shadow-sm: 0 1px 2px 0 rgba(44, 40, 37, .05);--av-shadow: 0 1px 3px 0 rgba(44, 40, 37, .1), 0 1px 2px -1px rgba(44, 40, 37, .1);--av-shadow-md: 0 4px 6px -1px rgba(44, 40, 37, .1), 0 2px 4px -2px rgba(44, 40, 37, .1);--av-shadow-lg: 0 10px 15px -3px rgba(44, 40, 37, .1), 0 4px 6px -4px rgba(44, 40, 37, .1)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--av-font-sans);color:var(--av-text-primary);background-color:var(--av-bg-primary);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--av-font-serif);font-weight:600;letter-spacing:-.025em}a{color:var(--av-gold);text-decoration:none}a:hover{color:var(--av-gold-hover)}button{cursor:pointer;font-family:var(--av-font-sans)}input{font-family:var(--av-font-sans)}