.pitak-twin{color-scheme:dark;--pt-bg:#090f1d;--pt-panel:#0f172a;--pt-panel2:#141e36;--pt-line:#1f2b47;--pt-line2:#2a3858;--pt-fg:#e6ebf5;--pt-muted:#8a97b3;--pt-dim:#5d6a87;--pt-gold:#e8c27a;--pt-gold-ink:#1b1406;--pt-teal:#2dd4bf;--pt-crit:#f25f5c;--pt-high:#f59e0b;--pt-med:#eab308;--pt-low:#60a5fa;--pt-ok:#34d399;--pt-off:#56627d;--pt-c-ciso:#f2c46d;--pt-c-soc:#38bdf8;--pt-c-ir:#f87171;--pt-c-ti:#c4b5fd;--pt-c-vm:#fdba74;--pt-c-grc:#6ee7b7;--pt-f-disp:"IBM Plex Sans Thai",system-ui,sans-serif;--pt-f-body:"IBM Plex Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;--pt-f-mono:"IBM Plex Sans Thai",system-ui,sans-serif}.pitak-twin{background:var(--pt-bg);color:var(--pt-fg);font-family:var(--pt-f-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.pitak-twin *,.pitak-twin *:before,.pitak-twin *:after{box-sizing:border-box}.pitak-twin button{font:inherit;color:inherit}.pitak-twin :focus-visible{outline:2px solid var(--pt-gold);outline-offset:2px}.pitak-twin{--pt-sw:100%;--pt-sceneh:auto;--pt-sidew:420px;max-width:calc(var(--pt-sw) + var(--pt-sidew) + 12px);margin-inline:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.pt-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 12px}.pt-top .pt-clock,.pt-top .pt-livetag{font-size:12px}.pt-top .pt-seg button{padding:5px 9px;font-size:12.5px}.pt-top .pt-pick select{padding:5px 8px;font-size:12.5px}.pt-brand{display:flex;align-items:center;gap:12px;min-width:0}.pt-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#f4d79b,#c99a44);display:grid;place-items:center;color:var(--pt-gold-ink);font-family:var(--pt-f-disp);font-weight:700;font-size:15px;flex:none}.pt-brand h1{margin:0;font-family:var(--pt-f-disp);font-weight:600;font-size:17px;letter-spacing:.02em;line-height:1.2;text-wrap:balance}.pt-brand p{margin:0;color:var(--pt-muted);font-size:12px}@media(max-height:900px){.pt-brand p{display:none}}.pt-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pt-seg{display:inline-flex;background:var(--pt-panel);border:1px solid var(--pt-line);border-radius:10px;padding:3px;gap:2px}.pt-seg button{border:0;background:transparent;padding:6px 11px;border-radius:7px;cursor:pointer;color:var(--pt-muted);font-size:13px;white-space:nowrap}.pt-seg button[aria-pressed=true]{background:var(--pt-gold);color:var(--pt-gold-ink);font-weight:600}.pt-btn{border:1px solid var(--pt-line2);background:var(--pt-panel2);padding:7px 12px;border-radius:9px;cursor:pointer;font-size:13px;white-space:nowrap}.pt-btn:hover{border-color:var(--pt-muted)}.pt-btn.danger{border-color:#7a2a2a;background:#2a1216;color:#ffb4b2}.pt-btn.danger:hover{border-color:var(--pt-crit)}.pt-pick{display:inline-flex;align-items:center;gap:8px;background:var(--pt-panel);border:1px solid var(--pt-line);border-radius:10px;padding:3px 3px 3px 11px}.pt-pick>span{font-size:11.5px;color:var(--pt-muted);white-space:nowrap}.pt-pick select{background:var(--pt-panel2);color:var(--pt-fg);border:1px solid var(--pt-line2);border-radius:7px;padding:6px 9px;font:inherit;font-size:13px;cursor:pointer;max-width:210px}.pt-pick select:hover{border-color:var(--pt-muted)}.pt-pick select:focus-visible{outline:2px solid var(--pt-gold);outline-offset:1px}.pt-livetag{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--pt-ok);white-space:nowrap}.pt-livetag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pt-ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--pt-ok) 20%,transparent)}.pt-livetag.off{color:var(--pt-muted)}.pt-livetag.off:before{background:var(--pt-muted);box-shadow:none}.pt-clock{font-family:var(--pt-f-mono);font-size:13px;color:var(--pt-muted);padding:0 4px;font-variant-numeric:tabular-nums}.pt-clock b{color:var(--pt-fg);font-weight:500}.pt-simtag{font-size:11.5px;letter-spacing:.06em;color:var(--pt-gold);border:1px dashed #6b5a35;padding:3px 8px;border-radius:999px;white-space:nowrap}.pt-kpis{display:flex;flex-wrap:wrap;gap:6px}.pt-kpi{background:var(--pt-panel);border:1px solid var(--pt-line);border-radius:9px;padding:5px 11px;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px;min-width:120px;flex:1 1 120px}.pt-kpi span{font-size:11px;color:var(--pt-muted);letter-spacing:.02em;white-space:nowrap}.pt-kpi b{font-family:var(--pt-f-disp);font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}.pt-kpi b small{font-size:12px;color:var(--pt-muted);font-weight:500;margin-left:3px}.pt-kpi.warn b{color:var(--pt-gold)}.pt-kpi.bad b{color:var(--pt-crit)}.pt-main{display:grid;grid-template-columns:min(100%,var(--pt-sw)) minmax(0,1fr);gap:12px;align-items:start}@media(max-width:1080px){.pitak-twin{--pt-sw:100%;max-width:100%;padding:10px;gap:8px}.pt-main{grid-template-columns:minmax(0,1fr)}.pt-side{max-height:none;overflow:visible}.pt-pipe-wrap{width:100%}.pt-pipe{max-height:none;grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px}.pt-kpi{flex:1 1 46%;min-width:0}.pt-top{justify-content:flex-start}}@media(max-width:640px){.pt-pipe{grid-template-columns:minmax(0,1fr)}.pt-kpi{flex:1 1 100%}.pt-pick select{max-width:150px}.pt-tabs{overflow-x:auto}.pt-tabs .hint{display:none}}.pt-stage{background:var(--pt-panel);border:1px solid var(--pt-line);border-radius:14px;overflow:hidden;min-width:0}.pt-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-bottom:1px solid var(--pt-line);align-items:center}.pt-tabs button{border:0;background:transparent;color:var(--pt-muted);padding:7px 13px;border-radius:8px;cursor:pointer;font-size:13.5px}.pt-tabs button[aria-selected=true]{background:var(--pt-panel2);color:var(--pt-fg);box-shadow:inset 0 0 0 1px var(--pt-line2)}.pt-tabs .hint{margin-left:auto;color:var(--pt-dim);font-size:12px;padding-right:6px}.pt-scroller{overflow-x:auto}.pt-scene{position:relative;aspect-ratio:1575/904;container-type:inline-size;background:#0b1222;-webkit-user-select:none;user-select:none;width:100%;min-width:0}.pt-room{position:absolute;border-radius:.5cqw;cursor:pointer;border:2px solid transparent;transition:border-color .2s,box-shadow .3s;background:transparent;padding:0}.pt-room:hover{border-color:color-mix(in srgb,var(--rc) 55%,transparent)}.pt-room.busy{box-shadow:inset 0 0 2.4cqw color-mix(in srgb,var(--rc) 28%,transparent)}.pt-room.hot{animation:pt-hot 1.6s ease-in-out infinite}@keyframes pt-hot{0%,to{box-shadow:inset 0 0 1.6cqw #f25f5c40,0 0 0 1px #f25f5c66}50%{box-shadow:inset 0 0 3.4cqw #f25f5c73,0 0 0 2px #f25f5ccc}}.pt-room.sel{border-color:var(--pt-gold)}.pt-pill{position:absolute;height:5.6%;width:19.5%;border-radius:999px;background:#090e1cf0;border:1px solid color-mix(in srgb,var(--rc) 45%,transparent);display:flex;align-items:center;gap:.6cqw;padding:0 .9cqw 0 .45cqw;pointer-events:none;box-shadow:0 .3cqw 1cqw #0006}.pt-pill .bd{width:2.3cqw;height:2.3cqw;border-radius:50%;background:var(--rc);color:#10131c;display:grid;place-items:center;font-family:var(--pt-f-disp);font-weight:700;font-size:.68cqw;flex:none}.pt-pill .tx{min-width:0;flex:1;line-height:1.15}.pt-pill .tx b{display:block;font-family:var(--pt-f-disp);font-weight:600;font-size:.92cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-pill .tx i{display:block;font-style:normal;font-size:.62cqw;color:var(--pt-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-pill .ct{font-family:var(--pt-f-mono);font-size:.82cqw;min-width:1.9cqw;height:1.6cqw;border-radius:.8cqw;display:grid;place-items:center;padding:0 .4cqw;background:var(--pt-panel2);color:var(--pt-muted);font-variant-numeric:tabular-nums}.pt-pill .ct.on{background:var(--rc);color:#10131c;font-weight:600}.pt-pill .dot{width:.62cqw;height:.62cqw;border-radius:50%;background:var(--pt-ok);flex:none}.pt-pill .dot.busy{background:var(--rc);animation:pt-blink 1.2s infinite}.pt-pill .dot.hot{background:var(--pt-crit);animation:pt-blink .7s infinite}@keyframes pt-blink{50%{opacity:.25}}.pt-queue{position:absolute;display:flex;gap:.4cqw;flex-wrap:wrap;pointer-events:none;max-width:27%}.pt-queue span{font-family:var(--pt-f-mono);font-size:.66cqw;padding:.15cqw .5cqw;border-radius:.35cqw;background:#090e1ce6;border:1px solid var(--pt-line2);border-left:.25cqw solid var(--sc,var(--pt-low));white-space:nowrap}.pt-socard{position:absolute;left:44.4%;top:23.6%;width:11.2%;height:13.6%;border-radius:.8cqw;background:#07161ef2;border:1px solid rgba(45,212,191,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.15cqw;pointer-events:none;box-shadow:0 0 2cqw #2dd4bf2e}.pt-socard .h{font-family:var(--pt-f-disp);color:var(--pt-teal);font-weight:600;font-size:.9cqw;letter-spacing:.05em}.pt-socard .n{font-family:var(--pt-f-disp);font-size:1.9cqw;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.pt-socard .u{font-size:.6cqw;color:var(--pt-muted)}.pt-socard .s{font-size:.66cqw;margin-top:.2cqw;font-family:var(--pt-f-mono)}.pt-socard{transition:opacity .4s,transform .4s}.pt-socard.off{opacity:0;transform:translateY(-.6cqw) scale(.96)}.pt-flows{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.pt-iso{position:relative;aspect-ratio:1575/904;background:#060a14;width:100%;min-width:0}.pt-iso canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:default}.pt-legend{position:absolute;left:12px;bottom:10px;display:flex;flex-wrap:wrap;gap:10px;font-size:11.5px;color:var(--pt-muted);background:#090e1ccc;padding:6px 10px;border-radius:8px;border:1px solid var(--pt-line)}.pt-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:-1px}.pt-infra{padding:16px;display:flex;flex-direction:column;gap:16px}.pt-cloud{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;border:1px solid var(--pt-line);border-radius:12px;background:linear-gradient(180deg,#121c33,#0f172a)}.pt-cloud .lbl{font-size:11.5px;letter-spacing:.08em;color:var(--pt-gold);width:100%}.pt-node{display:flex;align-items:center;gap:10px;background:var(--pt-panel2);border:1px solid var(--pt-line2);border-radius:10px;padding:8px 12px;min-width:0}.pt-node .ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#1b2745;flex:none}.pt-node .ic svg{width:17px;height:17px;stroke:var(--pt-fg);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pt-node b{display:block;font-size:13px;font-weight:600;line-height:1.25}.pt-node small{display:block;color:var(--pt-muted);font-size:11.5px;line-height:1.3}.pt-node .st{width:8px;height:8px;border-radius:50%;background:var(--pt-ok);margin-left:4px;flex:none;box-shadow:0 0 0 3px #34d39926}.pt-wire{flex:0 1 46px;min-width:22px;height:2px;background-image:linear-gradient(90deg,var(--pt-teal) 50%,transparent 50%);background-size:10px 2px;animation:pt-flow 1s linear infinite;opacity:.8}@keyframes pt-flow{to{background-position:10px 0}}.pt-site{border:1px solid var(--pt-line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.pt-site h3{margin:0;font-family:var(--pt-f-disp);font-weight:600;font-size:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.pt-site h3 span{font-family:var(--pt-f-body);font-size:12px;color:var(--pt-gold);font-weight:500;border:1px dashed #6b5a35;border-radius:999px;padding:1px 8px}.pt-site h3 em{font-style:normal;font-family:var(--pt-f-body);font-size:12.5px;color:var(--pt-muted);font-weight:400;margin-left:auto}.pt-chain{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pt-uplink{font-size:12px;color:var(--pt-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pt-uplink .pt-wire{flex:0 0 46px}.pt-depts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.pt-dept{background:#0c1426;border:1px solid var(--pt-line);border-radius:10px;padding:10px}.pt-dept h4{margin:0 0 8px;font-size:12.5px;font-weight:500;color:var(--pt-muted);display:flex;justify-content:space-between}.pt-eps{display:flex;flex-wrap:wrap;gap:6px}.pt-ep{border:1px solid var(--pt-line2);background:var(--pt-panel2);border-radius:7px;padding:4px 7px;cursor:pointer;font-family:var(--pt-f-mono);font-size:11px;display:flex;align-items:center;gap:5px;white-space:nowrap}.pt-ep i{width:7px;height:7px;border-radius:50%;background:var(--pt-ok)}.pt-ep.off{opacity:.55}.pt-ep.off i{background:var(--pt-off)}.pt-ep.a-low i{background:var(--pt-low)}.pt-ep.a-med i{background:var(--pt-med)}.pt-ep.a-high{border-color:#7a5512}.pt-ep.a-high i{background:var(--pt-high);animation:pt-blink .9s infinite}.pt-ep.a-crit{border-color:#8a2a2a;background:#2a1216}.pt-ep.a-crit i{background:var(--pt-crit);animation:pt-blink .6s infinite}.pt-ep.sel{outline:2px solid var(--pt-gold);outline-offset:1px}.pt-principle{font-size:12.5px;color:var(--pt-muted);border-left:3px solid var(--pt-teal);padding:4px 10px;background:#0c1a22;border-radius:0 8px 8px 0}.pt-side{display:flex;flex-direction:column;gap:10px;min-width:0;max-height:calc(var(--pt-sceneh) + 53px);overflow:hidden auto;padding-right:3px}.pt-side>.pt-card:last-child{flex:1 1 auto;min-height:120px}.pitak-twin:fullscreen{max-width:none;width:100%;height:100%;padding:12px;overflow:auto;background:var(--pt-bg)}.pitak-twin:-webkit-full-screen{max-width:none;width:100%;height:100%;padding:12px;overflow:auto;background:var(--pt-bg)}@media(min-width:1800px){.pitak-twin{--pt-sidew:520px}}@media(min-width:2400px){.pitak-twin{--pt-sidew:620px}}@media(min-width:3200px){.pitak-twin{--pt-sidew:760px}}.pt-card{background:var(--pt-panel);border:1px solid var(--pt-line);border-radius:14px;padding:14px;min-width:0}.pt-card>h2{margin:0 0 10px;font-size:12px;letter-spacing:.08em;color:var(--pt-muted);font-weight:500;display:flex;justify-content:space-between;align-items:center}.pt-dh{display:flex;gap:10px;align-items:center;margin-bottom:10px}.pt-dh .bd{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--pt-f-disp);font-weight:700;font-size:11px;color:#10131c;flex:none}.pt-dh b{display:block;font-family:var(--pt-f-disp);font-size:16px;font-weight:600;line-height:1.25}.pt-dh b.pt-idfull{font-family:var(--pt-f-mono);font-size:12.5px;line-height:1.35;overflow-wrap:anywhere;color:var(--pt-muted)}.pt-dh small{color:var(--pt-muted);font-size:12px}.pt-kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:13px;margin:0 0 10px}.pt-kv dt{color:var(--pt-muted)}.pt-kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.pt-mono{font-family:var(--pt-f-mono);font-size:12px}.pt-sev{display:inline-block;font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;letter-spacing:.03em}.pt-sev.crit{background:#f25f5c29;color:#ff8f8c}.pt-sev.high{background:#f59e0b29;color:#fbbf4a}.pt-sev.med{background:#eab30824;color:#f1d045}.pt-sev.low{background:#60a5fa24;color:#93c1fb}.pt-cmd{width:100%;margin:2px 0 6px;padding:9px 12px;text-align:center}.pt-subh{font-size:11.5px;letter-spacing:.06em;color:var(--pt-dim);margin:12px 0 6px}.pt-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.pt-list li{display:flex;gap:8px;align-items:center;font-size:12.5px;padding:5px 8px;border-radius:7px;background:#0c1426;min-width:0}.pt-list li.click{cursor:pointer}.pt-list li.click:hover{background:var(--pt-panel2)}.pt-list li .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt-list li .grow b.pt-mono{font-family:var(--pt-f-mono);font-weight:500;color:var(--pt-fg)}.pt-ast{font-size:11px;color:var(--pt-muted);white-space:nowrap}.pt-ast.w{color:var(--pt-gold)}.pt-steps{display:flex;gap:3px;margin:6px 0 10px}.pt-steps i{flex:1;height:5px;border-radius:3px;background:var(--pt-line2)}.pt-steps i.done{background:var(--pt-teal)}.pt-steps i.now{background:var(--pt-gold);animation:pt-blink 1.4s infinite}.pt-tl{list-style:none;margin:0;padding:0 0 0 12px;border-left:1px solid var(--pt-line2);display:flex;flex-direction:column;gap:6px;font-size:12.5px}.pt-tl li{position:relative}.pt-tl li:before{content:"";position:absolute;left:-16px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--pt-line2)}.pt-tl li:last-child:before{background:var(--pt-gold)}.pt-tl time{font-family:var(--pt-f-mono);font-size:11px;color:var(--pt-dim);margin-right:6px}.pt-proposal{background:#1a1609;border:1px solid #5b4a22;border-radius:10px;padding:10px;font-size:13px;margin:10px 0}.pt-proposal b{color:var(--pt-gold);font-size:11.5px;letter-spacing:.05em;display:block;margin-bottom:3px;font-weight:500}.pt-acts{display:flex;gap:8px;flex-wrap:wrap}.pt-btn.ok{background:var(--pt-gold);color:var(--pt-gold-ink);border-color:var(--pt-gold);font-weight:600}.pt-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:330px;overflow-y:auto}.pt-feed li{display:grid;grid-template-columns:44px 8px 1fr;gap:8px;align-items:baseline;font-size:12.5px;padding:4px 6px;border-radius:6px}.pt-feed li.click{cursor:pointer}.pt-feed li.click:hover{background:var(--pt-panel2)}.pt-feed time{font-family:var(--pt-f-mono);font-size:11px;color:var(--pt-dim)}.pt-feed i{width:7px;height:7px;border-radius:50%;align-self:center}.pt-feed span{min-width:0;overflow-wrap:anywhere}.pt-pipe-wrap{background:var(--pt-panel);border:1px solid var(--pt-line);border-radius:14px;padding:10px;width:100%}.pt-pipe-wrap>h2{margin:0 0 8px 2px;font-size:12px;letter-spacing:.08em;color:var(--pt-muted);font-weight:500}.pt-pipe{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;overflow:visible;max-height:none;padding-bottom:0}.pt-pipe .pt-col{min-height:0;padding:6px 8px;gap:4px}.pt-pipe .pt-col h3{font-size:12px}.pt-pipe-wrap.slim{padding:7px 9px 8px}.pt-pipe-wrap.slim>h2{margin:0 0 6px 2px;font-size:11px}.pt-pipe-wrap.slim .pt-pipe{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.pt-pipe-wrap.slim .pt-col{min-height:0;padding:5px 7px 6px;gap:3px;border-top-width:2px;border-radius:8px}.pt-pipe-wrap.slim .pt-col h3{font-size:11.5px;align-items:baseline}.pt-pipe-wrap.slim .pt-col h3 small{font-size:10px;line-height:1.2}.pt-pipe-wrap.slim .pt-col .pt-empty{padding:0;font-size:10.5px;opacity:.5}.pt-pipe-wrap.slim .pt-chip{padding:4px 6px;border-radius:6px;font-size:11px;line-height:1.3;gap:1px}.pt-pipe-wrap.slim .pt-chip .r1{font-size:10px}.pt-pipe-wrap.slim .pt-chip .r2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.pt-pipe-wrap.slim .pt-chip .mini{display:none}.pt-pipe-wrap.slim .pt-empty{padding:0;font-size:10.5px;opacity:.5;line-height:1.3}.pt-pipe .pt-col .pt-empty{padding:0;font-size:11px;opacity:.55}.pt-col{background:#0c1426;border:1px solid var(--pt-line);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;min-height:120px;border-top:3px solid var(--rc)}.pt-col.gate{background:#14110a;border-color:#4a3d1f;border-top-color:var(--pt-gold)}.pt-col h3{margin:0;font-size:12.5px;font-weight:600;display:flex;justify-content:space-between;gap:6px}.pt-col h3 small{color:var(--pt-muted);font-weight:400;font-size:11px;display:block}.pt-col h3 .n{font-family:var(--pt-f-mono);color:var(--pt-muted);font-weight:500}.pt-chip{border:1px solid var(--pt-line2);background:var(--pt-panel2);border-radius:8px;padding:6px 8px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px;border-left:3px solid var(--sc);min-width:0}.pt-chip:hover{border-color:var(--pt-muted);border-left-color:var(--sc)}.pt-chip.sel{outline:2px solid var(--pt-gold);outline-offset:1px}.pt-chip .r1{display:flex;justify-content:space-between;gap:6px;font-family:var(--pt-f-mono);font-size:11px;color:var(--pt-muted)}.pt-chip .r1 b{color:var(--pt-fg);font-weight:500}.pt-chip .r2{font-size:12px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pt-chip .mini{display:flex;gap:5px;margin-top:4px}.pt-chip .mini button{flex:1;border:1px solid #5b4a22;background:#231c0c;border-radius:6px;padding:3px 0;font-size:11.5px;cursor:pointer}.pt-chip .mini button.y{background:var(--pt-gold);color:var(--pt-gold-ink);border-color:var(--pt-gold);font-weight:600}.pt-empty{color:var(--pt-dim);font-size:12px;padding:6px 2px}.pt-foot{color:var(--pt-dim);font-size:12px;text-align:center}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.pt-loading{padding:40px;text-align:center;color:var(--pt-muted)}.pt-err{font-size:12px;color:#ffb4b2}.pt-scene-frame{overflow:hidden;min-width:0;background:#05080f}.pt-scene{transition:transform .5s cubic-bezier(.2,.7,.2,1);transform-origin:50% 50%}.pt-scv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.pt-shiftbar{position:absolute;right:1.4%;top:1.6%;display:flex;gap:.5cqw;align-items:center}.pt-shift{font-size:.78cqw;padding:.35cqw .9cqw;border-radius:999px;background:#090e1ce0;border:1px solid var(--pt-line2);display:flex;align-items:center;gap:.5cqw;white-space:nowrap}.pt-shift i{width:.6cqw;height:.6cqw;border-radius:50%;background:var(--pt-ok)}.pt-shift.night i{background:#818cf8;animation:pt-blink 2s infinite}.pt-lightseg{display:inline-flex;background:#090e1ce0;border:1px solid var(--pt-line2);border-radius:999px;padding:.15cqw}.pt-lightseg button{border:0;background:transparent;color:var(--pt-muted);font-size:.72cqw;padding:.25cqw .7cqw;border-radius:999px;cursor:pointer}.pt-lightseg button[aria-pressed=true]{background:var(--pt-gold);color:var(--pt-gold-ink);font-weight:600}.pitak-twin{--pt-pipeh:160px}.pitak-twin .pt-foot{margin-bottom:0}.pitak-twin .pt-pipe-wrap{height:var(--pt-pipeh);overflow:hidden;padding:8px 10px;display:flex;flex-direction:column}.pitak-twin .pt-pipe-wrap>h2{flex:0 0 auto;margin:0 0 6px 2px;font-size:11.5px}.pitak-twin .pt-pipe{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:none;overflow:visible;padding-bottom:0}.pitak-twin .pt-pipe .pt-col{min-height:0;height:100%;overflow:hidden auto;padding:6px 8px;gap:4px}.pitak-twin .pt-pipe .pt-col>h3{position:sticky;top:-6px;z-index:1;background:inherit;margin:-2px 0 0;padding:2px 0 4px}.pitak-twin .pt-pipe .pt-col::-webkit-scrollbar-track{background:transparent}.pitak-twin .pt-pipe .pt-chip{padding:5px 7px;border-radius:7px;line-height:1.3}.pitak-twin .pt-pipe .pt-chip .r2{font-size:11.5px}.pitak-twin .pt-pipe .pt-empty{padding:0;font-size:11px;opacity:.5}@media(max-height:900px){.pitak-twin{--pt-pipeh:132px}}@media(max-height:800px){.pitak-twin{--pt-pipeh:116px}}@media(max-width:1080px){.pitak-twin .pt-pipe-wrap{height:auto;overflow:visible}.pitak-twin .pt-pipe{grid-template-columns:repeat(2,minmax(150px,1fr))}.pitak-twin .pt-pipe .pt-col{height:auto;overflow:visible}.pitak-twin .pt-pipe .pt-col>h3{position:static}}.pitak-twin{max-width:1640px;margin-inline:auto}.pitak-twin .pt-main{grid-template-columns:minmax(0,1fr) 350px;gap:14px}.pitak-twin .pt-scene,.pitak-twin .pt-iso{aspect-ratio:1575/904;width:100%;height:auto}.pitak-twin .pt-scene-frame{min-width:0;width:auto;height:auto}.pitak-twin .pt-side{gap:14px;max-height:none;overflow:visible;padding-right:0}.pitak-twin .pt-feed{max-height:330px;overflow-y:auto}.pitak-twin .pt-pipe-wrap{width:100%;height:auto;overflow:visible;padding:12px;display:block}.pitak-twin .pt-pipe-wrap>h2{margin:0 0 10px 2px;font-size:12px}.pitak-twin .pt-pipe{display:grid;grid-template-columns:repeat(6,minmax(176px,1fr));gap:8px;overflow-x:auto;overflow-y:visible;max-height:none;padding-bottom:2px}.pitak-twin .pt-pipe .pt-col{min-height:120px;height:auto;overflow:visible;padding:8px;gap:6px}.pitak-twin .pt-pipe .pt-col>h3{position:static;margin:0;padding:0;font-size:12.5px}.pitak-twin .pt-pipe .pt-col{max-height:238px;overflow:hidden auto}.pitak-twin .pt-pipe .pt-col::-webkit-scrollbar{width:6px}.pitak-twin .pt-pipe .pt-col::-webkit-scrollbar-thumb{background:#2a3a55;border-radius:3px}@media(max-width:1080px){.pitak-twin{max-width:100%}.pitak-twin .pt-main{grid-template-columns:minmax(0,1fr)}.pitak-twin .pt-pipe{grid-template-columns:repeat(2,minmax(150px,1fr))}.pitak-twin .pt-pipe .pt-col{max-height:none;overflow:visible}}.pitak-twin .pt-pipe .pt-col{max-height:none;overflow:visible}.pitak-twin .pt-pipe .pt-chip .mini{display:flex;gap:6px;margin-top:5px}.pitak-twin .pt-pipe .pt-chip .mini button{flex:1 1 0;min-width:0}@media(max-width:1080px){.pitak-twin .pt-pipe .pt-col{max-height:none;overflow:visible}}*{box-sizing:border-box}body{margin:0;background:#0a0f1c}.app{min-height:100vh;font-family:IBM Plex Sans Thai,system-ui,sans-serif;padding:18px;color:#e9eef7}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.crest{width:40px;height:40px;border:1.5px solid;border-radius:50%;display:grid;place-items:center;font-family:IBM Plex Sans Thai,system-ui,sans-serif;font-size:20px;font-weight:700}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600}.wordmark{font-family:IBM Plex Sans Thai,system-ui,sans-serif;font-size:26px;font-weight:700;margin:0;line-height:1.1}.stat{font-size:14px}.dot{margin:0 8px;opacity:.5}.err{max-width:760px;margin:0 auto 14px;background:#3a1620;border:1px solid #6b2233;color:#ffb3c0;padding:10px 14px;border-radius:10px;font-size:13px}.chatWrap{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;display:flex;justify-content:flex-end;z-index:50;pointer-events:none}.chatCard{pointer-events:auto;width:440px;max-width:100%;height:100%;border-left:1px solid;display:flex;flex-direction:column;box-shadow:-20px 0 50px #00000080}.chatHead{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid}.chatIcon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.chatTitle{flex:1;min-width:0}.backBtn{background:none;border:none;cursor:pointer;padding:6px;display:grid;place-items:center}.kpiRow{display:flex;gap:8px;padding:12px 14px}.kpiChip{flex:1;border:1px solid;border-radius:10px;padding:8px 10px}.chatBody{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.empty{margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px}.empty p{margin:2px 0}.bubbleUser{align-self:flex-end;max-width:85%;padding:10px 14px;border-radius:16px 16px 4px;font-size:14px;line-height:1.5;white-space:pre-wrap}.bubbleAI{align-self:flex-start;max-width:90%;padding:10px 14px;border:1px solid;border-radius:16px 16px 16px 4px;font-size:14px;line-height:1.55;white-space:pre-wrap;display:flex;gap:8px;align-items:flex-start}.toolTag{display:flex;align-items:center;gap:4px;font-size:11px;margin:4px 0 0 4px}.chatInput{display:flex;gap:8px;padding:12px 14px;border-top:1px solid}.chatInput input{flex:1;border:1px solid;border-radius:12px;padding:11px 14px;font-size:14px;outline:none;font-family:inherit}.sendBtn{border:none;border-radius:12px;width:46px;display:grid;place-items:center;cursor:pointer}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.chatWrap{justify-content:center}.chatCard{width:100%;border-left:none}.wordmark{font-size:22px}}