@font-face{font-family:Alien Eclipse;src:url(/assets/AlienEclipse-RpLPE-CzMA5ldA.ttf)format("truetype")}@font-face{font-family:Alien Force;src:url(/assets/AlienForce-1jr30-cr98LsK5.ttf)format("truetype")}@font-face{font-family:Alien Resurrection;src:url(/assets/AlienResurrection-7Oll-vivZHGqE.ttf)format("truetype")}@font-face{font-family:Angry Android;src:url(/assets/AngryAndroid-pnGD-DSFLGXi_.ttf)format("truetype")}@font-face{font-family:"Basica 20";src:url(/assets/Basica20-7GeP-DcBGspbi.ttf)format("truetype")}@font-face{font-family:Big Bad Robot;src:url(/assets/BigBadRobot-7BvVK-9lt5XZQ3.ttf)format("truetype")}@font-face{font-family:Cable;src:url(/assets/Cable-Ryne-BMbpDVvu.ttf)format("truetype")}@font-face{font-family:Friend Head;src:url(/assets/FriendHead-Oxlo-BhnAiSbP.ttf)format("truetype")}@font-face{font-family:Green Strand;src:url(/assets/GreenStrand-8Vzz-COS9YnUs.ttf)format("truetype")}@font-face{font-family:Gtek Nova;src:url(/assets/GtekNova-v08Z-DMRnmlDS.ttf)format("truetype")}@font-face{font-family:Kobold Bold;src:url(/assets/KoboldBold-nl94-Bb6k1jMd.ttf)format("truetype")}@font-face{font-family:Kotoba;src:url(/assets/Kotoba-l2zq-CS4Pv4rL.ttf)format("truetype")}@font-face{font-family:Orbit Regular;src:url(/assets/OrbitRegular-vxXE-F5maUQvS.ttf)format("truetype")}@font-face{font-family:Robo Girls;src:url(/assets/RoboGirls-4BzEB-DWsU_GTy.ttf)format("truetype")}@font-face{font-family:Squaresharps;src:url(/assets/Squaresharps-D663-U5XCjTCE.ttf)format("truetype")}@font-face{font-family:Badeen Display;src:url(/assets/BadeenDisplay-CCOUskxm.woff2)format("woff2")}@font-face{font-family:Black Ops One;src:url(/assets/BlackOpsOne-CYRH0z_U.woff2)format("woff2")}@font-face{font-family:Climate Crisis;src:url(/assets/ClimateCrisis-CAXJ3jrU.woff2)format("woff2")}@font-face{font-family:Gasoek One;src:url(/assets/GasoekOne-llzZ5cD6.woff2)format("woff2")}@font-face{font-family:Major Mono Display;src:url(/assets/MajorMonoDisplay-CMD3f48X.woff2)format("woff2")}@font-face{font-family:Michroma;src:url(/assets/Michroma-4gS0VCia.woff2)format("woff2")}@font-face{font-family:Monoton;src:url(/assets/Monoton--Xn4BnFH.woff2)format("woff2")}@font-face{font-family:Rubik Broken Fax;src:url(/assets/RubikBrokenFax-C-TWj12V.woff2)format("woff2")}@font-face{font-family:Rubik Glitch;src:url(/assets/RubikGlitch-CgfFPstv.woff2)format("woff2")}@font-face{font-family:Rubik Maze;src:url(/assets/RubikMaze-C_l7tQ0p.woff2)format("woff2")}@font-face{font-family:Rubik Vinyl;src:url(/assets/RubikVinyl-DoPAcRMs.woff2)format("woff2")}@font-face{font-family:Sixtyfour;src:url(data:font/woff2;base64,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)format("woff2")}@font-face{font-family:Stalinist One;src:url(/assets/StalinistOne-BEiNN6v4.woff2)format("woff2")}@font-face{font-family:Train One;src:url(/assets/TrainOne-Dkne_qWS.woff2)format("woff2")}@font-face{font-family:Zen Dots;src:url(/assets/ZenDots-BZdwNeW0.woff2)format("woff2")}body{background:var(--bg-color);color:var(--text-color);margin:0;padding:20px;font-family:Roboto,sans-serif;font-weight:300}strong,th,h1,h2,h3,h4,h5,h6,.btn,button,.sort-select{font-weight:700}.dashboard{max-width:1400px;margin:0 auto;padding-bottom:100px}h1{color:var(--title-color);letter-spacing:-.5px;font-weight:700}.header-controls{background:var(--panel-bg);box-shadow:var(--soft-shadow);z-index:1000;border:1px solid var(--border-color);border-radius:12px;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px;padding:15px 20px;display:flex;position:sticky;top:10px}.queue-status{align-self:flex-start;align-items:center;height:32px;display:flex}.search-bar{flex-grow:1;align-items:center;gap:10px;display:flex}.search-bar input[type=text]{border:1px solid #d1d5db;border-radius:6px;flex-grow:1;padding:10px 15px;font-family:Roboto,sans-serif;font-size:14px;font-weight:300;transition:border-color .2s}.search-bar input[type=text]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.sort-select{box-sizing:border-box;border:1.5px solid var(--btn-outline-border);background:var(--panel-bg) url("data:image/svg+xml;utf8,<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%236b7280\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"/></svg>") no-repeat right 12px center;appearance:none;cursor:pointer;height:44px;color:var(--text-color);border-radius:8px;padding:0 36px 0 16px;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.sort-select:hover{border-color:var(--btn-outline-hover-border)!important;background-color:var(--btn-outline-hover-bg)!important}.sort-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.settings-popout{position:relative}.settings-menu{z-index:1500;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:12px;min-width:320px;margin-top:8px;padding:16px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.settings-menu h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f3f4f6;margin:0;padding-bottom:6px;font-size:13px;font-weight:700}.settings-menu hr{border:none;border-top:1px solid #f3f4f6;margin:4px 0}.menu-section{flex-direction:column;gap:8px;display:flex}.cookie-input-wrapper{flex-direction:column;gap:6px;display:flex}.cookie-input-wrapper textarea{resize:vertical;border:1px solid #d1d5db;border-radius:6px;min-height:60px;padding:8px;font-family:monospace;font-size:12px}.capture-group{margin-bottom:30px}.group-title{color:var(--text-muted);align-items:center;gap:10px;margin:0 0 15px;font-size:18px;display:flex}.location-group{background:#fff;border:2px solid #0000;border-left:6px solid #ccc;border-radius:12px;margin-bottom:20px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #4755690f,0 1px 4px #47556908}.location-group.hidden{opacity:.5;filter:grayscale()}.location-header{cursor:pointer;border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:15px;display:flex}.archive-note{color:var(--text-muted);background:#f3f4f6;border-radius:12px;margin-left:10px;padding:2px 8px;font-size:.85em;font-weight:500}.title-area{word-break:break-word;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fav-controls{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;gap:4px;padding:4px;display:flex}.devices-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.device-card{border:1px solid var(--border-color);background:var(--card-bg);height:320px;box-shadow:var(--soft-shadow);z-index:auto;border-radius:12px;flex-direction:column;justify-content:space-between;padding:12px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.device-card.device-card-load-error,.device-card.device-card-ratio-error,.device-card.device-card-zoom-error,.device-card.device-card-duplicate-error,.device-card.device-card-identifier-error,.device-card.device-card-alert{z-index:10}.device-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000000f;z-index:50!important}.device-info{flex-direction:column;gap:4px;font-size:.9em;display:flex;overflow:hidden}.device-info strong{color:var(--title-color);font-size:1.15em}.device-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75em;overflow:hidden}.img-container{cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;height:160px;margin-top:15px;display:flex;position:relative;overflow:hidden}.img-container img{object-fit:contain;max-width:100%;max-height:100%}.alert-icon{color:#ef4444;z-index:10;filter:drop-shadow(0 2px 4px #0003);background:#ffffffe6;border-radius:50%;padding:2px;position:absolute;top:10px;right:10px}.timestamp-container{align-items:center;display:flex;position:relative}.history-controls{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:4px;gap:2px;padding:2px;display:none;position:absolute;top:-6px;left:-4px;box-shadow:0 2px 5px #00000026}.timestamp-container:hover .history-controls{display:flex}.dashboard.matrix-view{box-sizing:border-box;max-width:100%;padding:20px}.matrix-view .capture-group{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));align-items:stretch;gap:15px;display:grid}.matrix-view .capture-group .group-title{grid-column:1/-1}.matrix-view .location-group{box-sizing:border-box;border-width:1px;border-radius:4px;flex-direction:column;height:100%;margin-bottom:0;padding:8px 10px;display:flex}.matrix-view .location-header{padding-bottom:4px}.matrix-view .location-header h2{gap:4px!important;font-size:1.05em!important}.matrix-view .title-area{min-width:0}.matrix-view .archive-note,.matrix-view .fav-controls{display:none!important}.matrix-view .location-header button{justify-content:center;gap:0!important;min-width:26px!important;padding:4px!important;font-size:0!important}.matrix-view .location-header button svg{width:14px;height:14px;margin:0!important}.matrix-view .group-actions{gap:4px!important}.matrix-view .devices-grid{flex-grow:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:flex-start;gap:8px;margin-top:8px}.matrix-view .device-card{border-width:1px;justify-content:flex-start;gap:2px;height:auto;padding:4px;position:relative}.matrix-view .device-info,.matrix-view .timestamp-container{display:none!important}.matrix-view .img-container{border-radius:0;height:160px;min-height:140px;margin-top:0;margin-bottom:2px}.matrix-view .device-card-alert .device-info{display:none!important}.matrix-view .device-card>div:last-child{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffd9;border:1px solid #0000000d;border-radius:4px;flex-wrap:wrap;gap:2px;width:calc(100% - 8px);padding:4px 0;transition:opacity .2s;position:absolute;bottom:8px;left:4px;justify-content:center!important;margin-top:0!important}.matrix-view .device-card>div:last-child *{pointer-events:auto}.matrix-view .device-card:hover>div:last-child{opacity:1}.matrix-view .device-card>div:last-child button{color:var(--text-muted);min-width:28px!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:4px!important}.matrix-view .device-card>div:last-child svg{width:16px;height:16px}@keyframes alert-pulse{0%{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 15px 5px #ef444480}to{box-shadow:0 0 #ef444400}}@keyframes glow-zoom{0%{box-shadow:0 0 4px var(--zoom-error-border)}50%{box-shadow:0 0 10px 2px var(--zoom-error-border)}to{box-shadow:0 0 4px var(--zoom-error-border)}}@keyframes glow-ratio{0%{box-shadow:0 0 4px var(--ratio-error-border)}50%{box-shadow:0 0 10px 2px var(--ratio-error-border)}to{box-shadow:0 0 4px var(--ratio-error-border)}}@keyframes glow-load{0%{box-shadow:0 0 4px var(--load-error-border)}50%{box-shadow:0 0 10px 2px var(--load-error-border)}to{box-shadow:0 0 4px var(--load-error-border)}}@keyframes glow-alert{0%{box-shadow:0 0 4px #ef44444d}50%{box-shadow:0 0 10px 2px #ef444480}to{box-shadow:0 0 4px #ef44444d}}@keyframes glow-duplicate{0%{box-shadow:0 0 4px var(--duplicate-error-border)}50%{box-shadow:0 0 10px 2px var(--duplicate-error-border)}to{box-shadow:0 0 4px var(--duplicate-error-border)}}@keyframes glow-identifier{0%{box-shadow:0 0 4px var(--identifier-error-border)}50%{box-shadow:0 0 10px 2px var(--identifier-error-border)}to{box-shadow:0 0 4px var(--identifier-error-border)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #3b82f633;border-top-color:#3b82f6;border-radius:50%;width:12px;height:12px;animation:1s linear infinite spin;display:inline-block}@keyframes rotate-anticlockwise{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.megatron-glow-bg.active{animation:4s linear infinite rotate-anticlockwise}@keyframes matrix-flicker{0%,to{text-shadow:0 0 4px #0f0,0 0 10px #050;letter-spacing:0}50%{text-shadow:0 0 8px #0f0,0 0 20px #0a0,0 0 30px #0f0;letter-spacing:1px}}.megatron-heading-matrix{-webkit-text-fill-color:transparent!important;-webkit-text-stroke:.5px #00ff00e6!important;background:linear-gradient(#0f0 0%,#020 100%)!important;-webkit-background-clip:text!important;animation:1.5s infinite alternate matrix-flicker!important}@keyframes chrome-flow{0%{background-position:0%}to{background-position:200%}}.megatron-heading-chrome{-webkit-text-fill-color:transparent!important;background:linear-gradient(90deg,#111 0%,#444 20%,#fff 40%,#777 45%,#fff 50%,#222 55%,#fff 60%,#444 80%,#111 100%) 0 0/200%!important;filter:drop-shadow(0 2px 4px #ffffff80)contrast(1.4)!important;-webkit-background-clip:text!important;animation:2s linear infinite chrome-flow!important}@keyframes cosmic-pulse{0%,to{text-shadow:0 0 6px #7b2cbf,0 0 15px #3a0ca3,0 0 30px #4cc9f0;transform:scale(1)}50%{text-shadow:0 0 12px #9d4edd,0 0 25px #7209b7,0 0 50px #4895ef;transform:scale(1.02)}}.megatron-heading-cosmic{-webkit-text-fill-color:transparent!important;background:linear-gradient(45deg,#480ca8,#7209b7,#f72585,#4cc9f0)!important;-webkit-background-clip:text!important;animation:3s ease-in-out infinite cosmic-pulse!important}@keyframes lava-burn{0%,to{text-shadow:0 0 5px #f30,0 0 12px #f60,0 0 20px #fc0;filter:brightness()}50%{text-shadow:0 0 10px #f30,0 0 20px #fa0,0 0 40px #ffea00;filter:brightness(1.3)}}.megatron-heading-lava{-webkit-text-fill-color:transparent!important;background:linear-gradient(90deg,red,#f50,#fa0,#f50,red) 0 0/200%!important;-webkit-background-clip:text!important;animation:2s ease-in-out infinite lava-burn,4s linear infinite chrome-flow!important}@keyframes glitch-anim{0%{text-shadow:2px -1px #f05,-2px 1px #0ff;clip-path:inset(10% 0 85%);transform:translate(-2px,1px)skew(-2deg)}10%{text-shadow:-3px 2px #f05,3px -2px #0ff;clip-path:inset(40% 0 45%);transform:translate(2px,-2px)skew(3deg)}20%{text-shadow:2px 2px #f05,-2px -2px #0ff;clip-path:inset(70% 0 10%);transform:translate(-1px,2px)skew(-1deg)}30%{text-shadow:3px -3px #f05,-3px 3px #0ff;clip-path:inset(25% 0 50%);transform:translate(3px,-1px)skew(5deg)}40%{text-shadow:-2px 3px #f05,2px -3px #0ff;clip-path:inset(60% 0 20%);transform:translate(-2px,3px)skew(-3deg)}50%{text-shadow:4px -1px #f05,-4px 1px #0ff;clip-path:inset(80% 0 5%);transform:translate(4px,2px)skew(4deg)}60%{text-shadow:-1px 2px #f05,1px -2px #0ff;clip-path:inset(15% 0 75%);transform:translate(-2px,-1px)skew(-4deg)}70%{text-shadow:3px 1px #f05,-3px -1px #0ff;clip-path:inset(55% 0 35%);transform:translate(1px,2px)skew(1deg)}80%{text-shadow:-2px -2px #f05,2px 2px #0ff;clip-path:inset(90% 0 1%);transform:translate(-3px,-2px)skew(-2deg)}90%{text-shadow:2px 3px #f05,-2px -3px #0ff;clip-path:inset(30% 0 60%);transform:translate(2px,1px)skew(2deg)}to{text-shadow:1px -2px #f05,-1px 2px #0ff;clip-path:inset(0);transform:translate(0)skew(0deg)}}.megatron-heading-glitch{-webkit-text-fill-color:#fff!important;animation:.3s linear infinite glitch-anim!important}@keyframes neon-glow-anim{0%,to{text-shadow:0 0 4px #7c3aed,0 0 12px #7c3aed,0 0 24px #db2777,0 0 48px #db2777}50%{text-shadow:0 0 8px #db2777,0 0 20px #db2777,0 0 40px #7c3aed,0 0 80px #7c3aed}}.megatron-heading-neonGlow{-webkit-text-fill-color:transparent!important;-webkit-text-stroke:1.5px #fff!important;animation:3s ease-in-out infinite neon-glow-anim!important}.device-card.device-card-alert{animation:2s ease-in-out infinite glow-alert}.device-card.device-card-zoom-error{animation:2s ease-in-out infinite glow-zoom}.device-card.device-card-ratio-error{animation:2s ease-in-out infinite glow-ratio}.device-card.device-card-load-error{animation:2s ease-in-out infinite glow-load}.device-card.device-card-duplicate-error{animation:2s ease-in-out infinite glow-duplicate}.device-card.device-card-identifier-error{animation:2s ease-in-out infinite glow-identifier}.device-card.age-fresh{border:2.5px solid #10b981!important}.device-card.age-lime{border:2.5px solid #84cc16!important}.device-card.age-yellow{border:2.5px solid #eab308!important}.device-card.age-amber{border:2.5px solid #f59e0b!important}.device-card.age-orange{border:2.5px solid #f97316!important}.device-card.age-dark-orange{border:2.5px solid #ea580c!important}.device-card.age-brown{border:2.5px solid #78350f!important}.device-card.age-black{border:2.5px solid #18181b!important}.device-card.age-never{border:2.5px dashed #9ca3af!important}.device-card.device-highlighted{color:#000!important;background:#ff3!important}.device-card.device-highlighted strong,.device-card.device-highlighted span,.device-card.device-highlighted div,.device-card.device-highlighted p,.device-card.device-highlighted small,.device-card.device-highlighted .timestamp{color:#000!important}.device-card.device-highlighted .btn-outline{color:#000!important;border-color:#0006!important}.device-card.device-highlighted .btn-outline:hover{background:#0000001a!important}.device-dimmed{opacity:.35;transition:opacity .2s}.device-dimmed:hover{opacity:1}.copyable-text .copy-btn{opacity:0;cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:2px;font-size:14px;transition:opacity .2s;display:inline-flex}.copyable-text:hover .copy-btn{opacity:1}.copyable-text .copy-btn:hover{color:#3b82f6}.copy-img-btn{color:#fff;cursor:pointer;opacity:0;z-index:30;background:#0009;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:700;transition:opacity .2s;display:flex;position:absolute;bottom:10px;right:10px}.img-container:hover .copy-img-btn{opacity:1}.copy-img-btn:hover{background:#000c}.timestamp{color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;margin:0;font-size:.8em;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;left:0}.timestamp-container.has-history:hover .timestamp{left:86px}button{color:#fff;cursor:pointer;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #3b82f626,inset 0 1px #fff3}button:hover:not(:disabled){background:linear-gradient(#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f640}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;background:#d1d5db;transform:none}.btn-success{background:#10b981}.btn-success:hover{background:#059669}.btn-warning{background:#f59e0b}.btn-warning:hover{background:#d97706}.btn-danger{background:#ef4444}.btn-danger:hover{background:#dc2626}.btn-outline{background:var(--panel-bg);color:var(--btn-outline-text);border:1px solid var(--btn-outline-border)}.btn-outline:hover{background:var(--btn-outline-hover-bg)}.timestamp-container{border-radius:4px;flex:1;align-items:center;height:26px;margin-top:4px;margin-right:10px;display:flex;position:relative;overflow:hidden}.history-controls{z-index:20;background:#fff;border-radius:4px;gap:2px;padding:2px;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:-90px;transform:translateY(-50%)}.timestamp-container.has-history:hover .history-controls{left:0}.history-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.history-btn:hover:not(:disabled){color:#3b82f6;background:#f3f4f6}.history-btn:disabled{opacity:.3;cursor:default}.btn-icon{cursor:pointer;color:#cbd5e1;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:all .2s;display:flex}.btn-icon:hover{color:var(--text-muted);background:#f1f5f9;transform:scale(1.1)}.btn-icon.active.star{color:#eab308;background:#fef9c3}.btn-icon.active.triangle{color:#8b5cf6;background:#ede9fe}.btn-icon.active.bucket{color:#3b82f6;background:#dbeafe}.btn-icon.active.bag{color:#ec4899;background:#fce7f3}.overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;max-width:90%;max-height:90%;padding:24px;position:relative;overflow:visible;box-shadow:0 25px 50px -12px #00000040}.close-btn{cursor:pointer;color:#fff;z-index:10;background:#374151;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:20px;font-weight:700;line-height:1;transition:all .2s;display:flex;position:absolute;top:-15px;right:-15px;box-shadow:0 4px 6px #0000001a}.close-btn:hover{background:#111;transform:scale(1.1)}.info-btn{color:var(--text-muted);cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:8px;padding:2px;font-size:12px;font-weight:700;display:inline-flex}.info-btn:hover{background:#d1d5db}.terminal-overlay{height:300px;padding:20px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;color:#10b981!important;z-index:9999!important;background:#090d16!important;border-top:4px solid #10b981!important;border-left:1px solid #ffffff1a!important;border-right:1px solid #ffffff1a!important;font-family:Fira Code,Menlo,Monaco,monospace!important;box-shadow:0 -10px 25px #00000080!important}.terminal-close{cursor:pointer;opacity:.7;font-family:sans-serif;font-size:24px;position:absolute;top:15px;right:25px;color:#fff!important}.terminal-close:hover{opacity:1}.diagnostics-panel{overscroll-behavior:contain;height:300px;margin:10px 5px 20px;overflow-y:auto;color:#e2e8f0!important;background:#090d16!important;border:1px solid #ffffff1a!important;border-radius:12px!important;padding:18px!important;font-family:Fira Code,Menlo,Monaco,monospace!important;font-size:12px!important;box-shadow:inset 0 2px 8px #000c,0 4px 12px #00000080!important}.diagnostics-panel .log-line{word-break:break-all;margin:4px 0!important;line-height:1.5!important}.diagnostics-panel .log-timestamp{margin-right:10px;font-weight:500;color:#569cd6!important}.diagnostics-panel .log-level-error{color:#f87171!important}.diagnostics-panel .log-level-warn{color:#fbbf24!important}.diagnostics-panel .log-level-info{color:#60a5fa!important}.diagnostics-panel .log-level-log{color:#cbd5e1!important}@keyframes pulse-blue{0%{border-color:#93c5fd;box-shadow:0 0 #3b82f666}50%{border-color:#3b82f6;box-shadow:0 0 0 6px #3b82f600}to{border-color:#93c5fd;box-shadow:0 0 #3b82f600}}.border-blue-pulse{animation:1.5s infinite pulse-blue;border-color:#3b82f6!important}.border-orange{border-color:#f97316!important}.border-red{border-color:#ef4444!important}.border-darkred{border-color:#991b1b!important}.border-brown{border-color:#78350f!important}.border-darkgrey{border-color:var(--text-muted)!important}.border-black{border-color:#111827!important}.border-green{border-color:#10b981!important}:root{--bg-color:#f3f4f6;--text-color:#1f2937;--panel-bg:linear-gradient(to bottom, #fff 0%, #f8fafc 100%);--border-color:#e5e7eb;--channel-card-bg:#fff;--channel-card-border:#e5e7eb;--channel-card-shadow:0 2px 8px #0000000d, 0 1px 3px #00000005;--card-bg:linear-gradient(145deg, #fff 0%, #f3f4f6 100%);--title-color:#111827;--btn-outline-border:#d1d5db;--btn-outline-text:#4b5563;--btn-outline-hover-bg:#f9fafb;--btn-outline-hover-border:#9ca3af;--settings-bg:#fff;--settings-text:#374151;--archive-note-bg:#f3f4f6;--time-ago-color:var(--text-muted);--device-bg:#fff;--spinner-color:#3b82f6;--soft-shadow:0 4px 20px -2px #0000000d, 0 2px 6px -1px #00000008, inset 0 1px 1px #ffffffe6;--zoom-error-border:#06b6d4;--zoom-error-bg:#ecfeff;--ratio-error-border:#ec4899;--ratio-error-bg:#fff1f2;--load-error-border:#e11d48;--load-error-bg:#fff1f2;--duplicate-error-border:#f97316;--duplicate-error-bg:#fff7ed;--identifier-error-border:#2c3e50;--identifier-error-bg:#f1f5f9}[data-theme=dark]{--bg-color:#121212;--text-color:#e5e5ea;--panel-bg:linear-gradient(to bottom, #222 0%, #181818 100%);--channel-card-bg:#18181b;--channel-card-border:#27272a;--channel-card-shadow:0 4px 16px #00000040, 0 1px 4px #00000026;--border-color:#ffffff14;--card-bg:linear-gradient(145deg, #262626 0%, #1a1a1a 100%);--title-color:#f5f5f7;--btn-outline-border:#3a3a3c;--btn-outline-text:#a1a1a6;--btn-outline-hover-bg:#2c2c2e;--btn-outline-hover-border:#48484a;--settings-bg:#1e1e1e;--settings-text:#e5e5ea;--archive-note-bg:#2c2c2e;--time-ago-color:var(--text-muted);--device-bg:#181818;--spinner-color:#a1a1a6;--soft-shadow:0 4px 25px -2px #0000008c, 0 2px 10px -1px #0006, inset 0 1px 0px #ffffff14;--zoom-error-border:#06b6d4;--zoom-error-bg:#06b6d414;--ratio-error-border:#ec4899;--ratio-error-bg:#ec489914;--load-error-border:#e11d48;--load-error-bg:#e11d4814;--duplicate-error-border:#f97316;--duplicate-error-bg:#f9731614;--identifier-error-border:#475569;--identifier-error-bg:#47556914}body{background:var(--bg-color);color:var(--text-color)}h1,h2,h3,h4{color:var(--title-color)}.header-controls{background:var(--panel-bg);border-color:var(--border-color)}.location-group{background:var(--panel-bg);border-color:#0000 #0000 #0000 #ccc;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #0f172a33,0 1px 4px #0f172a26}.location-group:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0f172a4d,0 2px 8px #0f172a33}.location-header{border-bottom-color:var(--border-color)}.device-card{background:var(--card-bg);border-color:var(--border-color)}.btn-outline{border-color:var(--btn-outline-border);color:var(--btn-outline-text)}.btn-outline:hover{background:var(--btn-outline-hover-bg);border-color:var(--btn-outline-hover-border)}.settings-menu{background:var(--settings-bg);border-color:var(--border-color);color:var(--settings-text);box-shadow:0 10px 25px -5px #00000080}.settings-menu h4{color:var(--title-color);border-bottom-color:var(--border-color)}.settings-menu hr{border-top-color:var(--border-color)}.settings-menu label,.settings-menu span{color:var(--settings-text)!important}.settings-menu input[type=file]{color:var(--settings-text)}.cookie-input-wrapper textarea{background:var(--bg-color);color:var(--text-color);border-color:var(--border-color)}.archive-note{background:var(--archive-note-bg);color:var(--time-ago-color)}.time-ago{color:var(--time-ago-color)!important}.queue-status>div{background:var(--panel-bg)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}.search-bar input[type=text]{background:var(--panel-bg);color:var(--text-color);border-color:var(--btn-outline-border)}.sort-select{background-color:var(--panel-bg);color:var(--text-color);border-color:var(--btn-outline-border)}.fav-controls{background:var(--settings-bg);border-color:var(--border-color)}.modal{background:var(--panel-bg);color:var(--text-color)}.history-btn{color:var(--time-ago-color)}.history-btn:hover:not(:disabled){background:var(--btn-outline-hover-bg)}.toggle-switch{width:40px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:20px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translate(20px)}.history-count-badge{color:#fff;z-index:10;opacity:0;pointer-events:none;background:#8b5cf6;border-radius:10px;padding:3px 6px;font-size:10px;font-weight:700;transition:opacity .25s cubic-bezier(.4,0,.2,1);position:absolute;top:8px;left:8px;box-shadow:0 2px 4px #00000040}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.screenshot-slide-wrapper{justify-content:center;align-items:center;width:100%;height:100%;animation:.4s cubic-bezier(.4,0,.2,1) forwards slideInFromRight;display:flex}.zoom-modal-close{cursor:pointer;color:#f8fafc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10100;background:#1c1c1cb3;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.zoom-modal-close:hover{transform:scale(1.1);background:#1c1c1ce6!important}.zoom-nav-btn{cursor:pointer;color:#fff;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c1c1c99;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.zoom-nav-btn:hover:not(:disabled){background:#1c1c1cd9!important;transform:translateY(-50%)scale(1.1)!important}.zoom-nav-btn:disabled{opacity:.15;cursor:not-allowed}.zoom-nav-prev{left:30px}.zoom-nav-next{right:30px}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fastFade{0%{opacity:0}to{opacity:1}}.matrix-view .copy-img-btn{top:10px!important;bottom:auto!important}.device-card .history-count-badge{opacity:0;pointer-events:none;transition:opacity .15s ease-in-out}.device-card:hover .history-count-badge{opacity:1}.server-info-clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease-in-out}.server-info-clickable:hover{transform:translateY(-.5px);border-color:var(--btn-outline-hover-border)!important;background:var(--btn-outline-hover-bg)!important}.server-info-clickable:active{transform:scale(.98)}.active-filters-chips{margin-top:10px}.filter-chip{cursor:default;transition:all .2s ease-in-out}.filter-chip:hover{transform:translateY(-1px);border-color:var(--btn-outline-hover-border)!important;background:var(--btn-outline-hover-bg)!important}.filter-chip button{transition:color .15s}.filter-chip button:hover{color:#ef4444!important}.clear-all-filters-btn{border-radius:6px;transition:all .2s ease-in-out}.clear-all-filters-btn:hover{color:#dc2626!important;background:#ef444414!important}.search-bar input[type=text],.filter-dropdown-wrapper>div>button,.sort-select,.refresh-select-wrapper{box-sizing:border-box!important;border-radius:8px!important;height:44px!important;font-size:14px!important;font-weight:500!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.search-bar input[type=text]{padding:0 65px 0 16px!important}.filter-dropdown-wrapper>div>button{cursor:pointer!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:0 16px!important;display:flex!important}.sort-select{align-items:center!important;padding:0 36px 0 16px!important;display:flex!important}.refresh-select-wrapper{border-radius:8px!important;align-items:center!important;height:44px!important;padding-left:12px!important;display:flex!important}.refresh-select-wrapper select{height:100%!important;padding:0 28px 0 8px!important;font-size:14px!important;font-weight:500!important}.btn-outline:hover:not(:disabled),.refresh-select-wrapper:hover:not(:disabled),.sort-select:hover:not(:disabled){background:var(--btn-outline-hover-bg)!important;border-color:var(--btn-outline-hover-border)!important;color:var(--text-color)!important;transform:translateY(-1px)!important;box-shadow:0 4px 10px #0000000d!important}.btn-danger:hover:not(:disabled){color:#fff!important;background:#dc2626!important;border-color:#b91c1c!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #ef444440!important}.btn-danger,.btn-danger *{color:#fff!important}.info-btn:hover{background:var(--border-color)!important;color:var(--text-color)!important}.btn-icon:hover{background:var(--btn-outline-hover-bg)!important;color:var(--text-color)!important}.btn-icon.active.star:hover{background:#eab30840!important}.btn-icon.active.triangle:hover{background:#8b5cf640!important}.btn-icon.active.bucket:hover{background:#3b82f640!important}.btn-icon.active.bag:hover{background:#ec489940!important}.clear-search-btn:hover,.search-bar .info-btn:hover{color:var(--text-color)!important;background:0 0!important}.search-bar .info-btn.regex-active:hover{color:#fff!important;background:#8b5cf6!important}.device-card:hover,.matrix-view .device-card:hover{z-index:50!important}.channels-grid{flex-direction:column;gap:20px;padding:16px;display:flex}.channel-card{background:var(--channel-card-bg);border:1px solid var(--channel-card-border);box-sizing:border-box;box-shadow:var(--channel-card-shadow);isolation:isolate;border-radius:12px;margin-bottom:15px;padding:24px;transition:background .3s,border-color .3s,box-shadow .3s;position:relative}.bezel-container{box-sizing:border-box;z-index:2;background:#27272a;border:2px solid #0f0f11;border-radius:10px;gap:4px;padding:8px;display:flex;position:relative;box-shadow:inset 0 2px 8px #000c,0 8px 24px #0009}.drive-thru-bezel{border-bottom-width:2px!important;border-bottom-color:#303035!important;padding-bottom:60px!important}.missing-capture{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;animation:3s ease-in-out infinite missingCapturePulse;display:flex;background:repeating-linear-gradient(45deg,#18181b,#18181b 10px,#27272a 10px 20px)!important;border:1px dashed #3f3f46!important}@keyframes missingCapturePulse{0%,to{opacity:.95}50%{opacity:.7}}.media-player-box{z-index:10;border-radius:5px;justify-content:space-between;align-items:center;width:80px;height:22px;padding:0 6px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0009,inset 0 1px #ffffff0d;background:linear-gradient(#2d2d30,#141416)!important;border:1.5px solid #4a4a4f!important}.led-power{border-radius:50%;width:5px;height:5px;transition:all .25s}.led-power.online{background:#10b981;box-shadow:0 0 4px #10b981,0 0 8px #10b981}.led-power.offline{box-shadow:none;background:#52525b}.led-activity{border-radius:50%;width:5px;height:5px;transition:all .25s}.led-activity.online{background:#3b82f6;animation:.8s infinite alternate ledBlinkRandom;box-shadow:0 0 4px #3b82f6,0 0 8px #3b82f6}.led-activity.offline{box-shadow:none;background:#52525b}@keyframes ledBlinkRandom{0%{opacity:.2}to{opacity:1}}.wiring-line{transition:stroke .25s,stroke-width .25s}.wiring-line.online{stroke:#10b981;filter:drop-shadow(0 0 2px #10b98199)}.wiring-line.error{stroke:#ef4444;filter:drop-shadow(0 0 3px #ef4444cc)}.wiring-line.offline{stroke:#3f3f46;filter:none}.device-card-channel-mode{box-sizing:border-box;z-index:auto;border-radius:8px;flex:1;min-width:220px;max-width:300px;margin-top:10px;padding:24px 16px 16px;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s;position:relative;background:var(--device-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px #0000002e,0 1px 3px #0000001f!important}.device-card-channel-mode:hover{transform:translateY(-2px);z-index:50!important;border-color:#3f3f46!important;box-shadow:0 12px 28px #0000004d,0 4px 10px #0003!important}.device-card-channel-mode.missing-hardware{filter:grayscale();pointer-events:none;opacity:.5!important;background:0 0!important;border:2px dashed #4b5563!important}.bezel-container img{object-fit:fill;width:100%;height:100%;display:block}.bezel-container img.sliced-img{width:auto;max-width:none;height:100%}.device-actions-bar button{box-sizing:border-box!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:28px!important;min-width:28px!important;height:28px!important;padding:0!important;display:inline-flex!important}.device-card-channel-mode.device-card-alert{animation:2s ease-in-out infinite glow-alert}.device-card-channel-mode.device-card-zoom-error{animation:2s ease-in-out infinite glow-zoom}.device-card-channel-mode.device-card-ratio-error{animation:2s ease-in-out infinite glow-ratio}.device-card-channel-mode.device-card-load-error{animation:2s ease-in-out infinite glow-load}.device-card-channel-mode.device-card-duplicate-error{animation:2s ease-in-out infinite glow-duplicate}.device-card-channel-mode.device-card-identifier-error{animation:2s ease-in-out infinite glow-identifier}.device-card-channel-mode.age-fresh{border:2.5px solid #10b981!important}.device-card-channel-mode.age-lime{border:2.5px solid #84cc16!important}.device-card-channel-mode.age-yellow{border:2.5px solid #eab308!important}.device-card-channel-mode.age-amber{border:2.5px solid #f59e0b!important}.device-card-channel-mode.age-orange{border:2.5px solid #f97316!important}.device-card-channel-mode.age-dark-orange{border:2.5px solid #ea580c!important}.device-card-channel-mode.age-brown{border:2.5px solid #78350f!important}.device-card-channel-mode.age-black{border:2.5px solid #18181b!important}.device-card-channel-mode.age-never{border:2.5px dashed #9ca3af!important}img.aspect-error-img{object-fit:contain!important;object-position:left!important;width:auto!important;height:100%!important;transform:none!important}.notification-modal{border:1px solid var(--border-color);background:var(--panel-bg);min-width:380px;max-width:480px;color:var(--text-color);border-radius:12px;flex-direction:column;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) scale-up;display:flex;position:relative;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0006}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.notification-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.notification-title{color:var(--text-color);margin:0;font-size:16px;font-weight:700}.notification-body{color:var(--text-color);white-space:pre-wrap;word-break:break-word;margin-bottom:24px;font-size:14px;line-height:1.5}.notification-footer{justify-content:flex-end;display:flex}.notification-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.notification-btn-primary{color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 4px #2563eb33}.notification-btn-primary:hover{background:linear-gradient(#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 8px #2563eb4d}
