:root{--bg-primary:#1a1a1a;--bg-secondary:#222;--bg-tertiary:#2a2a2a;--bg-input:#1e1e1e;--border:#333;--border-focus:#4a4a4a;--text-primary:#d4d0c8;--text-secondary:#8a8578;--text-muted:#5a564e;--green:#2d5a27;--green-light:#3a7a30;--brass:#b5a642;--brass-dim:#8a7e32;--orange:#a52019;--concrete:#a9a9a9;--verdict-strong:#2d5a27;--verdict-watch:#b5a642;--verdict-consider:#8a7e32;--verdict-avoid:#a52019;--verdict-info:#5a564e;--font-display:"Syne", sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius:2px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;margin:0;font-weight:400}::selection{background:var(--brass);color:var(--bg-primary)}#root{max-width:720px;margin:0 auto;padding:3rem 1.5rem 6rem}input,textarea{font-family:var(--font-mono);background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:.6rem .75rem;font-size:.867rem;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--brass-dim)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:3rem}button{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius);border:none;font-size:.8rem;font-weight:600;transition:all .15s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.app{text-align:left}.header{border-bottom:1px solid var(--border);align-items:baseline;gap:1rem;margin-bottom:2.5rem;padding-bottom:1rem;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);text-transform:lowercase;font-size:1.6rem;font-weight:800}.tagline{color:var(--text-muted);letter-spacing:.05em;font-size:.733rem}.input-section{margin-bottom:2rem}.field{flex:1;margin-bottom:.75rem}.field label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.3rem;font-size:.7rem;display:block}.field-row{gap:.75rem;display:flex}.analyze-btn{background:var(--green);color:var(--text-primary);width:100%;margin-top:.5rem;padding:.7rem 2rem}.analyze-btn:hover:not(:disabled){background:var(--green-light)}.analyze-btn:disabled{opacity:.4;cursor:not-allowed}.loading{text-align:center;color:var(--text-secondary);padding:2rem 0;font-size:.8rem}.loading-bar{background:var(--border);height:2px;margin:0 0 1rem;position:relative;overflow:hidden}.loading-bar:after{content:"";background:var(--brass);width:30%;height:100%;animation:1.5s ease-in-out infinite slide;position:absolute;top:0;left:0}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.error-msg{border:1px solid var(--orange);color:#d4a0a0;background:#a5201926;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.8rem}.result{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.verdict-block{background:var(--bg-secondary);border-left:4px solid;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.verdict-label{font-family:var(--font-display);letter-spacing:.04em;margin-bottom:.6rem;font-size:1.8rem;font-weight:800;line-height:1}.score-row{align-items:baseline;gap:.4rem;margin-bottom:.5rem;display:flex}.score-value{font-family:var(--font-display);color:var(--text-primary);font-size:1.4rem;font-weight:700}.score-unit{color:var(--text-muted);font-size:.8rem}.confidence-label{color:var(--text-muted);margin-left:.75rem;font-size:.7rem}.relation-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--border);padding:.2rem .5rem;font-size:.7rem;display:inline-block}.profile-tag{color:var(--text-muted);margin-bottom:1rem;font-size:.733rem}.profile-tag strong{color:var(--text-secondary);font-weight:500}.image-preview{border:1px solid var(--border);max-height:300px;margin-bottom:1.5rem;overflow:hidden}.image-preview img{object-fit:contain;background:var(--bg-secondary);width:100%;height:300px}.object-type{font-family:var(--font-display);color:var(--text-primary);text-transform:capitalize;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1rem;font-weight:600;display:flex}.section{margin-bottom:1.25rem}.section h3{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:.5rem;padding-bottom:.25rem;font-size:.75rem;font-weight:600}.reason-list,.warning-list,.missing-list{padding:0;list-style:none}.reason-list li,.warning-list li,.missing-list li{padding:.3rem 0 .3rem 1rem;font-size:.833rem;position:relative}.reason-list li:before,.warning-list li:before,.missing-list li:before{position:absolute;left:0}.reason-list.positive li:before{content:"+";color:var(--green-light)}.reason-list.negative li:before{content:"!";color:var(--orange)}.warning-list li:before{content:"~";color:var(--brass)}.missing-list li:before{content:"?";color:var(--text-muted)}.missing-list li{color:var(--text-secondary)}.dimensions{flex-direction:column;gap:.75rem;display:flex}.dim-row-rich{padding:.5rem 0}.dim-header{align-items:baseline;gap:.5rem;margin-bottom:.3rem;display:flex}.dim-label{font-family:var(--font-display);color:var(--text-primary);font-size:.8rem;font-weight:600}.dim-quality{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);padding:.1rem .35rem;font-size:.667rem}.dim-quality-excellent{color:var(--green-light);border-color:var(--green)}.dim-quality-good{color:var(--brass);border-color:var(--brass-dim)}.dim-quality-fair{color:var(--text-secondary)}.dim-quality-weak,.dim-quality-poor{color:var(--orange);border-color:var(--orange)}.dim-conf-label{color:var(--text-muted);margin-left:auto;font-size:.633rem}.dim-bar-track{background:var(--bg-tertiary);border-radius:1px;height:4px;margin-bottom:.25rem;overflow:hidden}.dim-bar-fill{background:var(--brass);border-radius:1px;height:100%;transition:width .4s}.dim-meta{justify-content:space-between;align-items:baseline;display:flex}.dim-desc{color:var(--text-muted);font-size:.667rem}.dim-numbers{color:var(--text-secondary);white-space:nowrap;margin-left:.5rem;font-size:.667rem}.dim-reasons{color:var(--text-secondary);font-size:.667rem;font-style:italic}.confidence-bar{background:var(--bg-tertiary);border-radius:1px;flex-shrink:0;width:32px;height:4px;display:inline-flex;overflow:hidden}.confidence-fill{background:var(--concrete);border-radius:1px;height:100%}.penalty-row{gap:.5rem;padding:.25rem 0;font-size:.8rem;display:flex}.penalty-amount{color:var(--orange);width:40px;font-weight:500}.penalty-reason{color:var(--text-secondary)}.details-toggle{color:var(--text-muted);font-family:var(--font-mono);text-transform:lowercase;letter-spacing:.04em;background:0 0;width:auto;margin-top:.5rem;padding:.5rem 0;font-size:.733rem}.details-toggle:hover{color:var(--text-secondary)}.details{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem;animation:.2s fadeIn}.detail-group{margin-bottom:1.25rem}.detail-group h4{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem;font-size:.7rem;font-weight:600}.detail-row{color:var(--text-secondary);align-items:center;gap:.5rem;padding:.2rem 0;font-size:.8rem;display:flex}.role-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;padding:.1rem .35rem;font-size:.633rem}.color-swatches{flex-wrap:wrap;gap:.75rem;display:flex}.color-swatch{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.733rem;display:flex}.swatch{border:1px solid var(--border);border-radius:2px;flex-shrink:0;width:16px;height:16px}.color-name{white-space:nowrap}.color-pct{color:var(--text-muted);font-size:.667rem}.risk-detail{flex-direction:column;align-items:flex-start;gap:.15rem}.risk-type{text-transform:uppercase;letter-spacing:.05em;color:var(--orange);font-size:.7rem}.risk-reasons{color:var(--text-secondary);font-size:.8rem}@media (width<=600px){.field-row{flex-direction:column;gap:0}}