.offline-grid{grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;display:grid}.offline-tabs{flex-wrap:wrap;margin:0 0 24px;display:flex}.offline-tabs button{flex:1;min-width:120px}.pairing-code{text-align:center;align-items:stretch}.pairing-code .qr-frame{background:#fff;border-radius:16px;align-self:center;width:min(100%,324px);padding:8px}.pairing-code svg{width:100%;height:auto;display:block}.pairing-code textarea,.pairing-reader textarea{overflow-wrap:anywhere;word-break:break-all;width:100%;font:12px/1.5 monospace}.pairing-camera{object-fit:cover;background:#000;border-radius:12px;width:100%;max-height:300px}.pairing-reader{padding-top:12px}.panel details{border-top:1px solid #ffffff18;padding:16px 0}.panel summary{cursor:pointer;min-height:32px;font-weight:700}.panel details>.stack{margin-top:16px}.local-result{border-top:1px solid #ffffff18;padding:20px 0}.offline-banner{z-index:60;color:#f4e8c6;text-align:center;background:#332d26;padding:12px 20px;font-size:14px;position:relative}.offline-banner a,.offline-banner button{cursor:pointer;margin-left:8px;font-weight:800;text-decoration:underline}.offline-connection{z-index:100;background:#281b24;padding:12px;position:fixed;top:0;left:0;right:0}.offline-grid .field input,.offline-grid select,.offline-grid textarea,.pairing-reader textarea,.panel input,.panel textarea,.panel select{max-width:100%}.room-devices{margin:24px 0}.room-devices h2{align-items:center;gap:8px;display:flex}.device-roster{gap:12px;display:grid}.device-row{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:12px 0;display:flex}.device-row>div{flex:1}.device-row>div>span{color:#abaabc;font-size:13px;display:block}.device-row>span:last-child{font-size:12px}.device-online{color:#b8dbb9}.device-name-form{gap:10px;margin-top:12px;display:grid}.device-identify{z-index:150;text-align:center;background:#111426;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0}.device-identify h1{overflow-wrap:anywhere;font:600 clamp(40px,10vw,90px)/1.1 Georgia,serif}.offline-shortcut{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.local-result p{overflow-wrap:anywhere}@media (width<=640px){.offline-grid{grid-template-columns:1fr;gap:16px}.offline-tabs button{min-width:45%;font-size:13px}.pairing-code .qr-frame{width:min(100%,300px)}.device-row{flex-wrap:wrap}.room-devices .row-between{flex-wrap:wrap;align-items:flex-start;gap:12px}}.offline-reconnect{z-index:80;top:max(8px, env(safe-area-inset-top));max-width:min(96vw,420px);position:fixed;right:8px}.offline-reconnect>summary{cursor:pointer;text-align:right;background:#111426e8;border:1px solid #ffffff30;border-radius:20px;padding:8px 14px;font-size:12px;list-style:none}.offline-reconnect[open]{max-width:500px;max-height:90dvh;margin:auto;left:12px;right:12px;overflow:auto}.offline-reconnect .panel{background:#111426;box-shadow:0 15px 100px #000b}.offline-reconnect[open]>summary{color:#111426;background:#e6c578;margin-bottom:8px;font-weight:800}.offline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offline-grid>*,.offline-grid fieldset,.offline-grid .field{min-width:0}.offline-grid input,.offline-grid select,.offline-grid textarea{width:100%;min-width:0}@media (width<=640px){.offline-grid{grid-template-columns:minmax(0,1fr)}}