.ops-hero{padding-top:96px;padding-bottom:88px}.ops-app{margin-top:56px;display:grid;grid-template-columns:170px minmax(0,1fr) 250px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#101113;overflow:hidden;box-shadow:0 40px 120px #0009;font-family:Heebo,system-ui,sans-serif;font-size:13px;color:#d2d5da}.oa-side{background:#16181b;border-inline-end:1px solid rgba(255,255,255,.06);padding:16px 12px;display:flex;flex-direction:column;gap:4px}.oa-brand{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#f7f8f8}.oa-side>span{padding:7px 10px;border-radius:8px;color:#9399a3}.oa-side>span.on{background:#ff4d4f1f;color:#ff9a9b}.oa-main{min-width:0;display:flex;flex-direction:column}.oa-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);color:#f7f8f8;flex-wrap:wrap}.oa-chips{display:flex;gap:6px;flex-wrap:wrap}.oa-chips span{padding:3px 10px;border-radius:999px;background:#ffffff0f;color:#a8adb7;font-size:12px}.oa-chips span.hot{background:#4ade801f;color:#86efac}.oa-map{position:relative;flex:1;min-height:330px}.oa-map svg{position:absolute;inset:0;width:100%;height:100%}.oa-legend{position:absolute;bottom:12px;inset-inline-start:12px;display:flex;gap:12px;flex-wrap:wrap;padding:6px 10px;border-radius:8px;background:#101113d9;font-size:12px;color:#a8adb7}.oa-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:5px}.oa-panel{border-inline-start:1px solid rgba(255,255,255,.06);padding:14px;display:flex;flex-direction:column;gap:8px;background:#121315}.oa-h{margin:0 0 2px;color:#8a8f98;font-size:12px}.oa-shift{position:relative;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#16181b}.oa-shift b{color:#f7f8f8;font-weight:500}.oa-shift em{position:absolute;top:10px;inset-inline-end:10px;font-style:normal;font-size:11px;color:#86efac}.oa-shift em.soon{color:#fcd34d}.oa-shift.empty{border-style:dashed;background:transparent}.oa-alert{padding:9px 12px;border-radius:10px;background:#f5c4511a;border:1px solid rgba(245,196,81,.25);color:#fcd34d;font-size:12px}.muted{color:#8a8f98}.ops-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 72px;align-items:center}.ops-duo.flip .ops-txt{order:2}.ops-txt{min-width:0}.ops-list{margin:22px 0 0;padding-inline-start:20px;color:#a8adb7;font-size:15px;line-height:1.7}.ops-list li{margin-bottom:6px}.ops-mock{min-width:0;padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#101113;box-shadow:0 30px 90px #00000080;font-family:Heebo,system-ui,sans-serif;font-size:14px;color:#d2d5da;display:flex;flex-direction:column;gap:10px}.om-h{margin:0 0 4px;color:#f7f8f8;font-size:15px;font-weight:500}.om-row{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:12px}.om-l{color:#8a8f98;font-size:13px}.om-seg{display:inline-flex;gap:4px;padding:3px;border-radius:9px;background:#16181b;width:fit-content}.om-seg>*{padding:5px 14px;border-radius:7px;font-weight:400}.om-seg b{background:#2a2c31;color:#f7f8f8;font-weight:500}.om-field{padding:8px 12px;border-radius:8px;background:#16181b;border:1px solid rgba(255,255,255,.07);color:#e4e6e9}.om-btn{margin-top:6px;align-self:flex-start;padding:9px 22px;border-radius:999px;background:#cd2126;color:#fff;font-weight:500}.om-prompt{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#16181b;border:1px solid rgba(167,139,250,.35);color:#e4e6e9}.om-ai{padding:2px 8px;border-radius:6px;background:#a78bfa2e;color:#c4b5fd;font-size:12px;font-weight:500}.om-check{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;background:#16181b}.om-check i{width:16px;height:16px;border-radius:4px;border:1.5px solid #5b6068;flex:none}.om-check.on i{background:#4ade80;border-color:#4ade80;box-shadow:inset 0 0 0 3px #16181b}.om-doc{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;background:#16181b;border:1px solid rgba(255,255,255,.06)}.om-doc>span{display:flex;flex-direction:column}.om-doc b{color:#f7f8f8;font-weight:500}.om-doc em{font-style:normal;font-size:12px;padding:3px 10px;border-radius:999px;background:#ffffff0f;color:#a8adb7;white-space:nowrap}.om-doc em.warn{background:#f5c4511f;color:#fcd34d}.om-sent{margin-top:4px;padding:9px 12px;border-radius:10px;background:#4ade8014;color:#86efac;font-size:13px}@media(max-width:980px){.ops-app{grid-template-columns:minmax(0,1fr)}.oa-side{display:none}.oa-panel{border-inline-start:0;border-top:1px solid rgba(255,255,255,.06)}}@media(max-width:820px){.ops-duo{grid-template-columns:minmax(0,1fr);gap:32px}.ops-duo.flip .ops-txt{order:0}}
