.compat-section{padding:3.5rem 0 5rem;position:relative}.compat-section .section-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;max-width:650px;margin:0 auto 2.5rem;display:flex}.compat-section .section-title{font-size:clamp(1.85rem,3.2vw,2.4rem);font-weight:800;line-height:1.2}.compat-section .section-subtitle{color:var(--color-text-muted);font-size:1rem;line-height:1.5}.universal-qr-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:680px;box-shadow:var(--shadow-lg);align-items:center;gap:2.75rem;margin:0 auto;padding:2.75rem 2.25rem;display:flex}.universal-qr-box{flex-shrink:0}.qr-canvas-wrap{border-radius:var(--radius-md);background:#fff;border:2px solid #ff75274d;justify-content:center;align-items:center;padding:12px;display:flex;box-shadow:0 10px 25px #00000026}.qr-canvas-wrap canvas{border-radius:4px;max-width:100%;height:auto;display:block}.universal-qr-info{flex-direction:column;gap:1.15rem;display:flex}.qr-badge-wrap{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.universal-qr-heading{color:var(--color-text-main);font-size:1.35rem;font-weight:800;line-height:1.3}.universal-qr-fallback{border-top:1px solid var(--color-border);padding-top:.85rem}.fallback-note{flex-direction:column;gap:.45rem;font-size:.92rem;display:flex}.fallback-text{color:var(--color-text-muted)}.fallback-link-btn{color:var(--color-primary);text-align:left;align-items:center;gap:.4rem;padding:0;font-size:.95rem;font-weight:700;transition:color .15s,transform .15s;display:inline-flex}.fallback-link-btn:hover{color:var(--color-primary-hover);transform:translate(2px)}.models-modal-backdrop{z-index:100;backdrop-filter:blur(10px);background:#000c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.models-modal-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:880px;max-height:88vh;box-shadow:var(--shadow-watch);flex-direction:column;padding:2.25rem;display:flex;position:relative;overflow:hidden}.models-modal-header{margin-bottom:1.25rem;padding-right:2.5rem}.models-modal-title{margin-bottom:.35rem;font-size:1.6rem;font-weight:800}.models-modal-subtitle{color:var(--color-text-muted);font-size:.9rem}.modal-close-btn{background:var(--color-pill-bg);border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-text-muted);z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;transition:all .15s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{background:var(--color-surface-subtle);color:var(--color-text-main)}.models-modal-dialog .compat-toolbar{border-radius:var(--radius-lg);background:var(--color-surface-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.85rem 1.25rem;display:flex}.search-input-wrap{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:var(--color-text-light);pointer-events:none;position:absolute;left:1rem}.compat-search-input{width:100%;font-family:var(--font-sans);color:var(--color-text-main);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);outline:none;padding:.75rem 2.5rem .75rem 2.75rem;font-size:.92rem;transition:all .2s}.compat-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.clear-search-btn{background:var(--color-pill-bg);border:1px solid var(--color-border);width:22px;height:22px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;transition:all .15s;display:flex;position:absolute;right:.85rem}.clear-search-btn:hover{background:var(--color-surface-subtle);color:var(--color-text-main)}.models-count-tag{color:var(--color-text-muted);white-space:nowrap;font-size:.82rem}.models-count-tag strong{color:var(--color-primary)}.models-modal-dialog .device-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;max-height:calc(88vh - 240px);padding-right:.35rem;display:grid;overflow-y:auto}.models-modal-dialog .device-grid::-webkit-scrollbar{width:6px}.models-modal-dialog .device-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.compat-loading-state{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:1rem;padding:3rem 1.5rem;display:flex}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-text-muted);font-size:.92rem}.device-card{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;flex-direction:column;justify-content:space-between;padding:1.15rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.device-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 8px 20px -4px #ff752726}.device-card-header{align-items:flex-start;margin-bottom:.85rem;display:flex}.device-name{color:var(--color-text-main);font-size:1rem;font-weight:700}.device-card-footer{border-top:1px solid var(--color-border);padding-top:.65rem}.btn-get-qr{border-radius:var(--radius-full);width:100%;color:var(--color-primary);background:var(--color-primary-soft);border:1px solid #ff752733;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-get-qr:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.empty-notice{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:.6rem;padding:3rem 1.5rem;display:flex}.empty-icon{font-size:2rem}.empty-title{font-size:1.15rem;font-weight:700}.empty-desc{color:var(--color-text-muted);font-size:.88rem}.device-qr-modal-backdrop{z-index:110;backdrop-filter:blur(10px);background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.device-qr-modal-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow-watch);flex-direction:column;align-items:center;padding:2.25rem 1.75rem 1.75rem;display:flex;position:relative}.device-qr-modal-dialog .modal-header{margin-bottom:.5rem}.device-qr-modal-dialog .modal-title{margin-bottom:.25rem;font-size:1.45rem;font-weight:800}.device-qr-modal-dialog .modal-subtitle{color:var(--color-text-muted);font-size:.85rem}.device-qr-modal-dialog .modal-qr-stage{margin:1.15rem 0 1.25rem}.qr-canvas-box{border-radius:var(--radius-md);background:#fff;border:2px solid #ff75274d;justify-content:center;align-items:center;padding:10px;display:flex;box-shadow:0 8px 20px #0003}.qr-canvas-box canvas{border-radius:4px;max-width:100%;height:auto;display:block}.btn-back-models{color:var(--color-text-muted);border-radius:var(--radius-full);padding:.4rem .8rem;font-size:.88rem;font-weight:600;transition:color .15s}.btn-back-models:hover{color:var(--color-primary)}@media (width<=768px){.universal-qr-card{text-align:center;flex-direction:column;gap:1.75rem;padding:2rem 1.5rem}.qr-badge-wrap{justify-content:center}.fallback-note{align-items:center}.models-modal-dialog{max-height:92vh;padding:1.5rem 1rem}.models-modal-dialog .compat-toolbar{flex-direction:column;align-items:stretch}}