html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{color:#1f1f1f;background:#f4f2ee;margin:0;font-family:Arial,Helvetica,sans-serif}.app{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:100vh;padding:16px;display:grid}.panel{background:#fff;border:1px solid #d8d2c8;border-radius:12px;min-height:240px;padding:16px}.panel h1,.panel h2{margin:0 0 12px;font-size:1rem}.panel p{color:#5e5a53;margin:0 0 12px}.upload-dropzone{color:#4f4b46;text-align:center;cursor:pointer;background:linear-gradient(#fffdf9 0%,#f6f0e8 100%);border:1px dashed #c8c1b6;border-radius:16px;justify-items:center;gap:8px;margin:14px 0 16px;padding:18px 16px;transition:border-color .16s,background-color .16s,transform .16s,box-shadow .16s;display:grid}.upload-dropzone:hover,.upload-dropzone:focus-visible{border-color:#a89f92;outline:none;transform:translateY(-1px);box-shadow:0 10px 24px #1f1f1f0f}.upload-dropzone.is-dragover{background:linear-gradient(#eef8f1 0%,#e3f2e8 100%);border-color:#1d6b3a;box-shadow:0 12px 28px #1d6b3a26}.upload-dropzone__icon{color:#fff;background:#1d6b3a;border-radius:999px;place-items:center;width:42px;height:42px;display:inline-grid}.upload-dropzone__icon svg{fill:currentColor;width:22px;height:22px}.upload-dropzone__title{color:#1f1f1f;font-weight:700}.upload-dropzone__text{font-size:.92rem}.upload-input{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sample-gallery-section{gap:12px;margin:16px 0 18px;display:grid}.sample-gallery-title{margin:0;font-size:.95rem}.sample-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sample-card{background:#f8f5f0;border:1px solid #d8d2c8;border-radius:14px;margin:0;position:relative;overflow:hidden;box-shadow:0 8px 20px #1f1f1f0d}.sample-card img{object-fit:cover;object-position:center;background:#ece7df;width:100%;height:180px;display:block}.sample-badge{border-radius:999px;place-items:center;width:60px;height:60px;padding:12px;display:inline-grid;position:absolute;bottom:10px;right:10px;box-shadow:0 8px 18px #0000002e}.sample-badge svg{fill:currentColor;width:100%;height:100%;display:block}.sample-badge--ok{color:#fff;background:#1d6b3a}.sample-badge--wrong{color:#fff;background:#9c2f2f}.placeholder{color:#756f66;text-align:center;border:1px dashed #c8c1b6;border-radius:10px;place-items:center;min-height:160px;padding:16px;display:grid}.preview-image{object-fit:contain;border-radius:8px;width:100%;height:auto;max-height:420px;display:block}.preview-stage{min-height:160px;position:relative}.pose-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}input[type=file]{max-width:100%;display:block}.status{color:#5e5a53;min-height:1.25rem;margin:12px 0 0}.status[data-tone=error]{color:#9c2f2f}.status[data-tone=success]{color:#1d6b3a}.result-card{gap:12px;display:grid}.result-verdict{letter-spacing:.02em;color:#3b342e;background:#eee8e1;border-radius:999px;width:fit-content;padding:6px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.result-verdict[data-verdict=bom]{color:#1d6b3a;background:#e4f3e9}.result-verdict[data-verdict=medio]{color:#8a5b14;background:#f9eddc}.result-verdict[data-verdict=ruim]{color:#9c2f2f;background:#fde5e5}.result-score{font-size:2rem;font-weight:800;line-height:1}.result-message,.result-suggestion,.result-confidence{color:#4f4b46;margin:0}.angle-list{gap:8px;display:grid}.angle-row{color:#fff;background:#78736c;border-radius:10px;grid-template-columns:minmax(0,1.4fr) auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.angle-label,.angle-value,.angle-status{font-size:.92rem}.angle-label{font-weight:600}.angle-value{color:#fff}.angle-status{justify-self:end;font-weight:700}.angle-status[data-status=bom]{color:#20fc71}.angle-status[data-status=medio]{color:#ef0}.angle-status[data-status=ruim]{color:#fc0303}.angle-status[data-status=indisponivel]{color:#756f66}.loading-modal{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#0f0d0b6b;place-items:center;display:grid;position:fixed;inset:0}.loading-modal[hidden]{display:none}.loading-modal__card{background:#fffdf9;border:1px solid #d8d2c8;border-radius:16px;justify-items:center;gap:12px;min-width:220px;padding:22px 24px;display:grid;box-shadow:0 18px 50px #0000002e}.loading-spinner{border:4px solid #d8d2c8;border-top-color:#c0392b;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.loading-modal__message{color:#1f1f1f;margin:0;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.app{grid-template-columns:1fr}}@media (width<=560px){.sample-gallery{grid-template-columns:1fr}.upload-dropzone{padding:16px 14px}}