.slide-rail{position:relative;height:44px;margin-top:12px;touch-action:none}
.rail-line{position:absolute;inset:16px 0;height:12px;background:#f0f3f8;border:1px solid #e1e6ee;border-radius:12px;box-shadow:inset 0 1px 2px #dae1ea44;pointer-events:none}
.rail-fill{display:none}
.rail-handle{position:absolute;left:0;top:0;width:72px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:22px;background:#165dff;color:#fff;box-shadow:0 2px 4px #165dff20;cursor:grab;touch-action:none;pointer-events:auto}
.rail-handle:active{cursor:grabbing}.rail-handle:disabled{cursor:not-allowed}.rail-handle svg{width:22px;height:22px;pointer-events:none}
.slide-rail:focus-within .rail-handle{outline:2px solid #a8c0f1;outline-offset:2px}.slide-rail:has(.rail-handle:disabled){opacity:.65}

/* Match the production SDK outcome treatment: one in-stage ribbon per result. */
.status-live{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.feedback-ribbon{position:absolute;z-index:20;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:36px;margin:0;padding:8px 10px;color:#fff;font-size:12px;font-weight:500;line-height:20px;text-align:center;pointer-events:none;animation:feedback-in .22s cubic-bezier(.22,1,.36,1) both}
.feedback-ribbon svg{flex:0 0 16px;width:16px;height:16px;stroke:currentColor;stroke-width:2.2}
.feedback-ribbon.success{background:#39C522;text-shadow:0 1px 1px rgba(21,78,12,.18);box-shadow:0 -1px 0 rgba(255,255,255,.2)}
.feedback-ribbon.retry{background:#FF603E}
.verify-dialog{--tac-check-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.verify-dialog.is-verification-success{border-top-color:#39C522}
.verify-dialog.is-verification-success .rail-line{background:#B2E9A8;border-color:#B2E9A8}
.verify-dialog.is-verification-success .rail-fill{background:#B2E9A8}
.verify-dialog.is-verification-success .rail-handle{background:#39C522;border-color:#39C522;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.08),0 3px 7px rgba(28,45,70,.12)}
.verify-dialog.is-verification-success .rail-handle svg{display:none}
.verify-dialog.is-verification-success .rail-handle::after{content:"";display:block;width:22px;height:22px;background:#fff;-webkit-mask:var(--tac-check-icon) center/contain no-repeat;mask:var(--tac-check-icon) center/contain no-repeat}
.verify-dialog.is-verification-success #view-slider:disabled{opacity:1;cursor:default}
.verify-dialog.is-verification-success #refresh,.verify-dialog.is-verification-success #show-motion{opacity:.45;pointer-events:none;cursor:default}
.verify-dialog.is-retry-picture{border-top-color:#FF603E}
.verify-dialog.is-retry-picture .stage{pointer-events:none;cursor:default}
.verify-dialog.is-retry-picture .slide-rail{display:none}
.verify-dialog.is-retry-picture #refresh,.verify-dialog.is-retry-picture #show-motion{opacity:.45;pointer-events:none;cursor:default}
.recovery-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;height:44px;margin:14px 0 0;padding:0 16px;border:1px solid #165dff;border-radius:7px;color:#fff;background:#165dff;font-size:14px;font-weight:500;line-height:1;cursor:pointer;transition:background-color .14s,border-color .14s,box-shadow .14s}
.recovery-action:hover{border-color:#104ddc;background:#104ddc;box-shadow:0 3px 6px rgba(48,108,240,.16)}
@keyframes feedback-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}