@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-tight-cyrillic-ext-400-normal-CKO3cWyd.woff2) format("woff2"),url(/assets/inter-tight-cyrillic-ext-400-normal-DiHHcP5k.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-tight-cyrillic-400-normal-G7BuwYWK.woff2) format("woff2"),url(/assets/inter-tight-cyrillic-400-normal-DPRou3KO.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-tight-greek-ext-400-normal-C3GMUg_S.woff2) format("woff2"),url(/assets/inter-tight-greek-ext-400-normal-DMqR5RoS.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-tight-greek-400-normal-Br_GQm5W.woff2) format("woff2"),url(/assets/inter-tight-greek-400-normal-BLLSFQTx.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-tight-vietnamese-400-normal-CqzIqjuX.woff2) format("woff2"),url(/assets/inter-tight-vietnamese-400-normal-kSDs3Vd1.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-tight-latin-ext-400-normal-DN7wyBvd.woff2) format("woff2"),url(/assets/inter-tight-latin-ext-400-normal-BQQeeQrv.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-tight-latin-400-normal-iW8qmuJY.woff2) format("woff2"),url(/assets/inter-tight-latin-400-normal-BLrFJfvD.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-tight-cyrillic-ext-500-normal-BZAF-_VI.woff2) format("woff2"),url(/assets/inter-tight-cyrillic-ext-500-normal-Dy1ZB9JY.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-tight-cyrillic-500-normal-5ykfyGeh.woff2) format("woff2"),url(/assets/inter-tight-cyrillic-500-normal-CRXauZSq.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-tight-greek-ext-500-normal-Be7hKmpC.woff2) format("woff2"),url(/assets/inter-tight-greek-ext-500-normal-BEGGcu3x.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-tight-greek-500-normal-kave9HZE.woff2) format("woff2"),url(/assets/inter-tight-greek-500-normal-Ca-cFdRH.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-tight-vietnamese-500-normal-C7jl9LDK.woff2) format("woff2"),url(/assets/inter-tight-vietnamese-500-normal-CO4EMNTO.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-tight-latin-ext-500-normal-D3akd6m-.woff2) format("woff2"),url(/assets/inter-tight-latin-ext-500-normal-_hLDZz_3.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-tight-latin-500-normal-BFXNXuvF.woff2) format("woff2"),url(/assets/inter-tight-latin-500-normal-pobXraBK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-tight-cyrillic-ext-600-normal-B4SKDMEv.woff2) format("woff2"),url(/assets/inter-tight-cyrillic-ext-600-normal-_3ga77Eo.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-tight-cyrillic-600-normal-BERwQ0yl.woff2) format("woff2"),url(/assets/inter-tight-cyrillic-600-normal-BeTasGgk.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-tight-greek-ext-600-normal-CiDI6ET5.woff2) format("woff2"),url(/assets/inter-tight-greek-ext-600-normal-5gKW7MDU.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-tight-greek-600-normal-BIqmcc-q.woff2) format("woff2"),url(/assets/inter-tight-greek-600-normal-67HAlfW-.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-tight-vietnamese-600-normal-FGgebaLI.woff2) format("woff2"),url(/assets/inter-tight-vietnamese-600-normal-BCXZ1BbA.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-tight-latin-ext-600-normal-BgMgWFts.woff2) format("woff2"),url(/assets/inter-tight-latin-ext-600-normal-BvYdOF2O.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-tight-latin-600-normal-BgSTtRxb.woff2) format("woff2"),url(/assets/inter-tight-latin-600-normal-D7bG6gX1.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-0:#0a0c0f;--bg-1:#101317;--surface-1:#15181d;--surface-2:#1b1f25;--surface-3:#22272e;--border:#22262d;--border-strong:#2c323a;--text-hi:#e8ebf0;--text-mid:#98a1ac;--text-lo:#606872;--accent:#4c8dff;--accent-weak:rgba(76,141,255,.14);--live:#e5484d;--ok:#3fb950;--warn:#e0a33a;--drop-ok:#22e07a;--r-sm:6px;--r-md:8px;--r-full:99px;--e-1:0 1px 2px rgba(0,0,0,.4);--e-2:0 10px 30px rgba(0,0,0,.55);--f-ui:"Inter Tight",system-ui,"Segoe UI","Noto Sans Thai",sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",monospace;--ease:cubic-bezier(.2,.6,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--t-fast:.12s;--t-base:.16s;--t-slow:.22s;--bar:48px;--panel:262px;--gap:6px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-0);color:var(--text-hi);font-family:var(--f-ui);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}.mono{font-family:var(--f-mono);font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}input{font-family:inherit}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-0),0 0 0 4px var(--accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:1ms!important}}.app{display:flex;flex-direction:column;height:100dvh}.bar{height:var(--bar);flex:0 0 var(--bar);display:flex;align-items:center;gap:var(--s-3,12px);padding:0 12px;background:var(--surface-1);border-bottom:1px solid var(--border)}.ico{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--r-sm);border:1px solid transparent;color:var(--text-mid);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.ico:hover{background:var(--surface-2);color:var(--text-hi)}.ico:active{background:var(--surface-3);transform:scale(.94)}.ico[aria-pressed=true]{color:var(--accent);background:var(--accent-weak)}.ico[disabled]{opacity:.35;cursor:default}.ico svg{width:16px;height:16px}.mark{font-family:var(--f-mono);font-size:12px;font-weight:500;color:var(--text-mid);letter-spacing:.02em;white-space:nowrap;margin-left:8px}.mark b{color:var(--text-hi);font-weight:600}.mark i{color:var(--text-lo);font-style:normal;margin:0 4px}.seg{position:relative;display:flex;background:var(--surface-2);border-radius:var(--r-sm);padding:2px;margin-left:12px}.seg button{position:relative;z-index:1;padding:5px 11px;font-size:12px;font-weight:500;color:var(--text-mid);border-radius:4px;line-height:1;white-space:nowrap;transition:color var(--t-fast) var(--ease)}.seg button:hover,.seg button.on{color:var(--text-hi)}.seg .ind{position:absolute;top:2px;bottom:2px;background:var(--surface-3);border-radius:4px;transition:transform var(--t-base) var(--ease),width var(--t-base) var(--ease);z-index:0}.grow{flex:1}.tele{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-lo);white-space:nowrap}.tele .d{color:var(--border-strong)}.tele b{color:var(--text-mid);font-weight:500}.clock{font-size:13px;font-weight:500;color:var(--text-mid);letter-spacing:.02em;margin-left:6px;white-space:nowrap}.wrap{flex:1;display:flex;min-height:0;position:relative}.panel{width:var(--panel);flex:0 0 var(--panel);background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;transition:margin-left var(--t-slow) var(--ease)}.app.panel-closed .panel{margin-left:calc(-1 * var(--panel) - 1px)}.backdrop{position:absolute;inset:0;z-index:30;background:#00000080;opacity:0;pointer-events:none;transition:opacity var(--t-base) var(--ease)}.stage{flex:1;position:relative;min-width:0;background:var(--bg-0);overflow:auto}.p-head{display:flex;align-items:center;gap:8px;padding:16px 16px 12px}.p-title{font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-lo)}.p-head .cnt{margin-left:auto;font-family:var(--f-mono);font-size:11px;color:var(--text-mid)}.p-quality{display:flex;align-items:center;gap:8px;padding:0 16px 12px;font-size:12px;color:var(--text-mid)}.qbtn{font-family:var(--f-mono);font-size:11px;color:var(--text-hi);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:4px 10px;transition:all var(--t-fast) var(--ease)}.qbtn:hover{border-color:var(--border-strong)}.qbtn:active{transform:scale(.96)}.search{padding:0 16px 12px}.search input{width:100%;height:34px;padding:0 12px;font-size:13px;color:var(--text-hi);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;transition:border-color var(--t-fast) var(--ease)}.search input::placeholder{color:var(--text-lo)}.search input:focus{border-color:var(--border-strong)}.acts{display:flex;gap:8px;padding:0 16px 12px}.acts .mini{flex:1;height:30px;font-size:12px;color:var(--text-mid);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-sm);transition:all var(--t-fast) var(--ease)}.acts .mini:hover{background:var(--surface-2);color:var(--text-hi)}.list{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0 16px}.grp{margin-top:12px}.grp:first-child{margin-top:4px}.grp-head{display:flex;align-items:center;gap:7px;padding:6px 16px 7px;cursor:pointer;user-select:none;font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-lo)}.grp-head:hover{color:var(--text-mid)}.grp-head .chev{width:11px;height:11px;transition:transform var(--t-base) var(--ease)}.grp.collapsed .chev{transform:rotate(-90deg)}.grp-head .gc{margin-left:auto;letter-spacing:.02em}.grp.collapsed .rows{display:none}.row{display:flex;align-items:center;gap:10px;height:38px;padding:0 16px;cursor:pointer;position:relative;touch-action:none;transition:background var(--t-fast) var(--ease)}.row:hover{background:var(--surface-1)}.row.on:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;border-radius:2px;background:var(--accent)}.dot{width:6px;height:6px;border-radius:var(--r-full);background:var(--text-lo);flex:0 0 6px}.dot.live,.dot.online{background:var(--ok)}.dot.offline{background:var(--warn)}.dot.live{animation:pulse 2.4s var(--ease) infinite}.tgl{width:30px;height:18px;flex:0 0 30px;border-radius:var(--r-full);background:var(--surface-3);position:relative;transition:background var(--t-base) var(--ease)}.tgl:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:var(--r-full);background:var(--text-lo);transition:transform var(--t-base) var(--ease),background var(--t-base) var(--ease)}.row.on .tgl{background:var(--accent-weak)}.row.on .tgl:after{transform:translate(12px);background:var(--accent)}.cam-name{flex:1;font-size:13px;color:var(--text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row.on .cam-name{color:var(--text-hi)}.cam-id{font-family:var(--f-mono);font-size:10.5px;color:var(--text-lo);white-space:nowrap;transition:opacity var(--t-fast) var(--ease)}.row-del{position:absolute;right:12px;width:26px;height:26px;display:grid;place-items:center;color:var(--text-lo);border-radius:var(--r-sm);opacity:0;transition:opacity var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.row:hover .row-del{opacity:1}.row:hover .cam-id{opacity:0}.row-del:hover{background:var(--surface-3);color:var(--live)}.row-del svg{width:14px;height:14px}.empty-list{padding:26px 16px;text-align:center;color:var(--text-lo);font-size:12px;line-height:1.6}.scan{border-bottom:1px solid var(--border);background:var(--surface-1);max-height:0;overflow:hidden;transition:max-height var(--t-slow) var(--ease)}.scan.open{max-height:540px}.scan-in{padding:12px 16px 16px}.scan-top{display:flex;align-items:center;margin-bottom:12px}.scan-top b{font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mid)}.scan-top .x{margin-left:auto;width:24px;height:24px;display:grid;place-items:center;color:var(--text-lo);border-radius:var(--r-sm)}.scan-top .x:hover{background:var(--surface-2);color:var(--text-hi)}.scan-top .x svg{width:14px;height:14px}.scan-lbl{font-size:11px;color:var(--text-lo);margin-bottom:7px}.codes{display:flex;flex-wrap:wrap;gap:5px}.code{font-family:var(--f-mono);font-size:10.5px;color:var(--text-mid);padding:4px 8px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-1);transition:all var(--t-fast) var(--ease);user-select:none}.code:hover{border-color:var(--border-strong);color:var(--text-hi)}.code:active{transform:scale(.94)}.code.on{color:var(--accent);border-color:transparent;background:var(--accent-weak)}.scan-cfg{display:flex;align-items:center;gap:8px;margin-top:12px}.scan-cfg label{font-size:11px;color:var(--text-mid)}.stepper{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background:var(--bg-1)}.stepper button{width:26px;height:28px;color:var(--text-mid)}.stepper button:hover{color:var(--text-hi);background:var(--surface-2)}.stepper span{width:30px;text-align:center;font-family:var(--f-mono);font-size:12px}.scan-run{display:flex;gap:8px;margin-top:12px}.scan-run button{flex:1;height:32px;border-radius:var(--r-sm);font-size:12px;font-weight:500;transition:all var(--t-fast) var(--ease)}.scan-run button:active{transform:scale(.98)}.scan-start{background:var(--accent);color:#fff}.scan-start:hover{filter:brightness(1.08)}.scan-stop{background:var(--surface-2);color:var(--text-mid);border:1px solid var(--border);display:none}.scan.running .scan-start{display:none}.scan.running .scan-stop{display:block}.scan-prog{margin-top:12px;font-family:var(--f-mono);font-size:10.5px;color:var(--text-mid)}.pbar{height:2px;background:var(--surface-3);border-radius:2px;margin-top:6px;overflow:hidden}.pbar>i{display:block;height:100%;width:0;background:var(--accent);transition:width .18s var(--ease)}.addbox{display:flex;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.addbox input{flex:1;height:30px;padding:0 10px;font-family:var(--f-mono);font-size:11px;color:var(--text-hi);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-sm);outline:none}.addbox input:focus{border-color:var(--border-strong)}.addbox button{width:32px;height:30px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-mid);display:grid;place-items:center}.addbox button:hover{color:var(--text-hi)}.addbox button svg{width:14px;height:14px}.grid{display:grid;gap:var(--gap);padding:var(--gap);align-content:start;min-height:100%;touch-action:pan-y}.grid[data-l="2x2"]{grid-template-columns:repeat(2,1fr)}.grid[data-l="3x3"]{grid-template-columns:repeat(3,1fr)}.grid[data-l="4x4"]{grid-template-columns:repeat(4,1fr)}.grid[data-l=fit]{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;height:100%;overflow:hidden}.slot{position:relative;border-radius:var(--r-md);overflow:hidden}.grid:not([data-l=fit]) .slot{aspect-ratio:16/9}.grid[data-l=fit] .tile{width:var(--tw,320px);height:var(--th,180px);flex:0 0 auto}.slot--empty{display:grid;place-items:center;border:1.5px dashed var(--border-strong);background:repeating-linear-gradient(45deg,transparent 0 10px,rgba(76,141,255,.03) 10px 20px);color:var(--text-lo);transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.slot__hint{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;pointer-events:none}.slot__plus{font-size:26px;font-weight:300;opacity:.6;line-height:1}.slot--append{display:none}body.dragging .grid[data-l=fit] .slot--append{display:grid;place-items:center;width:clamp(120px,18vw,220px);height:var(--th,160px);border:1.5px dashed var(--border-strong);border-radius:var(--r-md);flex:0 0 auto}.tile{background:#000;cursor:pointer;transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}.tile:hover{box-shadow:var(--e-1)}.tile.entering{animation:tin var(--t-base) var(--ease-out) both}.tile.leaving{opacity:0;transform:scale(.94);transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease);pointer-events:none}.tile-video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.t-live{position:absolute;top:8px;left:8px;z-index:3;display:none;align-items:center;gap:5px;pointer-events:none}.tile[data-s=live] .t-live{display:flex}.live-dot{width:6px;height:6px;border-radius:var(--r-full);background:var(--live);box-shadow:0 0 6px #e5484d99;animation:pulse 2.4s var(--ease) infinite}.t-live .lt{font-family:var(--f-mono);font-size:10px;font-weight:600;letter-spacing:.1em;color:#fff;opacity:0;transition:opacity var(--t-fast) var(--ease);text-shadow:0 1px 3px rgba(0,0,0,.7)}.tile:hover .t-live .lt{opacity:1}.t-name{position:absolute;left:9px;bottom:8px;z-index:3;font-family:var(--f-mono);font-size:11px;font-weight:500;color:#e8ebf09e;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;max-width:60%;overflow:hidden;text-overflow:ellipsis;transition:color var(--t-fast) var(--ease)}.tile:hover .t-name{color:var(--text-hi)}.t-quality{position:absolute;right:9px;bottom:7px;z-index:4;font-family:var(--f-mono);font-size:10px;color:#e8ebf0b3;background:#0a0c0f8c;border-radius:var(--r-sm);padding:2px 6px;opacity:0;transition:opacity var(--t-fast) var(--ease)}.tile:hover .t-quality{opacity:1}.t-quality.is-override{color:var(--accent)}.t-ctrls{position:absolute;top:6px;right:6px;z-index:4;display:flex;gap:4px;opacity:0;transform:translateY(-2px);transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease)}.tile:hover .t-ctrls,.tile:focus-within .t-ctrls{opacity:1;transform:none}.t-ctrls button{width:26px;height:26px;display:grid;place-items:center;color:#e8ebf0;background:#0a0c0fb3;border-radius:var(--r-sm);transition:background var(--t-fast) var(--ease)}.t-ctrls button:hover{background:#22272ef2}.t-ctrls svg{width:14px;height:14px}.t-msg{position:absolute;inset:0;z-index:5;display:none;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:var(--surface-1);text-align:center;padding:14px}.tile[data-s=connecting] .t-msg,.tile[data-s=offline] .t-msg,.tile[data-s=error] .t-msg,.tile[data-s=idle] .t-msg{display:flex}.spin{width:18px;height:18px;border:2px solid var(--surface-3);border-top-color:var(--accent);border-radius:var(--r-full);animation:spin .8s linear infinite}.mtxt{font-family:var(--f-mono);font-size:11px;color:var(--text-mid);letter-spacing:.03em}.tile[data-s=offline] .mtxt,.tile[data-s=error] .mtxt{color:var(--warn)}.msub{font-family:var(--f-mono);font-size:10px;color:var(--text-lo)}.mbtn{margin-top:2px;font-size:11px;color:var(--accent);padding:5px 14px;border:1px solid var(--accent-weak);border-radius:var(--r-sm);background:var(--accent-weak)}.mbtn:hover{filter:brightness(1.15)}.slot.drop-ok{border-color:var(--drop-ok)!important;box-shadow:inset 0 0 0 2px var(--drop-ok),0 0 16px #22e07a59;background:#22e07a14}.slot.drop-replace,.slot.drop-swap{box-shadow:inset 0 0 0 2px var(--warn),0 0 16px #e0a33a59}.slot.drop-replace:after,.slot.drop-swap:after{position:absolute;top:8px;left:8px;z-index:6;padding:2px 8px;border-radius:var(--r-sm);font:12px var(--f-ui);background:var(--warn);color:#201400}.slot.drop-replace:after{content:"แทนที่"}.slot.drop-swap:after{content:"สลับ"}.slot.insert-left:before,.slot.insert-right:after{content:"";position:absolute;top:6%;bottom:6%;width:3px;border-radius:3px;background:var(--accent);box-shadow:0 0 8px var(--accent);z-index:6}.slot.insert-left:before{left:-3px}.slot.insert-right:after{right:-3px}.drag-avatar{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;display:flex;align-items:center;gap:8px;padding:7px 11px;background:var(--surface-2);border:1px solid var(--accent);border-radius:var(--r-md);box-shadow:var(--e-2);font-size:12px;color:var(--text-hi);max-width:220px}.drag-avatar .chip{width:12px;height:12px;border-radius:3px;background:var(--accent);flex:0 0 12px}.drag-avatar .da-id{font-size:10px;color:var(--text-lo)}body.dragging{cursor:grabbing;user-select:none}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding-left:max(6%,40px);pointer-events:none}.empty.hide{display:none}.empty .et{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;color:var(--text-mid)}.empty .es{font-size:12px;color:var(--text-lo)}.spotlight{position:absolute;inset:0;z-index:20;display:none;flex-direction:column;background:var(--bg-0)}.spotlight.open{display:flex}.spot-stage{flex:1;position:relative;min-height:0;overflow:hidden;touch-action:none}.spot-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:0 0;transition:opacity .28s var(--ease);background:#000;will-change:transform}.spot-next{opacity:0}.spot-current{opacity:1}.spot-loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity var(--t-fast) var(--ease);z-index:2}.spot-loading.show{opacity:1}.spot-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}.spot-overlay>*{pointer-events:auto}.live-badge{position:absolute;top:12px;left:14px;display:flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:11px;font-weight:600;letter-spacing:.08em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.spot-name{font-weight:500;color:#ffffffd9}.spot-actions{position:absolute;top:10px;right:12px;display:flex;gap:6px}.spot-actions .ico{width:34px;height:34px;background:#15181dd9;color:var(--text-hi);font-family:var(--f-mono);font-size:11px}.spot-actions .ico:hover{background:var(--surface-3)}.spot-actions .ico.is-override{color:var(--accent)}.spotlight:not(.zoomed) #spotZoomReset{display:none}.film{display:flex;gap:5px;padding:7px;background:var(--bg-1);border-top:1px solid var(--border);overflow-x:auto;flex:0 0 auto}.film-b{flex:0 0 auto;height:38px;padding:0 13px;display:flex;flex-direction:column;justify-content:center;gap:2px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-sm);text-align:left;transition:all var(--t-fast) var(--ease)}.film-b:hover{background:var(--surface-2)}.film-b.cur{background:var(--accent-weak);border-color:transparent}.film-b .fn{font-size:11px;color:var(--text-hi);line-height:1.2}.film-b .fi{font-family:var(--f-mono);font-size:9.5px;color:var(--text-lo)}.app.kiosk .bar,.app.kiosk .panel{display:none}.kiosk-bar{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:100;display:none;align-items:center;gap:8px;padding:7px 9px;background:#15181de6;border:1px solid var(--border);border-radius:var(--r-full);box-shadow:var(--e-2);transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease)}.app.kiosk .kiosk-bar{display:flex}.kiosk-bar.hide{opacity:0;transform:translate(-50%,8px);pointer-events:none}.kiosk-clock{position:fixed;top:14px;right:16px;z-index:99;display:none;font-size:13px;color:#e8ebf08c;text-shadow:0 1px 4px #000;letter-spacing:.03em}.app.kiosk .kiosk-clock{display:block}.app.kiosk.hidecursor{cursor:none}.toasts{position:fixed;right:16px;bottom:16px;z-index:400;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;min-width:220px;max-width:340px;padding:11px 14px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);border-left:2px solid var(--accent);box-shadow:var(--e-2);color:var(--text-hi);font-size:13px;opacity:0;transform:translate(16px);transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease)}.toast.in{opacity:1;transform:none}.toast.ok{border-left-color:var(--ok)}.toast.del{border-left-color:var(--live)}.toast.warn{border-left-color:var(--warn)}.toast span{flex:1}.toast-act{flex:0 0 auto;font-size:12px;font-weight:500;color:var(--accent);padding:3px 8px;border-radius:var(--r-sm)}.toast-act:hover{background:var(--accent-weak)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes tin{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@media(max-width:860px){.bar{gap:6px;padding:0 8px}.mark,.tele,#gutterBtn{display:none}.clock{font-size:11px;margin-left:0}.seg{margin-left:6px;padding:2px}.seg button{padding:6px 9px;font-size:11px}.panel{position:absolute;top:0;bottom:0;left:0;z-index:40;width:min(84vw,320px);margin-left:0;transform:translate(-101%);transition:transform var(--t-slow) var(--ease);box-shadow:var(--e-2)}.app.drawer-open .panel{transform:none}.app.drawer-open .backdrop{opacity:1;pointer-events:auto}.grid[data-l="2x2"],.grid[data-l="3x3"],.grid[data-l="4x4"]{grid-template-columns:repeat(2,1fr)}.row{height:44px}.ico{width:36px;height:36px}}@media(max-width:480px){.grid[data-l="2x2"],.grid[data-l="3x3"],.grid[data-l="4x4"]{grid-template-columns:1fr}}@media(pointer:coarse){.t-ctrls button{width:34px;height:34px}.t-ctrls svg{width:16px;height:16px}}