*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#00ff41;--red:#ff3a3a;--amber:#ffb800;--bg:#0a0a0a;--panel:#131313d9;--border:#222;--text:#e0e0e0;--muted:#888;--mono:"Space Mono", monospace;--display:"Jersey 10", sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--hud-blue:#2b5cff}html,body,#root{background-color:var(--bg);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;width:100%;min-height:100dvh;overflow-x:hidden}.hud-container{border-left:1px solid var(--border);border-right:1px solid var(--border);background-color:#0a0a0a;max-width:800px;min-height:100%;margin:0 auto;position:relative;overflow:hidden}.hud-panel{background:var(--panel);border:1px solid var(--green);padding:16px;position:relative;box-shadow:inset 0 0 10px #00ff411a}.hud-panel:before{content:"";border-top:2px solid var(--green);border-left:2px solid var(--green);width:8px;height:8px;position:absolute;top:0;left:0}.hud-panel:after{content:"";border-bottom:2px solid var(--green);border-right:2px solid var(--green);width:8px;height:8px;position:absolute;bottom:0;right:0}h1,h2,h3,h4{font-family:var(--display);letter-spacing:2px;text-transform:uppercase;font-weight:400}.title-massive{color:#fff;text-align:right;text-shadow:2px 2px #00000080;font-size:64px;line-height:1}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-amber{color:var(--amber)}.text-blue{color:var(--hud-blue)}.border-red{border-color:var(--red)!important}.scanlines{pointer-events:none;z-index:1000;opacity:.3;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;width:100%;height:100%;position:fixed;top:0;left:0}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink{animation:1s infinite blink}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(2px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}.glitch-hover:hover{animation:.2s cubic-bezier(.25,.46,.45,.94) infinite both glitch}.btn{color:var(--green);font-family:var(--display);letter-spacing:2px;border:1px solid var(--green);cursor:pointer;text-transform:uppercase;background:0 0;padding:8px 24px;font-size:24px;transition:all .2s}.btn:hover{background:#00ff411a;box-shadow:0 0 10px #00ff4133}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--muted);color:var(--muted)}.brutalist-container{color:#fff;width:100vw;height:100vh;font-family:var(--mono);background-color:#111;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.title-area{z-index:50;flex-direction:column;gap:16px;display:flex;position:absolute;top:48px;left:48px}.main-title{font-family:var(--display);color:#fff;text-transform:none;margin:0;font-size:56px;line-height:1.1}.rec-indicator{align-items:center;gap:12px;display:flex}.rec-dot{background-color:red;border-radius:50%;width:16px;height:16px;animation:1s infinite alternate pulse}@keyframes pulse{0%{opacity:1}to{opacity:.3}}.rec-text{font-family:var(--display);color:#000;background:#fff;padding:2px 6px;font-size:16px;font-weight:700}.rec-time{font-family:var(--mono);letter-spacing:2px;color:#fff;border:1px solid #333;padding:4px 8px;font-size:16px}.bracket{border:1px solid #444;width:100px;height:300px;position:absolute}.bracket.top-right{border-bottom:none;border-left:none;top:48px;right:48px}.bracket.bottom-left{border-top:none;border-right:none;bottom:48px;left:48px}.author-tag{z-index:20;align-items:stretch;gap:12px;display:flex;position:absolute;bottom:48px;right:48px}.author-text{text-align:right;font-size:10px;font-family:var(--mono);color:#fff;font-weight:700;line-height:1.4}.author-bracket{border-bottom:1px solid #fff;border-right:1px solid #fff;width:12px}.main-content{z-index:10;flex-direction:column;align-items:center;width:100%;height:100%;padding:48px;display:flex;position:relative;overflow-y:auto}.results-container{z-index:10;flex-direction:column;gap:20px;width:100%;max-width:600px;display:flex;position:relative}.results-header{z-index:100;-webkit-backdrop-filter:blur(16px);border-top:1px solid #ffffff1a;border-bottom:2px solid var(--border);background:linear-gradient(165deg,#ffffff0d 0%,#0000 40%),#050505f5;align-items:center;gap:16px;width:100%;margin-bottom:24px;padding:16px;display:flex;position:sticky;top:0;box-shadow:0 8px 32px #000000f2,inset 0 0 80px #00ff4105}.results-header:after{content:"";pointer-events:none;-webkit-backdrop-filter:blur(8px);z-index:-1;background:linear-gradient(#05050566,#0000);width:100%;height:60px;position:absolute;top:100%;left:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.line-break{background:var(--border);flex-grow:1;height:1px;position:relative}.line-break:after{content:"";background:var(--green);width:5px;height:5px;position:absolute;top:-2px;right:0}.results-grid{grid-template-columns:1fr;gap:16px;display:grid;-webkit-mask-image:linear-gradient(#0000001a 0,#000 150px);mask-image:linear-gradient(#0000001a 0,#000 150px);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.result-card{flex-direction:column;gap:12px;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-card-top{border-bottom:1px solid var(--border);letter-spacing:2px;justify-content:space-between;padding-bottom:8px;font-size:12px;display:flex}.result-category{color:var(--muted)}.result-body{flex-direction:column;gap:4px;display:flex}.result-brand{letter-spacing:2px;color:var(--muted);font-size:12px}.result-name{font-family:var(--display);color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:28px}.result-price-row{align-items:center;gap:8px;margin-top:4px;display:flex}.price-label{letter-spacing:1px;color:var(--muted);font-size:10px}.price-val{font-family:var(--display);letter-spacing:2px;font-size:24px}.result-desc{margin-top:8px;font-size:12px;line-height:1.6}.result-actions{border-top:1px solid var(--border);gap:12px;margin-top:auto;padding-top:12px;display:flex}.action-link{color:var(--muted);letter-spacing:1px;font-size:12px;text-decoration:none;transition:color .2s}.action-link:hover{color:var(--hud-blue);text-shadow:0 0 8px #2b5cff66}.scanner-container{z-index:1;border:1px solid var(--border);perspective:1200px;background:#000;width:100%;max-width:600px;position:relative;overflow:hidden;box-shadow:0 0 20px #000c}.scan-complete{overflow:hidden}.pixelated-edge-wrapper{transform:rotateY(calc((var(--mouse-x) - .5) * 12deg)) rotateX(calc((.5 - var(--mouse-y)) * 12deg));transform-style:preserve-3d;transition:clip-path .6s cubic-bezier(.2,.8,.3,1),transform .1s ease-out}.pixel-particles{z-index:5;pointer-events:none;transform:translateZ(30px) translateX(calc((var(--mouse-x) - .5) * 20px)) translateY(calc((var(--mouse-y) - .5) * 20px));position:absolute;inset:-30px;overflow:hidden}.pixel-particle{animation:particleDrift var(--drift-dur,6s) ease-in-out infinite alternate, pixelPulse var(--pulse-dur,3s) ease-in-out infinite alternate;animation-delay:var(--anim-delay,0s);will-change:transform, opacity;background:#fff;position:absolute}.pixel-particle.noise{--drift-dur:3s;--pulse-dur:1.5s;background:#fff6}.pixel-particle.outline{background:0 0;border:1px solid #ffffff80}.pixel-particle:nth-child(2n){--drift-dur:7s;--pulse-dur:4s;--anim-delay:-1s}.pixel-particle:nth-child(3n){--drift-dur:5s;--pulse-dur:2s;--anim-delay:-3s}.pixel-particle:nth-child(5n){--drift-dur:9s;--pulse-dur:5s;--anim-delay:-2s}.pixel-particle:nth-child(7n){animation-name:particleDrift,pixelPulse,glitchJump;animation-duration:4s,3s,.2s;animation-iteration-count:infinite,infinite,infinite;animation-delay:-.5s,0s,3s}@keyframes particleDrift{0%{transform:translate(0)rotate(0)}50%{transform:translate(calc(var(--drift-x) * 12px), calc(var(--drift-y) * 8px)) rotate(5deg)}to{transform:translate(calc(var(--drift-x) * 20px), calc(var(--drift-y) * 15px)) rotate(-5deg)}}@keyframes pixelPulse{0%{opacity:.2;transform:scale(.8)}50%{opacity:.9;transform:scale(1.1) translate(calc(var(--drift-x) * 5px), calc(var(--drift-y) * 5px))}to{opacity:.3;transform:scale(1)}}@keyframes glitchJump{0%,90%{transform:translate(0)}92%{transform:translate(calc(var(--drift-x) * 20px), calc(var(--drift-y) * -10px))}94%{transform:translate(calc(var(--drift-x) * -10px), calc(var(--drift-y) * 25px))}96%{transform:translate(calc(var(--drift-x) * 15px), calc(var(--drift-y) * 15px))}to{transform:translate(0)}}.scanner-img{filter:contrast(1.1)brightness(.9)grayscale(.2);width:auto;max-width:100%;max-height:60dvh;margin:0 auto;display:block}.scanner-view-port{background:#000;overflow:hidden}.scanner-sweep{background:var(--green);width:100%;height:1px;box-shadow:0 0 10px var(--green), 0 0 20px var(--green);z-index:10;animation:4s cubic-bezier(.4,0,.2,1) infinite neuralSweep;position:absolute;top:0;left:0}.scanner-sweep:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00ff4126);width:100%;height:15vh;position:absolute;bottom:0;left:0}@keyframes neuralSweep{0%{opacity:0;transform:translateY(-50px)}10%,90%{opacity:1}to{opacity:0;transform:translateY(70vh)}}.scanner-grid{z-index:1;pointer-events:none;opacity:.25;background-image:radial-gradient(#00ff411a 1px,#0000 1px);background-size:25px 25px;position:absolute;inset:0}.hud-bracket{border:2px solid var(--green);z-index:8;opacity:.6;width:30px;height:30px;animation:2s ease-in-out infinite alternate bracketPulse;position:absolute}.hud-bracket.tl{border-bottom:none;border-right:none;top:20px;left:20px}.hud-bracket.tr{border-bottom:none;border-left:none;top:20px;right:20px}.hud-bracket.bl{border-top:none;border-right:none;bottom:20px;left:20px}.hud-bracket.br{border-top:none;border-left:none;bottom:20px;right:20px}@keyframes bracketPulse{0%{opacity:.4;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}.scanner-status-overlay{z-index:15;background:#0003;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.progress-container{border:1px solid var(--green);z-index:20;background:#000000f2;flex-direction:column;gap:12px;width:280px;padding:16px;display:flex;position:relative;box-shadow:0 20px 40px #000c}.progress-label{justify-content:space-between;align-items:center;font-family:"Jersey 10",Courier,monospace;display:flex}.tech-msg{color:var(--green);letter-spacing:1px;font-size:11px}.tech-percent{color:var(--green);font-size:16px;font-weight:700}.progress-bar-outer{background:#00ff411a;border:1px solid #00ff414d;height:6px;position:relative;overflow:hidden}.progress-bar-inner{background:var(--green);height:100%;box-shadow:0 0 15px var(--green);transition:width .15s linear}.scanner-results-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.anchor-point{z-index:2;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px}.anchor-green{background:var(--green)}.anchor-amber{background:var(--amber)}.floating-cards-layer{pointer-events:none;z-index:3;perspective:800px;position:absolute;inset:0}.floating-card{pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(4px);border:1px solid var(--border);width:100px;transform-style:preserve-3d;background:#000000d9;border-radius:0;padding:6px;transition:transform .3s,box-shadow .3s;position:absolute;box-shadow:0 0 15px #00ff411a,0 4px 20px #000000e6,inset 0 1px #ffffff26,inset 0 0 0 1px #00000080}.card-float-wrapper{width:100%;height:100%;animation-name:cardEntrance,cardFloat;animation-timing-function:cubic-bezier(.2,.8,.2,1),ease-in-out;animation-iteration-count:1,infinite;animation-direction:normal,alternate;animation-fill-mode:both,none;position:relative}.floating-card.depth-1{background:#000000b3;border-color:#ffffff26;width:85px}.floating-card.depth-2{border-color:#00ff414d;width:100px}.floating-card.depth-3{border-color:#ffbf0066;width:115px;box-shadow:0 0 25px #ffbf0026,0 8px 40px #000c,inset 0 0 0 1px #00000080}.card-reticle{border:1px solid var(--green);opacity:0;pointer-events:none;z-index:10;clip-path:polygon(0 0,25% 0,25% 1.5px,1.5px 1.5px,1.5px 25%,0 25%,75% 0,100% 0,100% 25%,98.5% 25%,98.5% 1.5px,75% 1.5px,100% 75%,100% 100%,75% 100%,75% 98.5%,98.5% 98.5%,98.5% 75%,0 75%,0 100%,25% 100%,25% 98.5%,1.5% 98.5%,1.5% 75%);transition:all .3s cubic-bezier(.19,1,.22,1);position:absolute;inset:-12px}.floating-card:hover .card-reticle{opacity:1;inset:-6px}.floating-card:hover{border-color:var(--green);box-shadow:0 0 35px #00ff4166,0 12px 60px #000000f2,inset 0 0 0 1px #00ff414d;z-index:999!important;transform:translateY(-5px)scale(1.1)rotateY(4deg)!important}.floating-card-thumb{aspect-ratio:1;background:#00000080;border:1px solid #ffffff1a;border-radius:0;width:100%;margin-bottom:6px;position:relative;overflow:hidden}.floating-card-thumb img{object-fit:cover;filter:contrast(1.1)saturate(1.1);border-radius:0;width:100%;height:100%}.floating-card-info{padding:2px 2px 0}.floating-card-brand{font-family:var(--display);letter-spacing:1.5px;color:var(--amber);margin-bottom:2px;font-size:7px}.floating-card-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:10px;font-weight:600;line-height:1.2;overflow:hidden}.floating-card-price{font-family:var(--display);color:#ffffff80;letter-spacing:.5px;font-size:8px}.floating-card-conf{font-family:var(--display);letter-spacing:.5px;z-index:5;border-radius:0;padding:2px 4px;font-size:6px;position:absolute;top:6px;right:6px}.floating-card-conf.high{color:var(--green);border:1px solid var(--green);background:#000000e6}.floating-card-conf.medium{color:var(--amber);border:1px solid var(--amber);background:#000000e6}.floating-card-conf.low{color:#f55;background:#000000e6;border:1px solid #f55}@keyframes cardEntrance{0%{transform:translateY(20px)scale(.85)}to{transform:translateY(0)scale(1)}}@keyframes cardFloat{0%{translate:0}to{translate:0 -6px}}.scanner-modal-backdrop{z-index:9;pointer-events:auto;background:#0006;position:absolute;inset:0}.scanner-modal{border:1px solid var(--green);z-index:10;pointer-events:auto;background:#000000f2;width:85%;max-width:320px;padding:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #000,inset 0 0 10px #00ff4133}.modal-close{color:var(--green);font-family:var(--display);cursor:pointer;background:0 0;border:none;font-size:14px;position:absolute;top:8px;right:8px}.modal-close:hover{color:#fff}.border-green{border-color:var(--green)}.border-amber{border-color:var(--amber)}.corner{border:2px solid var(--muted);z-index:1;width:15px;height:15px;position:absolute}.corner.top-left{border-bottom:none;border-right:none;top:10px;left:10px}.corner.top-right{border-bottom:none;border-left:none;top:10px;right:10px}.corner.bottom-left{border-top:none;border-right:none;bottom:10px;left:10px}.corner.bottom-right{border-top:none;border-left:none;bottom:10px;right:10px}.clickable-hitbox{z-index:10;cursor:pointer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.floating-card-thumb.loading-product:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff0f 40%,#ffffff1a 50%,#ffffff0f 60%,#0000 100%) 0 0/200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}.ft-root{border:1px solid var(--border);z-index:10;background:#0a0a0af5;flex-direction:column;gap:0;width:100%;max-width:600px;display:flex;position:relative}.ft-header{border-bottom:1px solid var(--border);background:#0009;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.ft-label{font-family:var(--mono);color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;font-size:9px}.ft-counter{font-family:var(--display);color:var(--green);letter-spacing:2px;font-size:18px}.ft-ts{font-family:var(--mono);color:var(--amber);letter-spacing:1px;font-size:12px}.ft-strip{border-bottom:1px solid var(--border);align-items:center;gap:0;padding:12px 8px;display:flex}.ft-nav{border:1px solid var(--border);color:var(--green);font-family:var(--display);letter-spacing:2px;cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;height:70px;padding:8px 10px;font-size:14px;transition:all .15s;display:flex}.ft-nav:hover:not(.ft-nav-disabled){border-color:var(--green);background:#00ff4114;box-shadow:0 0 8px #00ff4126}.ft-nav-disabled{color:var(--muted);cursor:not-allowed;opacity:.4;border-color:#1a1a1a}.ft-thumbs{flex:1;justify-content:center;gap:6px;padding:0 8px;display:flex;overflow:hidden}.ft-thumb-btn{border:1px solid var(--border);cursor:pointer;background:0 0;flex-direction:column;flex-shrink:0;align-items:center;width:72px;height:70px;padding:0;transition:all .2s;display:flex;position:relative;overflow:visible}.ft-thumb-btn:hover{border-color:var(--muted)}.ft-thumb-btn.ft-active{border-color:var(--green);box-shadow:0 0 12px #00ff4166,inset 0 0 8px #00ff4114}.ft-thumb-img{object-fit:cover;filter:grayscale(.3)contrast(1.1);width:100%;height:54px;transition:filter .2s;display:block}.ft-active .ft-thumb-img{filter:none}.ft-thumb-ts{text-align:center;width:100%;font-family:var(--mono);color:var(--muted);border-top:1px solid var(--border);background:#000c;padding:2px 0;font-size:9px}.ft-active .ft-thumb-ts{color:var(--amber);border-top-color:var(--green)}.ft-active-pip{background:var(--green);width:6px;height:6px;box-shadow:0 0 6px var(--green);border-radius:50%;animation:1s ease-in-out infinite alternate pip-pulse;position:absolute;top:-6px;left:50%;transform:translate(-50%)}@keyframes pip-pulse{0%{box-shadow:0 0 4px var(--green)}to{box-shadow:0 0 12px var(--green)}}.ft-progress-track{border-top:1px solid var(--border);background:#0009;height:20px;position:relative;overflow:visible}.ft-progress-fill{border-right:1px solid var(--green);background:#00ff411f;height:100%;transition:width .3s;position:absolute;top:0;left:0}.ft-tick{background:var(--border);cursor:pointer;border:1px solid #333;border-radius:50%;width:6px;height:6px;padding:0;transition:all .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.ft-tick:hover{background:var(--muted);transform:translate(-50%,-50%)scale(1.4)}.ft-tick-active{background:var(--green);border-color:var(--green);box-shadow:0 0 6px var(--green);transform:translate(-50%,-50%)scale(1.3)}.dashed-container{background:0 0;border:1px dashed #555;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;margin:auto;padding:64px 48px;display:flex}.brutalist-section-title{font-family:var(--display);color:#fff;letter-spacing:2px;margin-bottom:24px;font-size:24px}.brutalist-subtitle{font-family:var(--mono);color:#888;letter-spacing:1px;align-self:flex-start;margin-bottom:16px;font-size:11px}.brutalist-input-row{gap:16px;width:100%;margin-bottom:24px;display:flex}.brutalist-text-input{color:#fff;font-family:var(--mono);background:#050505;border:1px solid #333;outline:none;flex:1;padding:12px 16px;font-size:12px}.brutalist-text-input:focus{border-color:var(--green)}.brutalist-divider{background:#222;width:100%;height:1px;margin:12px 0 24px}.brutalist-btn{border:1px solid var(--green);color:var(--green);font-family:var(--display);cursor:pointer;letter-spacing:2px;background:#050505;justify-content:center;align-items:center;height:42px;padding:0 16px;font-size:14px;transition:all .2s;display:flex}.brutalist-btn:hover{background:var(--green);color:#000}.brutalist-btn.full-width{width:100%}.workspace{z-index:20;flex-direction:column;align-items:center;gap:32px;width:100%;margin:auto 0;padding-top:48px;padding-bottom:64px;display:flex}.sticky-interface{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;align-items:center;gap:16px;width:100%;max-width:600px;padding-bottom:24px;display:flex;position:sticky;top:48px}.extracting-state{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;min-height:300px;display:flex}.extracting-spinner{border:2px solid var(--border);border-top-color:var(--green);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.extracting-label{font-family:var(--display);color:var(--green);letter-spacing:3px;font-size:20px}.extracting-sub{font-family:var(--mono);color:var(--muted);letter-spacing:2px;font-size:10px}.controls{z-index:10;box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;gap:16px;width:100%;max-width:600px;padding:0 24px;display:flex;position:relative}.controls .btn,.controls .reset-btn{flex:1;justify-content:center;align-items:center;height:50px;margin:0;font-size:14px;display:flex}.error-msg{border:1px solid var(--red);font-family:var(--mono);text-align:center;background:#ff3a3a1a;width:100%;padding:8px 16px;font-size:12px}.reset-btn{color:#888;font-family:var(--display);cursor:pointer;letter-spacing:2px;text-transform:uppercase;background:0 0;border:1px solid #555;font-size:14px;transition:all .2s}.reset-btn:hover{border-color:var(--red);color:var(--red);background:#ff3a3a1a}.frame-section{border-top:1px solid var(--border);z-index:10;background:#0a0a0ae6;border-radius:8px;width:100%;margin-top:24px;padding:16px;position:relative}.frame-section-title{color:var(--muted);letter-spacing:2px;margin-bottom:12px;font-size:12px}.frame-strip{gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.frame-strip::-webkit-scrollbar{height:4px}.frame-strip::-webkit-scrollbar-thumb{background:var(--green)}.frame-thumb{object-fit:cover;border:1px solid var(--border);cursor:pointer;opacity:.5;flex-shrink:0;width:80px;height:60px;transition:all .2s}.frame-thumb:hover{opacity:.8}.frame-thumb.active{border-color:var(--green);opacity:1;box-shadow:0 0 10px #00ff414d}