.tr-stage{--tone:var(--lime)}.tr-top{z-index:2;flex-shrink:0;align-items:center;gap:14px;width:100%;max-width:1080px;margin:0 auto;padding:16px 20px 10px;display:flex;position:relative}.tr-back{border:1px solid var(--line-2);min-height:44px;color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 8px;font-size:13.5px;font-weight:550;display:inline-flex}.tr-back:hover:not(:disabled){color:var(--cream)}.tr-title{align-items:center;gap:10px;min-width:0;display:flex}.tr-title h1{font:700 clamp(22px, 4.6vw, 32px)/1.1 var(--display);letter-spacing:-.02em}.tr-beta{color:var(--lime);letter-spacing:.04em;text-transform:uppercase;background:#d6f36a29;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:650}.tr-main{z-index:1;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;gap:22px;width:100%;max-width:1080px;margin:0 auto;padding:6px 20px 32px;display:grid;position:relative;overflow-y:auto}@media (width>=900px){.tr-main{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:34px}}.tr-camera{justify-self:center;width:100%;max-width:620px}.tr-frame{aspect-ratio:4/3;border:1px solid var(--line);background:var(--surface);border-radius:28px;position:relative;overflow:hidden}.tr-frame>div:not(.tr-overlay):not(.tr-cover){inset:0;width:100%!important;height:100%!important;position:absolute!important}.tr-cover{z-index:3;text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.tr-corner{z-index:6;pointer-events:none;border:2.5px solid #f5f2ebeb;width:30px;height:30px;position:absolute}.tr-corner-tl{border-bottom:0;border-right:0;border-top-left-radius:10px;top:14px;left:14px}.tr-corner-tr{border-bottom:0;border-left:0;border-top-right-radius:10px;top:14px;right:14px}.tr-corner-bl{border-top:0;border-right:0;border-bottom-left-radius:10px;bottom:14px;left:14px}.tr-corner-br{border-top:0;border-left:0;border-bottom-right-radius:10px;bottom:14px;right:14px}.tr-overlay{z-index:5;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.tr-count{font:800 clamp(96px, 22vw, 168px)/1 var(--display);color:var(--lime);text-shadow:0 6px 40px #080c0ab3;animation:tr-pop 1s var(--ease) both}@keyframes tr-pop{0%{opacity:0;transform:scale(1.35)}25%{opacity:1}to{opacity:.9;transform:scale(.9)}}.tr-analizando{font:650 22px/1.2 var(--display);color:var(--cream);background:#080c0a8c}.tr-progress{z-index:5;font-variant-numeric:tabular-nums;background:#080c0abd;border-radius:999px;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.tr-progress i{background:#ffffff29;border-radius:999px;flex:1;height:6px;overflow:hidden}.tr-progress b{width:var(--p);border-radius:inherit;background:var(--lime);height:100%;transition:width .12s linear;display:block}.tr-side{flex-direction:column;gap:16px;min-width:0;display:flex}.tr-status{border:1px solid var(--line-2);color:var(--muted);border-radius:999px;align-self:flex-start;align-items:center;gap:9px;padding:7px 13px;font-size:13px;display:inline-flex}.tr-status:before{content:"";background:var(--muted);border-radius:50%;width:9px;height:9px}.tr-status[data-state=ok]:before{background:var(--mint);box-shadow:0 0 0 4px #4ee0b52e}.tr-status[data-state=error]:before{background:var(--coral)}.tr-error{border:1px solid var(--coral);color:var(--cream);background:#ff8e721a;border-radius:16px;padding:12px 15px;font-size:14px}.tr-guide{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tr-guide li{color:var(--muted);align-items:center;gap:14px;display:flex}.tr-guide b{width:30px;height:30px;color:var(--lime);font:700 14px var(--display);background:#d6f36a24;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.tr-cta{justify-content:center;width:100%;min-height:56px}.tr-result{border:1px solid var(--line-2);background:var(--surface);border-radius:26px;padding:22px}.tr-result small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12.5px;font-weight:600}.tr-result h2{font:700 clamp(24px, 4.4vw, 32px)/1.15 var(--display);letter-spacing:-.02em;margin-top:4px}.tr-bars{gap:11px;margin:18px 0 0;padding:0;list-style:none;display:grid}.tr-bars li{grid-template-columns:minmax(84px,1.2fr) 3fr 4ch;align-items:center;gap:12px;font-size:15px;display:grid}.tr-bars li[data-main] span{font-weight:700}.tr-bars i{background:#ffffff14;border-radius:999px;height:12px;position:relative;overflow:hidden}.tr-bars i:after{content:"";width:var(--p);border-radius:inherit;background:var(--cream);opacity:.5;transition:width .7s var(--ease);position:absolute;inset:0 auto 0 0}.tr-bars li[data-main] i:after{background:var(--lime);opacity:1}.tr-bars b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.tr-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.tr-note{color:var(--muted);margin-top:14px;font-size:13px}.tr-details{border:1px solid var(--line);background:#ffffff08;border-radius:18px}.tr-details summary{color:var(--muted);cursor:pointer;padding:13px 16px;font-size:14px;font-weight:600}.tr-details[open] summary{color:var(--cream)}.tr-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0 16px 16px;display:flex}.tr-chips span{background:#ffffff12;border-radius:999px;padding:4px 11px;font-size:12.5px}.tr-server{gap:10px;padding:0 16px 16px;display:grid}.tr-server label{color:var(--muted);font-size:13px}.tr-server input{border:1px solid var(--line-2);background:var(--ink-2);min-height:46px;color:var(--cream);font:400 15px var(--body);border-radius:14px;padding:0 14px}.tr-server input:focus-visible{border-color:var(--lime);outline:none;box-shadow:0 0 0 4px #d6f36a24}@media (prefers-reduced-motion:reduce){.tr-count{animation:none}.tr-bars i:after,.tr-progress b{transition:none}}