.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.resource-card{display:flex;gap:14px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px;box-shadow:var(--shadow-sm)}.resource-icon{width:48px;height:56px;border-radius:11px;background:#fff0ed;color:#bd5c4e;display:grid;place-items:center;font-size:11px;font-weight:900;flex:0 0 auto}.resource-icon-test{background:#eaf1fb;color:#5078ae}.resource-body{min-width:0;flex:1}.resource-meta{display:flex;justify-content:space-between;gap:7px;color:var(--muted);font-size:10px}.resource-card h3{margin:5px 0;font-size:15px}.resource-card p{margin:0 0 6px;color:var(--muted);font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resource-card small{color:#9aa8ab;font-size:10px}.resource-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.check-field{display:flex!important;align-items:center;gap:8px;padding-top:26px}.viewer-shell,.live-shell{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.viewer-head,.live-header{padding:21px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line)}.viewer-head h2,.live-header h2{margin:3px 0;font-size:21px}.viewer-head small,.live-header small{color:var(--muted)}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;background:#f6f9fa;color:var(--muted);font-size:11px}.viewer-toolbar div{display:flex;gap:7px;align-items:center}.pdf-frame{height:calc(100vh - 255px);min-height:560px;background:#182b35;overflow:auto;position:relative}.pdf-frame iframe{width:100%;height:100%;border:0;transform:scale(var(--pdf-zoom,1));transform-origin:top center}.viewer-note{padding:10px 16px;margin:0;color:var(--muted);font-size:10px;background:#fbfdfd}.test-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px;padding:16px;background:#f6f9fa}.test-layout .pdf-frame{min-height:640px;height:calc(100vh - 190px);border-radius:12px}.test-answer-panel{height:max-content;position:sticky;top:110px}.test-answer-panel h3{margin-top:0}.live-shell{background:#0e2029;color:#e2f1f0}.live-header{background:#102c35;border-color:#ffffff14}.live-header .eyebrow{color:#76c9ad}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:calc(100vh - 185px)}.live-stage{padding:18px;background:#0c1c24;display:flex;flex-direction:column}.participant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;flex:1;align-content:start}.participant-tile{min-height:170px;border:1px solid #ffffff17;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#213945,#142b34);position:relative;display:grid;place-items:center}.participant-tile video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;display:none}.participant-tile.has-video video{display:block}.participant-tile.has-video .tile-placeholder{display:none}.tile-placeholder{text-align:center;display:grid;place-items:center;gap:4px}.tile-placeholder strong{font-size:12px}.tile-placeholder small{font-size:10px;color:#91afb0}.tile-label,.tile-status{position:absolute;bottom:9px;background:#081820b8;border-radius:7px;padding:3px 8px;font-size:9px}.tile-label{right:9px}.tile-status{left:9px;color:#9bd8c0}.live-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:16px 0 2px}.live-control{border:1px solid #ffffff20;background:#203b45;color:#e1efee;border-radius:10px;padding:9px 13px;font-size:11px;cursor:pointer}.live-control:hover,.live-control.is-off{background:#7c3f48}.live-control.danger{background:#a84f5b;border-color:#c76a73}.live-chat{background:#fff;color:var(--ink);padding:18px}.live-chat .chat-window{min-height:380px;max-height:calc(100vh - 300px)}@media(max-width:850px){.test-layout,.live-layout{grid-template-columns:1fr}.test-answer-panel{position:static}.live-chat{border-top:1px solid #ffffff14}.live-chat .chat-window{max-height:300px}.pdf-frame{min-height:480px;height:70vh}}@media(max-width:520px){.viewer-head,.live-header{align-items:flex-start;flex-direction:column;padding:17px}.resource-card{padding:13px}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-tile{min-height:135px}.live-stage{padding:11px}.live-controls{gap:5px}.live-control{font-size:10px;padding:8px 9px}}