*{box-sizing:border-box}:root{color-scheme:dark;--bg: #07101f;--bg-soft: #0f1c30;--panel: rgba(15, 23, 42, .9);--panel-soft: rgba(30, 41, 59, .72);--line: rgba(148, 163, 184, .22);--text: #eef6ff;--muted: #a7b8d6;--accent: #38bdf8;--accent-2: #818cf8;--science: #34d399;--history: #f59e0b;--ela: #a78bfa;--bell: #c084fc;--join: #f472b6;--danger: #fb7185;--success: #22c55e;--warning: #facc15;--radius-xl: 28px;--radius-lg: 22px;--shadow-card: 0 24px 70px rgba(0, 0, 0, .26)}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif;background:radial-gradient(circle at 12% 8%,rgba(56,189,248,.24),transparent 30%),radial-gradient(circle at 88% 18%,rgba(168,85,247,.22),transparent 30%),radial-gradient(circle at 50% 100%,rgba(16,185,129,.14),transparent 36%),linear-gradient(135deg,#020617,#0f172a 42%,#111827);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}#root{width:100%}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617bd}.brand-mark{font-size:1.05rem;font-weight:900;letter-spacing:.02em}.topbar-nav{display:flex;gap:10px;flex-wrap:wrap}.topbar-link,.ghost-chip,.ghost-link{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 14px;color:#dbeafe;background:#ffffff13;transition:transform .16s ease,background .16s ease,border-color .16s ease}.topbar-link:hover,.ghost-chip:hover,.ghost-link:hover{transform:translateY(-1px);background:#ffffff1f;border-color:#7dd3fc66}.ghost-chip.light{color:#fff;border-color:#ffffff40;background:#ffffff1c}.app-content{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:24px 0 42px}h1,h2,h3,p{margin-top:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:900;color:#bae6fd;margin-bottom:10px}.hero-panel,.role-card,.teacher-login-card,.teacher-tool-card,.detail-card,.prompt-card,.teacher-dashboard-hero,.quick-link-panel,.teacher-main-panel,.teacher-section-card,.teacher-list-item,.student-card,.student-hero-card{border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,#ffffff17,#ffffff0b),#0f172ad6;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.role-select-page,.student-home-page,.student-detail-page,.teacher-login-page{display:grid;gap:22px}.role-hero,.student-hero,.student-detail-hero,.teacher-dashboard-hero,.student-hero-card{border-radius:var(--radius-xl);padding:clamp(22px,3vw,32px)}.role-hero h1,.student-hero h1,.student-detail-hero h1,.teacher-login-card h1,.teacher-dashboard-hero h1,.student-hero-card h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.01;margin-bottom:10px;letter-spacing:-.045em}.role-hero p,.student-hero p,.student-detail-hero p,.teacher-login-card p,.teacher-dashboard-hero p,.teacher-tool-card p,.detail-card p,.student-hero-card p,.student-card p{color:var(--muted);max-width:780px}.role-grid,.subject-grid,.teacher-dashboard-grid,.detail-card-grid{display:grid;gap:18px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-card,.subject-tile,.teacher-tool-card,.detail-card,.student-card,.teacher-section-card,.teacher-list-item{border-radius:var(--radius-lg);padding:20px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.role-card:hover,.subject-tile:hover,.teacher-tool-card:hover,.student-card:hover,.teacher-list-item:hover{transform:translateY(-2px);border-color:#7dd3fc57;box-shadow:0 26px 80px #0000004d}.role-badge,.prompt-label{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:#94a3b824;color:#e0f2fe;font-size:.8rem;font-weight:800;margin-bottom:18px}.role-action,.subject-tile span,.teacher-tool-card span{display:inline-flex;margin-top:20px;font-weight:900;color:#fff}.student-card{background:linear-gradient(180deg,#ffffff1f,#ffffff0e),#0f172ac7}.student-card strong,.student-card h2,.student-card h1{color:#f8fbff}.student-hero-card{background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.18),transparent 32%),linear-gradient(135deg,#3b82f6b8,#7c3aeda8)}.student-hero-card.science,.student-detail-hero.science,.subject-tile.science{background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,#059669,#14b8a6 48%,#2563eb)}.student-hero-card.history,.student-detail-hero.history,.subject-tile.history{background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.2),transparent 30%),linear-gradient(135deg,#b45309,#f97316 46%,#be123c)}.student-hero-card.ela,.student-detail-hero.ela,.subject-tile.ela{background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.2),transparent 30%),linear-gradient(135deg,#7c3aed,#a855f7 48%,#2563eb)}.student-hero-card.bell,.student-detail-hero.bell,.subject-tile.bell{background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.2),transparent 30%),linear-gradient(135deg,#9333ea,#ec4899)}.student-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:linear-gradient(135deg,#2563eb7a,#7c3aed66)}.subject-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.subject-tile{min-height:220px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.subject-tile h2{font-size:1.9rem;margin-bottom:8px;letter-spacing:-.03em}.subject-tile p{color:#ffffffdb}.subject-tile.join{background:linear-gradient(135deg,#db2777,#9333ea)}.detail-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.detail-card,.prompt-card{border-radius:var(--radius-lg);padding:22px}.teacher-login-page{min-height:calc(100vh - 140px);place-items:center}.teacher-login-card{width:min(760px,100%);border-radius:var(--radius-xl);padding:28px}.teacher-login-form{display:grid;gap:12px;margin:24px 0 20px}.field-label{display:inline-block;font-size:.88rem;font-weight:800;color:#dbeafe;margin-bottom:7px}.field-input,input,textarea,select{width:100%;border-radius:17px;border:1px solid rgba(255,255,255,.14);padding:13px 15px;color:#fff;background:#0f172ab8;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field-input:focus,input:focus,textarea:focus,select:focus{border-color:#38bdf8b3;box-shadow:0 0 0 4px #38bdf824;background:#0f172ae6}input::placeholder,textarea::placeholder{color:#91a7c7}.primary-button,.secondary-button,.chip-button{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px 16px;color:#fff;font-weight:900;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{background:linear-gradient(135deg,#38bdf8,#6366f1 52%,#a855f7);color:#fff;box-shadow:0 14px 34px #3b82f647}.secondary-button,.chip-button{background:#ffffff18;color:#eaf3ff;border-color:#ffffff29}.primary-button:hover,.secondary-button:hover,.chip-button:hover{transform:translateY(-1px);box-shadow:0 16px 40px #0000003d}.chip-button.active,.primary-button.active{background:linear-gradient(135deg,#f8fafc,#dbeafe);color:#0f172a}.error-text{color:#fecdd3;font-size:.92rem}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);margin:18px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.quick-link-panel{border-radius:var(--radius-lg);padding:20px;background:var(--panel-soft)}.quick-link-box{margin:14px 0;padding:14px;border-radius:14px;border:1px dashed rgba(148,163,184,.32);color:#d6e4fd;word-break:break-all}.quick-link-actions,.teacher-help-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.teacher-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;min-height:calc(100vh - 120px)}.teacher-sidebar{border:1px solid rgba(255,255,255,.13);border-radius:28px;background:#040a18e6;padding:22px;display:grid;align-content:start;gap:18px;height:100vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.teacher-shell-title{font-size:1.7rem;font-weight:900}.teacher-sidebar-copy{color:var(--muted)}.teacher-nav-list{display:grid;gap:9px}.teacher-nav-link{padding:12px 14px;border-radius:15px;border:1px solid transparent;color:#c8d7f0;background:#ffffff0e;transition:background .16s ease,border-color .16s ease,transform .16s ease}.teacher-nav-link:hover{transform:translate(2px);background:#ffffff18;border-color:#7dd3fc42}.teacher-nav-link.active{background:linear-gradient(135deg,#38bdf83d,#6366f138);border-color:#7dd3fc4d;color:#fff}.teacher-sidebar-footer{display:grid;gap:10px}.teacher-main-panel{border-radius:28px;padding:24px}.teacher-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.teacher-tool-card h2{margin-bottom:10px}.teacher-two-column-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:18px}.teacher-three-column-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.teacher-section-card{border-radius:24px;padding:22px}.teacher-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.media-dropzone{display:grid;gap:8px;place-items:center;min-height:180px;text-align:center;border:1px dashed rgba(148,163,184,.35);border-radius:22px;padding:22px;background:#0206176b}.media-dropzone.active{border-color:#fff6;background:#1e293bc7}.media-dropzone p{margin:0;max-width:430px}.media-preview-frame{aspect-ratio:4 / 3;border-radius:20px;border:1px solid rgba(148,163,184,.22);overflow:hidden;display:grid;place-items:center;color:var(--muted);background:#1e293b8c}.media-preview-frame.wide{aspect-ratio:16 / 9}.media-preview-frame.square{aspect-ratio:1 / 1}.teacher-list-grid{display:grid;gap:12px}.article-preview-box,.assignment-preview-box{border:1px solid rgba(148,163,184,.18);background:#02061766;border-radius:18px;padding:16px;color:#dbe7fb;white-space:pre-wrap;min-height:180px;overflow:auto}.assignment-preview-box{min-height:520px;font-size:.92rem}.article-pdf-frame{width:100%;min-height:440px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:#02061766}.teacher-toggle-stack{display:grid;gap:12px}.teacher-toggle-row{display:flex;align-items:center;gap:10px;color:#dbe7fb}.status-chip{display:inline-flex;align-items:center;width:fit-content;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.01em;border:1px solid rgba(148,163,184,.24);background:#94a3b829;color:#cbd5e1}.status-open{background:#22c55e29;border-color:#22c55e61;color:#86efac}.status-upcoming{background:#facc1524;border-color:#facc155c;color:#fde68a}.status-closed{background:#ef444426;border-color:#ef444461;color:#fca5a5}.status-submitted{background:#3b82f629;border-color:#3b82f661;color:#93c5fd}.status-review{background:#a855f729;border-color:#a855f766;color:#d8b4fe}.status-locked{background:#94a3b829;border-color:#94a3b84d;color:#cbd5e1}.fullscreen-teacher-page{display:block}.fullscreen-main-panel{width:100%;max-width:none;padding:0;font-size:1.2rem}.fullscreen-main-panel>*{margin:0 auto}.student-next-card{border-radius:30px;padding:clamp(22px,3vw,34px);background:radial-gradient(circle at 8% 12%,rgba(255,255,255,.22),transparent 32%),linear-gradient(135deg,#38bdf86b,#6366f159);border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 80px #2563eb2e}.student-big-action{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 22px;border-radius:18px;background:linear-gradient(135deg,#38bdf8,#6366f1 55%,#a855f7);color:#fff;font-weight:950;border:0;box-shadow:0 16px 42px #3b82f647}@media(max-width:960px){.teacher-two-column-grid,.teacher-three-column-grid,.teacher-form-grid{grid-template-columns:1fr}}@media(max-width:900px){.role-grid,.teacher-shell{grid-template-columns:1fr}.student-hero,.quick-link-actions,.teacher-help-row,.topbar{flex-direction:column;align-items:stretch}.app-content{width:min(100% - 24px,1200px);padding-top:18px}.teacher-sidebar{position:fixed!important;top:0;left:0;height:100vh;width:min(280px,86vw);z-index:40000}}@media print{.no-print,.teacher-sidebar,.teacher-dashboard-hero{display:none!important}body{background:#fff!important;color:#000!important}}.teacher-shell.sidebar-closed{grid-template-columns:1fr!important}.teacher-shell.sidebar-closed .teacher-main-panel{grid-column:1 / -1!important;margin-left:0!important;width:100%!important}.teacher-shell.sidebar-open{grid-template-columns:280px 1fr}.quiz-builder-start .teacher-tool-card{border:1px solid rgba(148,163,184,.25);background:#ffffffeb;color:#0f172a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.quiz-builder-start .teacher-tool-card:hover{transform:translateY(-2px);border-color:#2563eb8c;box-shadow:0 18px 40px #0f172a29}.quiz-builder-start .teacher-tool-card:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px}.question-bank-row-compact{min-width:0;max-width:100%}.question-bank-row-compact .chip-row{min-width:0}.question-bank-row-compact .mini-chip{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.question-bank-row-actions button{width:100%;text-align:center;white-space:nowrap}@media(max-width:720px){.question-bank-row-compact{grid-template-columns:1fr!important}.question-bank-row-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:0!important}}.bank-ownership-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.bank-ownership-panel .teacher-list-item{min-width:0}.bank-ownership-panel .article-title-wrap{overflow-wrap:anywhere;word-break:break-word}.question-ownership-filter-panel{padding:12px;border:1px solid rgba(148,163,184,.28);border-radius:18px;background:#f8fafce0;min-width:0}.question-ownership-filter-row .ghost-chip{border:1px solid rgba(100,116,139,.38);background:#fff;color:#334155;font-weight:900}.question-ownership-filter-row .ghost-chip.active{background:#1d4ed8;border-color:#1d4ed8;color:#fff;box-shadow:0 10px 22px #2563eb33}.main-bank-browser-panel{padding:14px;border-radius:20px;border:1px solid rgba(59,130,246,.22);background:linear-gradient(135deg,#eff6ffeb,#f0fdfac2);min-width:0}.bank-browser-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0}.bank-browser-column{display:grid;gap:8px;min-width:0;padding:10px;border-radius:16px;border:1px solid rgba(148,163,184,.22);background:#ffffffb8}.bank-browser-column .ghost-chip.active,.main-bank-browser-panel .ghost-chip.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.bank-browser-preview{min-width:0}.bank-browser-preview summary{cursor:pointer;font-weight:900;color:#0f172a}@media(max-width:850px){.bank-browser-grid{grid-template-columns:1fr}}.question-bank-organizer-page{color:#0f172a}.organizer-hero{display:flex;justify-content:space-between;gap:16px;align-items:start;padding:20px;background:radial-gradient(circle at top right,rgba(14,165,233,.16),transparent 28%),linear-gradient(135deg,#eff6ff,#f8fafc 54%,#ecfeff);border:1px solid rgba(2,132,199,.24)}.organizer-hero p{color:#334155;font-weight:650}.organizer-status{max-width:520px;padding:12px 14px;border-radius:16px;background:#dcfce7;border:1px solid #22c55e;color:#14532d;font-weight:900}.organizer-controls{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(260px,1fr) minmax(260px,.8fr);gap:12px;align-items:end}.organizer-bank-summary{display:grid;gap:4px;padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #cbd5e1}.organizer-bank-summary strong{color:#0f172a}.organizer-bank-summary span{color:#334155}.organizer-bank-summary .raw-bank-id{color:#64748b;font-size:12px;overflow-wrap:anywhere}.organizer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.organizer-panel{display:grid;gap:12px;align-content:start}.organizer-chip-list{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow:auto;padding:8px;border-radius:16px;background:#f8fafc;border:1px solid #cbd5e1}.organizer-chip{border:1px solid #0284c7;background:#e0f2fe;color:#075985;border-radius:999px;padding:8px 11px;font-weight:900;cursor:pointer}.organizer-chip:hover{background:#bae6fd;color:#082f49}.organizer-chip.active{background:#1d4ed8;border-color:#1e40af;color:#fff;box-shadow:0 10px 22px #2563eb33}.organizer-preview{display:grid;gap:12px}.organizer-question-list{display:grid;gap:10px;max-height:70vh;overflow:auto;padding-right:4px}.organizer-question-row{display:grid;gap:8px;padding:12px;border-radius:16px;background:#fff;border:1px solid #cbd5e1}.organizer-question-row strong{overflow-wrap:anywhere;word-break:break-word}@media(max-width:900px){.organizer-controls,.organizer-grid{grid-template-columns:1fr}.organizer-hero{display:grid}}.main-bank-browser-panel a.secondary-button,.bank-edit-glow-panel a.secondary-button,.question-bank-organizer-page a.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:999px;font-weight:900;padding:8px 13px}.main-bank-browser-panel a.secondary-button{background:#0f172a!important;color:#fff!important;border:1px solid #0f172a!important}.bank-edit-glow-panel a.secondary-button{background:#f8fafc!important;color:#1e1b4b!important;border:1px solid rgba(219,234,254,.5)!important}.question-bank-organizer-page a.secondary-button{background:#0f172a!important;color:#fff!important;border:1px solid #0f172a!important}.quiz-cart-floating-toggle{position:fixed;right:22px;bottom:22px;z-index:80;border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;border-radius:999px;padding:12px 16px;font-weight:950;box-shadow:0 16px 36px #2563eb47;cursor:pointer}.quiz-cart-floating-toggle:hover{transform:translateY(-1px);box-shadow:0 20px 42px #2563eb57}.quiz-cart-drawer{position:fixed!important;top:82px;right:18px;bottom:18px;width:min(460px,calc(100vw - 28px));max-height:calc(100vh - 100px);overflow:auto;z-index:75;transform:translate(calc(100% + 34px));transition:transform .2s ease,box-shadow .2s ease;border:1px solid #1d4ed8!important;box-shadow:none;background:#fff!important}.quiz-cart-drawer .teacher-list-grid,.quiz-cart-drawer .teacher-list-item{min-width:0}.quiz-cart-drawer strong,.quiz-cart-drawer p,.quiz-cart-drawer span,.quiz-cart-drawer div{overflow-wrap:anywhere;word-break:break-word}@media(max-width:760px){.quiz-cart-drawer{top:auto;left:10px;right:10px;bottom:10px;width:auto;max-height:72vh;transform:translateY(calc(100% + 28px))}.quiz-cart-drawer.open{transform:translateY(0)}.quiz-cart-floating-toggle{right:14px;bottom:14px}}.quiz-cart-top-control{position:sticky;top:8px;z-index:40;border:1px solid #1d4ed8!important;background:#eff6ff!important}.quiz-cart-floating-toggle{position:fixed;right:22px;bottom:22px;z-index:90;border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;border-radius:999px;padding:12px 16px;font-weight:950;box-shadow:0 16px 36px #2563eb47;cursor:pointer}.quiz-cart-floating-toggle.active{background:#0f172a;border-color:#0f172a}.quiz-cart-drawer{position:fixed!important;top:82px;right:18px;bottom:18px;width:min(480px,calc(100vw - 28px));max-height:calc(100vh - 100px);overflow:auto;z-index:85;transform:translate(calc(100% + 40px));transition:transform .22s ease,box-shadow .22s ease;border:2px solid #1d4ed8!important;box-shadow:none;background:#fff!important}.quiz-cart-drawer.open{transform:translate(0);box-shadow:0 24px 70px #0f172a4d}.quiz-cart-drawer *{max-width:100%;overflow-wrap:anywhere;word-break:break-word}@media(max-width:760px){.quiz-cart-drawer{top:auto;left:10px;right:10px;bottom:10px;width:auto;max-height:72vh;transform:translateY(calc(100% + 30px))}.quiz-cart-drawer.open{transform:translateY(0)}}.media-folder-hint{padding:10px;border-radius:14px;background:#eff6ff;border:1px solid #60a5fa;color:#0f172a!important;font-weight:750}.media-folder-hint strong{color:#1e3a8a!important}.media-active-folder-banner,.media-folder-hint{padding:10px;border-radius:14px;background:#eff6ff;border:1px solid #60a5fa;color:#0f172a!important;font-weight:750}.media-active-folder-banner strong,.media-folder-hint strong{color:#1e3a8a!important}.media-create-folder-box{display:grid;gap:8px;padding:12px;border-radius:18px;background:#fff7ed;border:1px solid #fdba74}.media-create-folder-box strong,.media-create-folder-box p{color:#0f172a!important}.media-create-folder-box p{margin:0;color:#475569!important;font-weight:700}.media-article-folder-panel{display:grid;gap:14px;background:#fff!important;color:#0f172a!important}.media-article-folder-panel h2,.media-article-folder-panel p,.media-article-folder-panel strong,.media-article-folder-panel span{color:#0f172a!important}.media-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.media-folder-card{display:grid;gap:6px;padding:12px;border-radius:16px;border:1px solid #cbd5e1;background:#f8fafc;text-align:left;cursor:pointer}.media-folder-card:hover{border-color:#2563eb;box-shadow:0 10px 24px #2563eb1f}.media-folder-card.active{background:#dbeafe;border:2px solid #2563eb}.media-folder-card strong{color:#0f172a!important}.media-folder-card span{color:#334155!important;font-weight:850}.media-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;align-items:start}.media-grid-card{min-height:0}.media-grid-card>div:first-child{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.media-grid-card img{width:100%!important;height:150px!important;object-fit:contain!important;background:#f8fafc;border-radius:14px}.media-grid-card .chip-row{gap:6px}.media-grid-card .chip-row button,.media-grid-card .chip-row a{font-size:12px;padding:6px 8px}.media-quick-title{display:grid;gap:4px;margin-top:8px}.media-quick-title span{color:#475569!important;font-weight:900;font-size:12px}.media-source-badge{display:inline-flex;width:fit-content;margin-top:8px;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:900}.media-source-badge.article{background:#ede9fe;color:#5b21b6!important;border:1px solid #8b5cf6}.media-source-badge.general{background:#f1f5f9;color:#334155!important;border:1px solid #cbd5e1}.media-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:10px!important}.media-grid-card{padding:8px!important}.media-grid-card>div:first-child{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.media-grid-card img{width:100%!important;height:118px!important;object-fit:contain!important;background:#f8fafc;border-radius:12px}.media-grid-card strong{font-size:13px!important;line-height:1.2;display:block;max-height:2.4em;overflow:hidden}.media-grid-card .media-grid-extra-details,.media-grid-card .media-source-badge{display:none!important}.media-grid-card .media-quick-title{margin-top:6px!important}.media-grid-card .media-quick-title span{display:none!important}.media-grid-card .media-quick-title input{font-size:12px!important;padding:7px 8px!important}.media-grid-card .media-grid-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important}.media-grid-card .media-grid-actions button,.media-grid-card .media-grid-actions a{font-size:11px!important;padding:6px 7px!important;min-height:0!important}.media-grid-card .media-grid-actions button:nth-child(n+5),.media-grid-card .media-grid-actions a:nth-child(n+5){display:none!important}.teacher-list-grid .media-grid-extra-details{display:block!important}.media-active-folder-banner{display:grid;gap:4px}.media-active-folder-banner span{color:#334155!important;font-weight:750}.media-sync-article-panel{display:grid;gap:14px;border:2px solid #2563eb!important;background:#eff6ff!important}.media-sync-article-panel h2,.media-sync-article-panel p,.media-sync-article-panel strong,.media-sync-article-panel span,.media-sync-article-panel div{color:#0f172a!important}.media-sync-article-panel p{color:#334155!important;font-weight:700}.media-sync-counts{display:grid;gap:4px;padding:10px;border-radius:14px;background:#fff;border:1px solid #93c5fd}.media-status-banner{padding:12px 14px;border-radius:16px;background:#dcfce7;color:#14532d;border:1px solid #22c55e;font-weight:900}.media-force-sync-button{font-size:16px!important;padding:12px 18px!important;box-shadow:0 8px #15803d59,0 16px 28px #16a34a33}.media-sync-warning{display:inline-flex;width:fit-content;margin-top:6px;padding:6px 9px;border-radius:999px;background:#fef3c7;border:1px solid #f59e0b;color:#92400e!important;font-weight:950!important}.media-sync-inline-button,.media-sync-backup-button{width:fit-content;margin-top:8px;font-size:16px!important;padding:12px 18px!important;background:#16a34a!important;color:#fff!important;border:2px solid #15803d!important;box-shadow:0 7px #15803d59,0 16px 28px #16a34a33}.media-sync-counts{align-items:start}.media-sync-inline-button,.media-sync-backup-button,.duplicate-sync-button{display:none!important}.media-sync-article-panel .main-sync-button,.media-sync-article-panel .media-force-sync-button:not(.duplicate-sync-button){display:inline-flex!important;width:fit-content;align-items:center;justify-content:center;font-size:16px!important;padding:12px 18px!important;background:#16a34a!important;color:#fff!important;border:2px solid #15803d!important;border-radius:999px;font-weight:950!important;box-shadow:0 7px #15803d59,0 16px 28px #16a34a33}.media-sync-article-panel .chip-row .primary-button:nth-of-type(n+2){display:none!important}.media-sync-article-panel.media-sync-advanced-tools{display:block!important;padding:10px 12px!important;margin-bottom:10px!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:16px!important;box-shadow:none!important}.media-sync-article-panel.media-sync-advanced-tools>summary{cursor:pointer;list-style:none;color:#0f172a!important;font-weight:950!important;padding:6px 8px!important;border-radius:12px!important;background:#e2e8f0!important}.media-sync-article-panel.media-sync-advanced-tools>summary:before{content:"▸ ";font-weight:1000}.media-sync-article-panel.media-sync-advanced-tools[open]>summary:before{content:"▾ "}.media-sync-article-panel.media-sync-advanced-tools:not([open])>*:not(summary){display:none!important}.media-sync-inline-button,.media-sync-backup-button,.duplicate-sync-button,.media-sync-article-panel .chip-row .primary-button:nth-of-type(n+2){display:none!important}.media-sync-article-panel .main-sync-button,.media-sync-article-panel .media-force-sync-button:not(.duplicate-sync-button),.media-sync-article-panel .chip-row .primary-button:first-of-type{display:inline-flex!important;width:fit-content!important;align-items:center!important;justify-content:center!important;padding:9px 12px!important;border-radius:999px!important;background:#16a34a!important;color:#fff!important;border:1px solid #15803d!important;font-size:13px!important;font-weight:950!important;box-shadow:none!important}.compact-media-library-card,.saved-media-library-card{padding:12px!important;border-radius:18px!important}.saved-media-library-header h2{margin:0!important;font-size:1.25rem!important;color:#0f172a!important}.saved-media-library-header p{margin:4px 0 0!important;color:#475569!important;font-size:13px!important;font-weight:750!important}.compact-media-library-card .chip-row{gap:6px!important}.compact-media-library-card .chip-button,.compact-media-library-card .ghost-chip,.compact-media-library-card .secondary-button,.compact-media-library-card .primary-button{font-size:12px!important;padding:6px 9px!important;min-height:30px!important}.compact-media-library-card .teacher-form-grid{gap:8px!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}.compact-media-library-card .field-input{min-height:34px!important;padding:7px 9px!important;font-size:13px!important}.media-gallery-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;gap:10px!important;align-items:start!important}.media-grid-card,.media-gallery-grid .teacher-list-item{padding:8px!important;border-radius:14px!important;min-height:0!important}.media-grid-card>div:first-child,.media-gallery-grid .teacher-list-item>div:first-child{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.media-grid-card img,.media-gallery-grid .teacher-list-item img{width:100%!important;height:112px!important;object-fit:contain!important;background:#f8fafc!important;border-radius:12px!important}.media-grid-card strong,.media-gallery-grid .teacher-list-item strong{font-size:12px!important;line-height:1.2!important;max-height:2.4em!important;overflow:hidden!important;color:#0f172a!important}.media-grid-card .media-grid-extra-details,.media-gallery-grid .teacher-list-item .media-grid-extra-details,.media-grid-card .media-source-badge,.media-gallery-grid .teacher-list-item .media-source-badge{display:none!important}.media-grid-card .chip-row,.media-gallery-grid .teacher-list-item .chip-row{gap:5px!important}.media-grid-card .chip-row button,.media-grid-card .chip-row a,.media-gallery-grid .teacher-list-item .chip-row button,.media-gallery-grid .teacher-list-item .chip-row a{font-size:10px!important;padding:5px 6px!important;min-height:24px!important}.teacher-list-grid .media-grid-extra-details,.teacher-list-grid .media-source-badge{display:block!important}.article-image-control-page{min-height:100vh;display:grid;gap:16px;padding:22px;background:linear-gradient(135deg,#f8fafc,#fff 52%,#f1f5f9);color:#0f172a}.article-image-control-hero,.article-image-control-panel,.article-image-control-card,.article-image-control-status{background:#fff;border:2px solid #cbd5e1;border-radius:22px;box-shadow:0 14px 34px #0f172a14;color:#0f172a}.article-image-control-hero{padding:20px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.article-image-control-hero h1{margin:4px 0;color:#0f172a;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em;line-height:1}.article-image-control-hero p,.article-image-control-panel p,.article-image-control-card p{color:#334155;font-weight:750;line-height:1.45}.article-image-control-actions,.article-image-stat-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.article-image-control-panel{padding:14px;display:grid;gap:12px}.article-image-control-status{padding:12px 14px;background:#dcfce7;border-color:#22c55e;color:#14532d;font-weight:950}.article-image-stat-row span{display:inline-flex;gap:4px;padding:7px 9px;border-radius:999px;background:#f1f5f9;border:1px solid #cbd5e1;color:#0f172a;font-weight:900}.article-image-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.article-image-control-card{padding:14px;display:grid;gap:10px;min-width:0}.article-image-control-card h2{margin:0;color:#0f172a}.image-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;max-height:560px;overflow:auto;padding:4px}.image-picker-card{display:grid;gap:6px;padding:8px;border-radius:16px;border:1px solid #cbd5e1;background:#f8fafc;text-align:left;cursor:pointer}.image-picker-card.active{background:#dbeafe;border:2px solid #2563eb}.image-picker-thumb{height:112px;display:grid;place-items:center;border-radius:12px;background:#fff;border:1px solid #e2e8f0;overflow:hidden}.image-picker-thumb img{width:100%;height:100%;object-fit:contain}.image-picker-thumb span,.image-picker-empty{color:#64748b;font-weight:850}.image-picker-card strong{color:#0f172a;font-size:12px;line-height:1.2;max-height:2.4em;overflow:hidden}.image-picker-card small{color:#475569;font-size:10px;overflow-wrap:anywhere;max-height:2.5em;overflow:hidden}.image-health{width:fit-content;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:950}.image-health.ok{background:#dcfce7;color:#14532d}.image-health.warn{background:#fef3c7;color:#92400e}.image-health.bad{background:#fee2e2;color:#991b1b}.image-picker-empty{padding:14px;border-radius:14px;background:#f8fafc;border:1px dashed #94a3b8}.sticky-action-panel{position:sticky;bottom:12px;z-index:50;border-color:#2563eb}@media(max-width:980px){.article-image-control-grid{grid-template-columns:1fr}}.article-image-control-page{padding-bottom:32px!important}.article-image-control-page .primary-button,.article-image-control-page .secondary-button,.article-image-control-page button,.article-image-control-page a.primary-button,.article-image-control-page a.secondary-button{color:#fff!important;background:#1d4ed8!important;border:2px solid #1e3a8a!important;font-weight:1000!important;text-decoration:none!important;text-shadow:none!important;box-shadow:none!important}.article-image-control-page .secondary-button,.article-image-control-page a.secondary-button{color:#111827!important;background:#fbbf24!important;border-color:#92400e!important}.article-image-control-page button:disabled{background:#cbd5e1!important;color:#475569!important;border-color:#94a3b8!important;opacity:1!important;cursor:not-allowed!important}.article-image-control-page .sticky-action-panel{position:static!important;bottom:auto!important;z-index:auto!important;margin-top:6px!important;border:2px solid #2563eb!important;background:#eff6ff!important;box-shadow:0 10px 24px #0f172a14!important}.article-image-control-page .sticky-action-panel h2,.article-image-control-page .sticky-action-panel p{color:#0f172a!important}.article-image-control-page .image-picker-card{background:#fff!important;color:#0f172a!important;border:2px solid #cbd5e1!important}.article-image-control-page .image-picker-card.active{background:#dbeafe!important;border-color:#1d4ed8!important}.article-image-control-page .image-picker-card strong{color:#0f172a!important;font-weight:1000!important;background:#fff!important;padding:4px 6px!important;border-radius:8px!important}.article-image-control-page .image-picker-card small{color:#111827!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;padding:4px 6px!important;border-radius:8px!important;font-weight:800!important}.article-image-control-page .image-picker-thumb{background:#f8fafc!important;border:2px solid #e2e8f0!important}.article-image-control-page .image-health.ok{background:#166534!important;color:#fff!important}.article-image-control-page .image-health.warn{background:#92400e!important;color:#fff!important}.article-image-control-page .image-health.bad{background:#991b1b!important;color:#fff!important}.article-image-control-page .article-image-control-actions{gap:8px!important}.article-image-control-page .article-image-control-actions .primary-button,.article-image-control-page .article-image-control-actions .secondary-button,.article-image-control-page .article-image-control-actions button{min-height:36px!important;padding:8px 12px!important;border-radius:999px!important;font-size:13px!important;line-height:1.1!important}.article-image-control-page .article-image-control-panel{background:#fff!important}.article-image-control-page .article-image-stat-row span{background:#f8fafc!important;color:#0f172a!important;border:1px solid #94a3b8!important}.article-image-control-page .field-label{color:#0f172a!important;font-weight:950!important}.article-image-control-page .field-input{color:#0f172a!important;background:#fff!important;border:2px solid #94a3b8!important}.article-image-control-page .image-picker-empty{color:#334155!important;background:#f8fafc!important;border:2px dashed #94a3b8!important}.public-top-nav a,.public-home-page a,.capabilities-page a,.how-to-page a,.article-backup-tools-page a{pointer-events:auto!important}.public-top-nav a:not(.public-brand){cursor:pointer!important}