.ota-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:32px 40px;background:radial-gradient(ellipse at 80% 80%,#54396e55,transparent 60%),#211b2a;border:1px solid #6b4c7a55;border-radius:18px;margin-bottom:34px;overflow:hidden}.ota-hero h2{font:italic 42px/1.05 Georgia,serif;margin:18px 0;color:#eadcf9}.ota-hero p{font-size:12px;color:#afa0be;margin-bottom:18px;max-width:280px}.ota-visual{display:flex;justify-content:center;align-items:center;gap:18px;height:220px}.ota-mini-mirror{position:relative;width:110px;height:170px;border:3px solid #d0b4ec;border-radius:55px 55px 10px 10px;overflow:hidden;box-shadow:0 0 25px #c4a6e422;animation:float 7s ease-in-out infinite;animation-delay:calc(var(--i)*-2s)}.ota-mini-mirror:nth-child(2){height:215px;width:139px}.ota-mini-mirror img{width:100%;height:100%;object-fit:cover}.ota-mini-mirror span{position:absolute;left:10px;bottom:10px;color:white;font-size:12px;font-weight:700}.ota-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ota-device .record-top{align-items:center;gap:12px}.ota-device .record-top .pill{margin-left:auto}.ota-device-icon{font-size:32px;color:var(--accent)}.ota-device small,.ota-last{font-size:10px;color:var(--muted)}.ota-version{display:flex;justify-content:space-between;align-items:center;margin:22px 0 5px;font-size:11px;color:var(--muted)}.ota-version strong{font-size:26px;color:var(--text);font-weight:500}.ota-device .record-actions{flex-wrap:wrap;margin-top:20px}.ota-packages{display:grid;grid-template-columns:1fr;gap:15px}.ota-package{display:grid;grid-template-columns:85px minmax(0,1fr) auto;gap:22px;align-items:center}.ota-package>img{width:85px;height:110px;object-fit:cover;border-radius:10px}.ota-package h3{font-size:18px;margin:10px 0}.ota-package p{color:var(--muted);font-size:12px;white-space:pre-line}.hash-label{font:9px monospace;color:#897696;display:block;margin-top:10px}.ota-empty{padding:35px}.ota-empty p{margin:10px 0 20px;color:var(--muted);font-size:12px}.ota-history{margin-top:28px}.ota-history-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);gap:20px}.ota-history-row:last-child{border:0}.ota-history-row strong{font-size:12px}.ota-history-row small{display:block;margin-top:6px;font-size:10px;color:var(--muted)}.ota-targets{display:grid;gap:10px;margin-top:20px}.ota-targets label{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid var(--line);border-radius:10px}.ota-targets input{width:16px;height:16px}.ota-targets span{font-size:13px}#pair-code{font:14px monospace;margin-top:10px;word-break:break-all}.ota-page .btn{white-space:normal}
@media(max-width:760px){.ota-hero{padding:24px;grid-template-columns:1fr 1fr;gap:15px}.ota-hero h2{font-size:30px}.ota-visual{gap:8px;height:170px}.ota-mini-mirror{width:55px;height:110px}.ota-mini-mirror:nth-child(2){width:75px;height:150px}.ota-mini-mirror:last-child{display:none}.ota-devices{grid-template-columns:1fr}.ota-package{grid-template-columns:65px minmax(0,1fr);gap:15px}.ota-package>img{width:65px;height:90px}.ota-package>.btn{grid-column:2;justify-self:start}.ota-hero .eyebrow{font-size:7px}.ota-history-row{gap:10px}.ota-device .record-top{flex-wrap:wrap}.ota-hero p{font-size:10px}.ota-hero .btn{font-size:10px}}