*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0f1923;color:#e2e8f0;overflow:hidden}#hdr{background:linear-gradient(135deg,#1a2332,#1e3a5f);padding:6px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2d4156}#hdr h1{font-size:15px;color:#fff;letter-spacing:.5px}#hdr .sub{font-size:10px;color:#94a3b8}.tabs{display:flex;gap:2px}.tab{padding:5px 13px;background:#ffffff1a;color:#cbd5e1;border:none;border-radius:4px 4px 0 0;cursor:pointer;font-size:11px;font-weight:600;transition:.2s}.tab:hover{background:#ffffff2e}.tab.on{background:#fff;color:#1e3a8a}#main{display:flex;height:calc(100vh - 36px)}#left{flex:1;display:flex;flex-direction:column;min-width:0;background:#1a2332;border-right:1px solid #2d4156}#right{flex:1;display:flex;flex-direction:column;min-width:0;background:#111}.tb{padding:5px 10px;background:#1e2d40;border-bottom:1px solid #2d4156;display:flex;gap:5px;align-items:center;flex-wrap:wrap;font-size:11px;color:#94a3b8}.tb label{font-weight:600;color:#cbd5e1;margin-right:2px}.sep{color:#3b5068;margin:0 2px}.b{padding:4px 10px;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;transition:.15s}.b:hover{background:#2563eb}.b:disabled{background:#475569;cursor:not-allowed}.b2{background:#475569}.b2:hover{background:#374151}.bw{background:#dc2626}.bw:hover{background:#b91c1c}.bg{background:#059669}.bg:hover{background:#047857}.bgold{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.bgold:hover{opacity:.9}.bo{background:#7c3aed}.bo:hover{background:#6d28d9}.tm{display:inline-flex;gap:0;margin-left:4px}.tmb{padding:4px 10px;background:#1e2d40;color:#94a3b8;border:1px solid #2d4156;cursor:pointer;font-size:11px;font-weight:600;transition:.15s}.tmb:first-child{border-radius:4px 0 0 4px}.tmb:last-child{border-radius:0 4px 4px 0;margin-left:-1px}.tmb.on{background:#3b82f6;color:#fff;border-color:#3b82f6}.pg{display:flex;gap:0}.pg input{display:none}.pill{padding:4px 9px;background:#1e2d40;color:#94a3b8;cursor:pointer;font-size:11px;font-weight:600;border:1px solid #2d4156;margin-left:-1px;transition:.15s}.pill:first-of-type{border-radius:4px 0 0 4px;margin-left:0}.pill:last-of-type{border-radius:0 4px 4px 0}.pg input:checked+.pill{background:#3b82f6;color:#fff;border-color:#3b82f6;z-index:1;position:relative}#cc{flex:1;position:relative;overflow:hidden;background:#111827;touch-action:none}#c2d{position:absolute;top:0;left:0;width:100%;height:100%}#v3d{flex:1;touch-action:none}.ph{padding:4px 10px;font-size:11px;font-weight:600;color:#64748b;display:flex;align-items:center;justify-content:space-between;background:#1a1a1a;border-bottom:1px solid #333}.ov{position:absolute;padding:3px 9px;border-radius:4px;font-size:11px;pointer-events:none;z-index:10}#zoom{bottom:8px;right:8px;background:#000000b3;color:#fff}#mode{top:6px;right:6px;font-weight:600}.mr{background:#22c55e26;color:#4ade80;padding:2px 10px;border-radius:10px}.mp{background:#fbbf2426;color:#fbbf24;padding:2px 10px;border-radius:10px}#help{position:absolute;top:6px;left:6px;background:#1a2332ed;padding:8px 12px;border-radius:6px;font-size:10px;line-height:1.7;box-shadow:0 2px 8px #0000004d;z-index:10;max-width:200px;color:#94a3b8;border:1px solid #2d4156}#help b{color:#60a5fa}#lgd{position:absolute;bottom:50px;left:8px;background:#1a2332ed;padding:6px 10px;border-radius:6px;font-size:10px;line-height:1.6;box-shadow:0 2px 8px #0000004d;z-index:15;color:#94a3b8;border:1px solid #2d4156}.ll{display:flex;align-items:center;gap:6px}.ls{width:24px;height:4px;border-radius:2px}#sb{padding:4px 14px;background:#1a2332;border-top:1px solid #2d4156;font-size:11px;color:#64748b;display:flex;justify-content:space-between}.sv{font-weight:700;color:#60a5fa;font-size:13px}.mbg{position:fixed;inset:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center}.mdl{background:#1e2d40;border-radius:12px;padding:28px;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;border:1px solid #2d4156}.mdl h2{font-size:18px;color:#60a5fa;margin-bottom:4px}.mdl .st{font-size:12px;color:#64748b;margin-bottom:18px}.dz{border:2px dashed #3b5068;border-radius:8px;padding:36px 20px;text-align:center;cursor:pointer;transition:.2s;margin-bottom:14px}.dz:hover,.dz.dov{border-color:#3b82f6;background:#3b82f614}.dz p{color:#64748b;font-size:13px}.dz .ico{font-size:32px;margin-bottom:6px}.dg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.dc{padding:10px;border:1px solid #2d4156;border-radius:6px;cursor:pointer;text-align:center;font-size:11px;transition:.15s;color:#94a3b8}.dc:hover{border-color:#3b82f6;background:#3b82f614}.dc .rt{font-weight:600;color:#60a5fa}#pal{position:absolute;top:36px;right:8px;background:#1a2332f5;border-radius:8px;box-shadow:0 4px 16px #0006;z-index:20;width:200px;max-height:min(calc(100vh - 160px),500px);overflow-y:auto;font-size:11px;display:none;border:1px solid #2d4156}.palh{padding:7px 10px;background:#3b82f6;color:#fff;font-weight:600;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center}.palc{padding:4px 10px;background:#1e2d40;font-weight:600;color:#94a3b8;cursor:pointer;border-bottom:1px solid #2d4156}.pali{padding:5px 10px 5px 18px;cursor:pointer;border-bottom:1px solid #1e2d40;display:flex;justify-content:space-between;align-items:center;color:#cbd5e1}.pali:hover{background:#3b82f61a}.pali .pr{color:#4ade80;font-weight:600}#sumpan{display:none;flex:1;background:#1a2332;overflow-y:auto;padding:20px}.ss{margin-bottom:18px}.ss h3{font-size:14px;color:#60a5fa;margin-bottom:8px;border-bottom:1px solid #2d4156;padding-bottom:4px}.stbl{width:100%;border-collapse:collapse;font-size:11px}.stbl th{background:#1e2d40;padding:6px 8px;text-align:left;font-weight:600;color:#94a3b8}.stbl td{padding:5px 8px;border-bottom:1px solid #1e2d40;color:#cbd5e1}.stbl .tr{font-weight:700;background:#3b82f61a}.tbf{padding:12px 16px;border-radius:8px;margin-bottom:14px;border:1px solid #2d4156}.tbfr{background:#fbbf2414;border-color:#d97706}.tbpr{background:#3b82f614;border-color:#3b82f6}.tbpm{background:#d977061a;border-color:#d97706}@media(max-width:1000px){#main{flex-direction:column}#right{max-height:35vh}#help{display:none}.b,.pill,.tmb{min-height:34px;font-size:12px;padding:6px 10px}}.hid{display:none!important}@media(max-width:900px){#help,#lgd{display:none}}