/* The [hidden] attribute must win over the display rules below
   (.proba__result and .btn set display, which would otherwise override it,
   leaving the result box + fallback button visible on first load). */
[hidden]{display:none!important}
.proba{max-width:640px;margin:2rem auto 0;display:flex;flex-direction:column;gap:1.6rem}
.proba__step{display:flex;flex-direction:column;gap:.6rem}
.proba__label{font-weight:600;color:var(--espresso,#3a2a1e)}
.proba__note{font-size:.85rem;color:var(--ink-soft,#7a6a5c);margin:.2rem 0 0}
.proba input[type=text],.proba input[type=tel]{padding:.7rem .9rem;border:1px solid #d8ccb6;border-radius:12px;font:inherit;background:#fff}
.proba input[type=file]{font:inherit}
.proba__uploads{display:flex;gap:.6rem;flex-wrap:wrap}
.proba__upload{flex:1 1 160px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;padding:.75rem 1rem;border:1.5px solid var(--accent,#b06a43);border-radius:12px;background:#fff;color:var(--accent,#b06a43);font-weight:600;text-align:center;transition:background .15s,color .15s}
.proba__upload:hover{background:var(--accent,#b06a43);color:#fff}
.proba__upload input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}
#proba-preview{max-width:100%;border-radius:14px;margin-top:.4rem}
.proba__models{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
.proba__model{cursor:pointer;border:2px solid transparent;border-radius:12px;padding:.3rem;background:#fff;text-align:center;font-size:.8rem;color:var(--espresso,#3a2a1e)}
.proba__model img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px;display:block;margin-bottom:.3rem}
.proba__model.is-selected{border-color:var(--accent,#b06a43)}
.proba__colors{display:flex;flex-wrap:wrap;gap:.5rem}
.proba__color{cursor:pointer;padding:.45rem .9rem;border:1px solid #d8ccb6;border-radius:999px;background:#fff;font:inherit;color:var(--espresso,#3a2a1e)}
.proba__color.is-selected{background:var(--accent,#b06a43);color:#fff;border-color:transparent}
.proba__contact{gap:.8rem}
.proba__puter-note{background:#f3ede0;border:1px solid #e3d6bf;border-radius:12px;padding:.85rem 1rem;font-size:.9rem;line-height:1.55;color:var(--espresso,#3a2a1e)}
.proba__puter-note strong{font-weight:700}
.proba__puter-badge{display:inline-block;background:var(--accent,#b06a43);color:#fff;font-size:.72rem;font-weight:700;padding:.16rem .5rem;border-radius:999px;margin-right:.4rem;white-space:nowrap;vertical-align:middle}
.proba__status{min-height:1.4em;color:var(--ink-soft,#7a6a5c);display:flex;align-items:center;gap:.55rem}
.proba__status.is-error{color:#a4382b}
.proba__status.is-loading{color:var(--espresso,#3a2a1e);font-weight:600}
.proba__spinner{width:18px;height:18px;border:2.5px solid #e7dcc8;border-top-color:var(--accent,#b06a43);border-radius:50%;animation:proba-spin .8s linear infinite;flex:0 0 auto}
@keyframes proba-spin{to{transform:rotate(360deg)}}
.proba__result{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:.5rem}
.proba__result img{max-width:100%;border-radius:16px}
.proba__actions{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}
@media(max-width:520px){.proba__models{grid-template-columns:repeat(2,1fr)}}