.un-system-preview{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;background:#0b0e0f;color:#fff;font-family:inherit}
.un-system-preview:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 28% 25%,rgba(239,68,68,.12),transparent 34%),radial-gradient(circle at 78% 82%,rgba(239,68,68,.07),transparent 30%)}
.un-system-preview__topbar{position:relative;z-index:3;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(8,10,11,.94)}
.un-system-preview__brand{display:flex;align-items:center;gap:10px}.un-system-preview__brand>span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#ef4444;color:#fff;font-size:9px;font-weight:950;letter-spacing:-.04em}.un-system-preview__brand strong{font-size:12px;font-weight:900;letter-spacing:.13em}
.un-system-preview__status{display:flex;align-items:center;gap:7px;color:#aeb6b8;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.un-system-preview__status i{width:6px;height:6px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.10)}
.un-system-preview__body{position:relative;z-index:2;min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(205px,31%)}
.un-system-preview__map{position:relative;min-width:0;overflow:hidden;background-color:#111516;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px}
.un-system-preview__map:before,.un-system-preview__map:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.06);border-radius:42% 58% 56% 44%;transform:rotate(-12deg)}.un-system-preview__map:before{width:55%;height:52%;left:8%;top:8%}.un-system-preview__map:after{width:62%;height:58%;right:-9%;bottom:-14%}
.un-system-preview__road{position:absolute;height:1px;background:rgba(255,255,255,.09);transform-origin:left center}.un-system-preview__road--a{width:76%;left:3%;top:37%;transform:rotate(14deg)}.un-system-preview__road--b{width:67%;left:18%;top:67%;transform:rotate(-24deg)}.un-system-preview__road--c{width:58%;left:43%;top:11%;transform:rotate(66deg)}
.un-system-preview__pin{position:absolute;z-index:2;display:grid;place-items:center;width:27px;height:27px;border-radius:50% 50% 50% 6px;transform:rotate(-45deg);background:#ef4444;box-shadow:0 7px 26px rgba(239,68,68,.34),0 0 0 5px rgba(239,68,68,.09)}.un-system-preview__pin b{transform:rotate(45deg);font-size:7px;color:#fff}.un-system-preview__pin--1{left:19%;top:25%}.un-system-preview__pin--2{left:54%;top:18%}.un-system-preview__pin--3{left:68%;top:54%}.un-system-preview__pin--4{left:31%;top:66%}.un-system-preview__pin--5{left:47%;top:43%}
.un-system-preview__spot{position:absolute;z-index:3;left:6%;bottom:7%;width:min(285px,58%);padding:14px 15px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(8,10,11,.88);box-shadow:0 16px 48px rgba(0,0,0,.35);backdrop-filter:blur(10px)}.un-system-preview__spot small,.un-system-preview__spot strong,.un-system-preview__spot span{display:block}.un-system-preview__spot small{color:#ef6b67;font-size:7px;font-weight:900;letter-spacing:.12em}.un-system-preview__spot strong{margin-top:6px;font-size:13px}.un-system-preview__spot span{margin-top:5px;color:#8f989b;font-size:8px;line-height:1.5}
.un-system-preview__side{min-width:0;border-left:1px solid rgba(255,255,255,.08);background:#0d1011}.un-system-preview__side-head{padding:20px 17px;border-bottom:1px solid rgba(255,255,255,.08)}.un-system-preview__side-head small,.un-system-preview__side-head strong{display:block}.un-system-preview__side-head small{color:#ef6b67;font-size:7px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.un-system-preview__side-head strong{margin-top:7px;font-size:16px;line-height:1.13}
.un-system-preview__feature{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:15px 14px;border-bottom:1px solid rgba(255,255,255,.065)}.un-system-preview__feature.is-active{background:rgba(239,68,68,.055)}.un-system-preview__feature>b{color:#ef4444;font-size:7px}.un-system-preview__feature p{margin:0}.un-system-preview__feature strong,.un-system-preview__feature span{display:block}.un-system-preview__feature strong{font-size:9px}.un-system-preview__feature span{margin-top:4px;color:#7f898c;font-size:7px;line-height:1.45}
@media(max-width:640px){.un-system-preview__topbar{min-height:48px;padding:0 12px}.un-system-preview__brand strong{font-size:10px}.un-system-preview__status{display:none}.un-system-preview__body{grid-template-columns:1fr}.un-system-preview__side{position:absolute;z-index:4;right:10px;top:10px;width:42%;border:1px solid rgba(255,255,255,.11);border-radius:12px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.38)}.un-system-preview__side-head{padding:10px}.un-system-preview__side-head strong{font-size:11px}.un-system-preview__feature{grid-template-columns:18px 1fr;padding:9px}.un-system-preview__feature span{display:none}.un-system-preview__spot{width:54%;padding:10px}.un-system-preview__spot span{display:none}.un-system-preview__pin{width:22px;height:22px}}