.drm-info-container{background:var(--background);min-height:100vh;font-family:var(--font-sans);color:var(--foreground);padding:30px}.back-button{background:var(--panel-bg);color:var(--foreground);border:1px solid var(--panel-border);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-sans);border-radius:8px;outline:none;margin-bottom:20px;padding:10px 20px;transition:all .2s}.back-button:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-1px)}.back-button:focus{outline:2px solid var(--primary);outline-offset:2px;background:var(--primary);color:#fff}.info-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-header{border-bottom:1px solid var(--panel-border);background:#0003;align-items:center;gap:12px;padding:20px 24px;display:flex}.card-icon{font-size:24px}.card-header h2{color:var(--foreground);margin:0;font-size:1.25rem;font-weight:600}.card-content{padding:20px 24px}.system-info-card{border-left:4px solid var(--primary)}.system-info-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 24px;display:grid}.system-info-item{flex-direction:column;gap:4px;display:flex}.info-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.info-value{color:var(--foreground);font-size:1rem;font-weight:600}.info-value.bold{font-weight:700}.drm-cards-container{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}@media (min-width:1025px){.drm-cards-container{grid-template-columns:repeat(3,1fr)!important}}.drm-card{min-height:200px}.drm-card .card-header{border-bottom:none;padding-bottom:10px}.widevine-icon{color:var(--success)}.playready-icon,.fairplay-icon{color:var(--warning)}.status-badge{border-radius:9999px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.status-supported{color:var(--success);background-color:#22c55e1a;border:1px solid #22c55e33}.status-not-supported{color:var(--warning);background-color:#f59e0b1a;border:1px solid #f59e0b33}.status-checking{color:var(--text-muted);background-color:#94a3b81a;border:1px solid #94a3b833}.drm-status-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.status-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.drm-info-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.drm-info-section{margin-bottom:16px}.section-label{color:var(--text-muted);margin-bottom:8px;font-size:.8rem;font-weight:500;display:block}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid #0000;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-block}.tag-default{color:var(--text-muted);border-color:var(--panel-border);background-color:#94a3b81a}.tag-blue{color:var(--primary);background-color:#3b82f61a;border-color:#3b82f633}.tag-green{color:var(--success);background-color:#22c55e1a;border-color:#22c55e33}.tag-purple{color:#a78bfa;background-color:#8b5cf61a;border-color:#8b5cf633}.external-link-section{text-align:center;margin-top:30px;padding:20px}.external-link{color:var(--primary);border:1px solid var(--primary);background:0 0;border-radius:8px;outline:none;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.external-link:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.external-link:focus{outline:2px solid var(--primary);outline-offset:2px;background:var(--primary);color:#fff;transform:translateY(-2px)}.loading-overlay{z-index:100;background:#0f172af2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid var(--panel-border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:var(--text-muted);font-size:.9rem;font-weight:500}@media (max-width:900px){.drm-cards-container{grid-template-columns:1fr!important}.system-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.drm-info-container{padding:16px}.system-info-grid{grid-template-columns:1fr}.card-header,.card-content{padding:16px}}