:root{--primary-color:#ff0000;--overlay-bg:rgba(0,0,0,.85);--btn-bg:rgba(255,255,255,.15);--btn-hover:rgba(255,255,255,.3)}
body,html{margin:0;padding:0;width:100%;height:100%;background:#111;color:#fff;font-family:'Inter',sans-serif;overflow:hidden}.slideshow-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.slide-content{text-align:center;z-index:1}#barcodeDisplay{background:#fff;padding:3rem;border-radius:16px;display:inline-block;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}#barcodeDisplay img{max-width:85vw;max-height:65vh;display:block}#barcodeDisplay p{color:var(--primary-color);margin-top:1.5rem;font-size:2.5rem;font-weight:900;letter-spacing:.05em}.controls-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transition:opacity .4s;z-index:10}.slideshow-container:hover .controls-overlay{opacity:1}.top-controls,.bottom-controls{pointer-events:auto;background:var(--overlay-bg);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(10px)}.control-btn{background:var(--btn-bg);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600}.control-btn:hover{background:var(--btn-hover);border-color:var(--primary-color)}.control-btn.active{background:var(--primary-color);border-color:var(--primary-color)}.zoom-controls,.playback-controls,.settings-controls{display:flex;align-items:center;gap:1.2rem}.settings-controls{gap:1.5rem}#durationInput{width:60px;padding:.5rem;background:#222;color:#fff;border:1px solid #444;border-radius:6px;font-weight:bold;text-align:center}.status-info{position:absolute;top:1.5rem;right:50%;transform:translateX(50%);background:var(--primary-color);padding:.5rem 1.2rem;border-radius:30px;font-size:1rem;font-weight:800;pointer-events:none;box-shadow:0 4px 10px rgba(255,0,0,.4);z-index:5}#zoomSlider{width:120px;accent-color:var(--primary-color)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600}#exitBtn{background:#444}#exitBtn:hover{background:#666}