#records .glr-card.r{--card-accent:#ff6058}#records .glr-card.y{--card-accent:#f4d64a}#records .glr-card.g{--card-accent:#38d68b}
#records .glr-select,#records .glr-copy-controls{border:1px solid var(--card-accent)}
#records .glr-copy-controls{display:grid;grid-template-columns:48px minmax(72px,1fr) 48px;width:190px;max-width:100%;border-radius:8px;overflow:hidden}
#records .glr-copy-controls button{border:0;background:var(--card-accent);color:#111;font-size:24px;min-height:48px;cursor:pointer}
#records .glr-copy-controls input{width:100%;max-width:none;min-width:0;height:48px;padding:0 4px;background:#111!important;color:#fff!important;text-align:center;font-size:20px;font-weight:800;border:0;border-radius:0;appearance:textfield}
#records .glr-copy-controls input::-webkit-inner-spin-button{appearance:none}
#records .lpu-panel{margin:12px 0;padding:10px;border:1px solid #f04bbf;border-radius:10px;background:#0c0d0e;min-width:0}
#records .lpu-heading{font-size:11px;letter-spacing:.12em;margin:0 0 8px;color:#fff}
#records .lpu-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#records .lpu-tile{border:1px solid #393939;border-radius:7px;padding:8px 6px;min-width:0;display:flex;flex-direction:column;gap:6px;color:#fff;font-size:11px;line-height:1.35}
#records .lpu-tile strong{font-size:13px;line-height:1.3}#records .lpu-tile small{font-size:10px;color:#ccc}
#records .lpu-tile button{min-height:44px;padding:6px 3px;font-size:11px;line-height:1.25;white-space:normal;background:#202421;color:#fff;border:1px solid #586055;border-radius:5px;cursor:pointer}
#records .lpu-tile button:focus-visible,#records .glr-copy-controls button:focus-visible{outline:2px solid #f4d64a;outline-offset:2px}
#records .lpu-name{overflow-wrap:anywhere;font-size:10px;color:#eee}#records .lpu-metrics{font-size:10px;line-height:1.5;color:#ddd;overflow-wrap:anywhere}
#records .lpu-wave{width:100%;height:30px;display:block}#records .lpu-thumbs{display:flex;flex-wrap:wrap;gap:3px}#records .lpu-thumbs img{width:34px;height:34px;object-fit:contain;background:#252525;border-radius:3px}
#records .lpu-message{font-size:12px;color:#f4d64a;line-height:1.4;overflow-wrap:anywhere;margin:8px 0 0}#records .lpu-message:empty{display:none}
#records .lpu-confirm{font-size:12px;display:flex;gap:7px;align-items:flex-start;margin:10px 0}#records .lpu-confirm input{width:20px;height:20px;flex:0 0 20px;accent-color:#38d68b}
#records .lpu-active .upload-container{display:none!important}#records .lpu-tile[hidden],#records .lpu-confirm[hidden]{display:none}
#records .lpu-tile input[type=file]{display:none}#records .lpu-tile details summary{cursor:pointer;min-height:24px}#records .lpu-tile details p{font-size:10px;overflow-wrap:anywhere}
@media(min-width:701px) and (max-width:1050px){#records .glr-grid{grid-template-columns:1fr}#records .glr-image-wrap{width:100%;height:240px;max-height:240px;aspect-ratio:auto}#records .glr-image-wrap img{width:auto;max-width:100%}#records .glr-content{padding:20px}#records .glr-head,#records .glr-specs li,#records .glr-content>.glr-note{min-height:0!important}#records .lpu-tile{padding:12px;font-size:12px}}
@media(max-width:380px){#records .glr-content{padding:12px}#records .lpu-panel{padding:6px}#records .lpu-tiles{gap:4px}#records .lpu-tile{padding:6px 4px}}

#records .lpu-progress-panel{margin-block-start:12px;padding:12px;border:1px solid var(--card-accent,#38d68b);border-radius:8px;background:#111;color:#fff;min-width:0}
#records .lpu-progress-panel[hidden]{display:none}
#records .lpu-progress-title{display:block;font-size:14px;line-height:1.4}
#records .lpu-progress-file{margin:5px 0 8px;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
#records .lpu-progress-row{display:flex;gap:8px;justify-content:space-between;align-items:baseline;min-width:0;font-size:12px;line-height:1.4}
#records .lpu-progress-meta{min-width:0;overflow-wrap:anywhere}
#records .lpu-progress-percent{font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:700}
#records .lpu-progress-bar{display:block;width:100%;height:12px;margin-block:8px;accent-color:var(--card-accent,#38d68b);border:0;border-radius:999px;overflow:hidden;background:#303030}
#records .lpu-progress-bar[hidden]{display:none}
#records .lpu-progress-bar::-webkit-progress-bar{background:#303030;border-radius:999px}
#records .lpu-progress-bar::-webkit-progress-value{background:var(--card-accent,#38d68b);border-radius:999px}
#records .lpu-progress-bar::-moz-progress-bar{background:var(--card-accent,#38d68b);border-radius:999px}
#records .lpu-progress-bar:indeterminate{background:repeating-linear-gradient(110deg,#303030 0 18px,var(--card-accent,#38d68b) 18px 36px)}
#records .lpu-progress-bar:indeterminate::-webkit-progress-bar{background:repeating-linear-gradient(110deg,#303030 0 18px,var(--card-accent,#38d68b) 18px 36px)}
#records .lpu-progress-elapsed{display:block;font-size:11px;color:#ccc;font-variant-numeric:tabular-nums}
#records .lpu-progress-hint{margin:7px 0 0;font-size:12px;line-height:1.5;color:#ddd;overflow-wrap:anywhere}
#records .lpu-progress-panel[data-state=failed]{border-color:#ff6058}
@media(prefers-reduced-motion:reduce){#records .lpu-progress-bar{animation:none}}