.template-scanner{z-index:2;border:1px solid var(--instrument-panel-border);width:min(100%,76rem);box-shadow:var(--instrument-panel-shadow);backdrop-filter:var(--instrument-panel-blur);background:#02040785;margin:.85rem auto 0;position:relative;overflow:hidden}.template-scanner__bar{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:2rem;min-height:3.85rem;padding:.8rem 1.2rem;display:flex}.template-scanner__bar>div{align-items:baseline;gap:.85rem;display:flex}.template-scanner__bar span,.template-scanner__bar p{color:#f6f5f87a;letter-spacing:.1em;text-transform:uppercase;font-size:.58rem}.template-scanner__bar span{color:#0fe7a6}.template-scanner__bar h2,.template-scanner__bar p{margin:0}.template-scanner__bar h2{color:#f6f5f8e6;letter-spacing:.025em;font-size:.78rem;font-weight:560}.template-scanner__stage{isolation:isolate;cursor:ew-resize;align-items:center;height:clamp(12.5rem,18vw,15rem);display:grid;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.template-scanner__ambient{z-index:-1;background:radial-gradient(circle,#5195b61a,#0000 24%),linear-gradient(90deg,#ba37db09,#0000 42% 58%,#0fe7a609);position:absolute;inset:0}.template-scanner__track{will-change:transform;width:max-content;animation:34s linear infinite template-scanner-drift;display:flex}.template-scanner__stage:hover .template-scanner__track,.template-scanner__stage:focus-within .template-scanner__track{animation-play-state:paused}.template-scanner__group{gap:1.6rem;padding-right:1.6rem;display:flex}.template-scanner__card{--scan-progress:0%;width:clamp(17rem,27vw,21rem);height:clamp(9rem,14vw,11.4rem);color:inherit;cursor:pointer;background:#030507;border:1px solid #ffffff24;flex:none;text-decoration:none;transition:border-color .18s,box-shadow .22s;position:relative;box-shadow:0 1rem 3rem #00000047}.template-scanner__card:hover{border-color:#0fe7a66b;box-shadow:0 1rem 3rem #00000057,0 0 1.5rem #0fe7a612}.template-scanner__card:focus-visible{outline-offset:3px;border-color:#0fe7a6;outline:1px solid #0fe7a6}.template-scanner__face{padding:.85rem;display:grid;position:absolute;inset:0;overflow:hidden}.template-scanner__face>header,.template-scanner__face>footer{color:#f6f5f87a;letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.5rem;display:flex}.template-scanner__face--workflow{z-index:2;clip-path:inset(0 0 0 var(--scan-progress));background:linear-gradient(135deg,#ffffff07,#0000 42%),#030507;grid-template-rows:1fr auto}.template-scanner__identity{align-self:start;padding-top:.15rem}.template-scanner__identity h3,.template-scanner__identity span{margin:0}.template-scanner__identity h3{color:#f6f5f8;letter-spacing:-.035em;font-size:clamp(1.25rem,2.1vw,1.65rem);font-weight:470}.template-scanner__identity span{color:#f6f5f885;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:90%;margin-top:.4rem;font-size:.62rem;line-height:1.45;display:-webkit-box;overflow:hidden}.template-scanner__face--json{z-index:1;clip-path:inset(0 calc(100% - var(--scan-progress)) 0 0);background:linear-gradient(90deg,#0fe7a60a,#0000 45%),#020405}.template-scanner__face--json header span:first-child{color:#0fe7a6}.template-scanner__face--json pre{color:#a0e4d2a8;white-space:pre-wrap;height:100%;margin:.65rem 0 0;font-size:.46rem;line-height:1.45;overflow:hidden;mask-image:linear-gradient(#000 68%,#0000)}.template-scanner__beam{z-index:5;pointer-events:none;background:linear-gradient(#0000,#ba37db 18%,#6285c4 45%,#0fe7a6 78%,#0000);width:1px;height:82%;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 .8rem #ba37db59,0 0 1.4rem #0fe7a638}.template-scanner__beam:before,.template-scanner__beam:after{aspect-ratio:1;content:"";background:#f6f5f8;border-radius:50%;width:.2rem;animation:1.8s ease-in-out infinite template-scanner-particle;position:absolute;left:50%;translate:-50%;box-shadow:0 0 .8rem #0fe7a6}.template-scanner__beam:after{animation-delay:-.9s}.template-scanner__beam i{background:linear-gradient(90deg,#0000,#0fe7a633,#0000);position:absolute;inset:0 -2.5rem}@keyframes template-scanner-drift{to{transform:translate(-50%)}}@keyframes template-scanner-particle{0%{opacity:0;top:5%}40%{opacity:1}to{opacity:0;top:92%}}@media (width<=760px){.template-scanner__bar{flex-direction:column;align-items:flex-start;gap:.35rem}.template-scanner__bar>div{flex-direction:column;align-items:flex-start;gap:.25rem}.template-scanner__bar p{display:none}.template-scanner__stage{height:12rem}.template-scanner__card{width:16rem;height:9rem}}@media (prefers-reduced-motion:reduce){.template-scanner__track,.template-scanner__beam:before,.template-scanner__beam:after{animation:none}}