:root{--bg: #060c06;--green: #5fcf6e;--gold: #f5c842;--white: #f0f7f0;--muted: #4a6b4a;--muted2: #7a9a7a;--border: #1a2e1a;--panel: #0a140a;--panel2: #0e1c0e;--danger: #e05555}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg)}body{color:var(--white);font-family:Barlow,sans-serif;min-height:100vh}.wrap{max-width:1080px;margin:0 auto;padding:24px 20px 90px}header{display:flex;align-items:baseline;gap:14px;margin-bottom:20px;flex-wrap:wrap}.logo{font-family:Bebas Neue,sans-serif;font-size:40px;letter-spacing:2px;line-height:1;cursor:pointer;user-select:none}.logo .p1{color:var(--white)}.logo .p2{color:var(--green)}.tagline{color:var(--muted2);font-size:13px}.hdr-actions{margin-left:auto;align-self:center;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--panel);color:var(--white);border-radius:8px;padding:7px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.chip:hover{border-color:var(--green)}.chip.gold{color:var(--gold)}.chip.on{border-color:var(--gold);color:var(--gold)}.chip.danger{color:var(--danger)}.chip:disabled{opacity:.45;cursor:default}.viewas-banner{background:#f5c8421a;border:1px solid rgba(245,200,66,.4);color:var(--gold);border-radius:10px;padding:8px 14px;font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:10px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:16px}.panel h2{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:20px;letter-spacing:.5px;margin-bottom:12px;color:var(--green)}.panel h3{font-size:15px;margin:14px 0 8px;color:var(--white)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.frame-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;cursor:pointer;transition:border-color .15s}.frame-card:hover{border-color:var(--green)}.frame-card .fname{font-size:18px;font-weight:700;margin-bottom:6px}.frame-card .fsub{color:var(--muted2);font-size:13px}.frame-card .fplaying{color:var(--white);font-size:13px;margin-top:8px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:1px}.dot.on{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.off{background:var(--muted)}.offline-banner{background:#e055551a;border:1px solid rgba(224,85,85,.45);color:#f0a0a0;border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:14px}.now-playing{font-family:Bebas Neue,sans-serif;font-size:30px;letter-spacing:1px;margin-bottom:2px}.now-sub{color:var(--muted2);font-size:13px;margin-bottom:14px}.patterns{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pat{border:1px solid var(--border);border-radius:10px;background:var(--panel2);padding:10px;cursor:pointer;text-align:center;font-size:13px;font-weight:600;color:var(--white)}.pat:hover{border-color:var(--green)}.pat.active{border-color:var(--gold);color:var(--gold)}.pat img{width:100%;height:44px;object-fit:cover;border-radius:6px;margin-bottom:6px;background:#000;display:block}.pat .noimg{width:100%;height:44px;border-radius:6px;margin-bottom:6px;background:linear-gradient(135deg,#0e1c0e,#142814)}.ctl{margin-bottom:14px}.ctl label{display:flex;justify-content:space-between;font-size:13px;color:var(--muted2);margin-bottom:5px}.ctl label b{color:var(--white);font-weight:600}.ctl input[type=range]{width:100%;accent-color:var(--green);height:26px}.ctl.gold input[type=range]{accent-color:var(--gold)}.diag{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.diag .d{background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:10px}.diag .d .k{color:var(--muted2);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.diag .d .v{font-size:17px;font-weight:700;margin-top:3px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}input[type=text],input[type=email],select,textarea{background:var(--panel2);border:1px solid var(--border);color:var(--white);border-radius:8px;padding:8px 10px;font:inherit;font-size:14px}input[type=text],input[type=email]{min-width:200px}textarea{width:100%;min-height:160px;font-family:monospace;font-size:12px}select{cursor:pointer}table.list{width:100%;border-collapse:collapse;font-size:13px}table.list th{text-align:left;color:var(--muted2);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--border)}table.list td{padding:7px 8px;border-bottom:1px solid var(--border)}table.list tr:last-child td{border-bottom:none}.mono{font-family:monospace;font-size:12px;word-break:break-all}.secret-box{background:#5fcf6e14;border:1px solid rgba(95,207,110,.4);border-radius:10px;padding:14px;margin-top:10px}.secret-box .warn{color:var(--gold);font-size:13px;font-weight:600;margin-bottom:8px}.logbox{background:#000;border:1px solid var(--border);border-radius:10px;padding:10px;max-height:420px;overflow:auto;font-family:monospace;font-size:11px;white-space:pre-wrap;word-break:break-all;line-height:1.5}.logbox .dir{color:var(--gold)}.logbox .t{color:var(--muted)}.err{color:var(--danger);font-size:13px;margin:8px 0}.ok{color:var(--green);font-size:13px;margin:8px 0}.hint{color:var(--muted2);font-size:12px;margin-top:6px;line-height:1.5}.tabbar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.center{text-align:center;padding:60px 20px;color:var(--muted2)}.center .big{font-family:Bebas Neue,sans-serif;font-size:30px;color:var(--white);letter-spacing:1px;margin-bottom:10px}a{color:var(--green)}