:root{--color-bg-primary: #FFFFFF;--color-bg-secondary: #F5F5F7;--color-bg-tertiary: #FAFAFA;--color-text-primary: #1D1D1F;--color-text-original: #8224B3;--color-text-secondary: #6E6E73;--color-text-tertiary: #86868B;--color-border: #D2D2D7;--color-divider: #E5E5EA;--color-blue: #007AFF;--color-blue-light: #E5F2FF;--color-green: #34C759;--color-red: #FF3B30;--color-orange: #FF9500;--color-purple: #AF52DE;--color-green-soft: rgba(52, 199, 89, .12);--color-red-soft: rgba(255, 59, 48, .08);--color-orange-soft: rgba(255, 149, 0, .12);--color-overlay: rgba(0, 0, 0, .4);--font-arabic: "Noto Naskh Arabic";--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--font-content: "Inter", var(--font-arabic), sans-serif;--font-mono: "SF Mono", Monaco, Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 4px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12), 0 16px 48px rgba(0, 0, 0, .08);--shadow-focus: 0 0 0 4px rgba(0, 122, 255, .15);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-secondary);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;letter-spacing:-.3px}h1{font-size:32px;letter-spacing:-.5px}h2{font-size:24px}h3{font-size:18px;letter-spacing:-.2px}button{cursor:pointer;font-family:inherit;border:none;background:none}a{color:inherit;text-decoration:none}.card{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:var(--space-6);transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 var(--space-6);border-radius:var(--radius-sm);font-weight:500;font-size:15px;transition:all var(--duration-base) var(--ease-out);border:none;gap:var(--space-2);cursor:pointer;white-space:nowrap}.btn-primary{background-color:var(--color-blue);color:#fff}.btn-primary:hover{background-color:#0051d5;box-shadow:0 4px 12px #007aff4d}.btn-primary:active{transform:scale(.98);background-color:#003da3}.btn-secondary{background-color:transparent;border:1.5px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background-color:var(--color-bg-secondary);border-color:var(--color-text-tertiary)}.btn-secondary:active{transform:scale(.98)}.btn-danger{background-color:var(--color-red);color:#fff}.btn-danger:hover{background-color:#d62c21;box-shadow:0 4px 12px #ff3b304d}.btn-sm{height:36px;padding:0 var(--space-4);font-size:14px}.btn-lg{height:52px;padding:0 var(--space-8);font-size:16px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:13px;font-weight:500;letter-spacing:.3px;color:var(--color-text-primary);margin-bottom:var(--space-2)}.form-input{width:100%;height:44px;padding:0 var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);font-family:inherit}.form-select{position:relative;width:100%;min-width:0}.form-select>select{padding-right:var(--space-10);text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-select-icon{position:absolute;top:50%;right:var(--space-3);color:var(--color-text-secondary);transform:translateY(-50%);pointer-events:none}.form-select>select:disabled{opacity:.4;cursor:not-allowed}.form-select>select:disabled+.form-select-icon{opacity:.4}input[dir=rtl],textarea[dir=rtl]{font-family:var(--font-content)}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:focus{outline:none;border-color:var(--color-blue);box-shadow:var(--shadow-focus)}.form-input:hover:not(:focus){border-color:var(--color-text-tertiary)}.form-input.has-error{border-color:var(--color-red)}.form-input.has-error:focus{box-shadow:0 0 0 4px #ff3b3026}.form-error{color:var(--color-red);font-size:13px;margin-top:var(--space-1)}.app-shell{display:flex;min-height:100vh;background:var(--color-bg-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.sidebar{width:16rem;background-color:var(--color-bg-primary);border-right:1px solid var(--color-border);position:fixed;height:100%;z-index:10;display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-6);border-bottom:1px solid var(--color-divider);flex-wrap:wrap}.brand-mark{width:36px;height:36px;border-radius:var(--radius-md);background:transparent;display:flex;align-items:center;justify-content:center}.brand-mark-lg{width:48px;height:48px;font-size:20px;border-radius:var(--radius-lg)}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-title{font-weight:600;font-size:16px;letter-spacing:-.2px}.brand-subtitle{font-size:12px;color:var(--color-text-tertiary)}.sidebar-nav{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-divider)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:15px;font-weight:500;transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.nav-item:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.nav-item.active{background-color:var(--color-blue-light);color:var(--color-blue)}.nav-item.nav-item-danger{color:var(--color-red)}.nav-item.nav-item-danger:hover{background-color:var(--color-red-soft)}.main-content{min-width:0;margin-left:16rem;flex:1;padding:var(--space-12);min-height:100vh;background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%)}.page{display:flex;flex-direction:column;gap:var(--space-8);animation:fadeIn var(--duration-base) var(--ease-out)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.page-title{font-size:32px;letter-spacing:-.5px}.page-subtitle{margin-top:var(--space-2);color:var(--color-text-secondary)}.page-loading{padding:var(--space-12);text-align:center;color:var(--color-text-secondary)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.modal-actions{display:flex;justify-content:flex-end;padding-top:var(--space-2)}.table-card{padding:0;overflow:hidden}.data-table{display:flex;flex-direction:column}.data-row{display:grid;grid-template-columns:minmax(0,1fr) 140px 120px;gap:var(--space-4);padding:var(--space-4) var(--space-6);align-items:center;border-bottom:1px solid var(--color-divider)}.data-row.dialogs{grid-template-columns:minmax(0,1fr) 180px 120px 120px}.data-row:last-child{border-bottom:none}.data-row.data-header{background:var(--color-bg-tertiary);font-size:13px;letter-spacing:.3px;text-transform:uppercase;color:var(--color-text-tertiary)}.data-cell{display:flex;align-items:center}.data-cell-main{min-width:0}.data-cell-center{justify-content:center}.data-cell-actions{justify-content:flex-end;gap:var(--space-2)}.item{display:flex;align-items:center;gap:var(--space-3);min-width:0}.item-icon{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-border)}.order-input{width:52px;padding:4px 6px;font-size:13px;text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.item-icon-fallback{background:var(--color-blue-light);color:var(--color-blue);font-weight:600;display:flex;align-items:center;justify-content:center}.item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.item-title{font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{font-size:13px;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.badge-success{background:var(--color-green-soft);color:var(--color-green)}.badge-warning{background:var(--color-orange-soft);color:var(--color-orange)}.media-icons{display:inline-flex;align-items:center;gap:var(--space-2)}.media-icon{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.media-icon.media-active{background:var(--color-blue-light);border-color:var(--color-blue-light);color:var(--color-blue)}.icon-button{width:36px;height:36px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.icon-button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.icon-button-danger{color:var(--color-red)}.icon-button-danger:hover{background:var(--color-red-soft)}.empty-state{padding:var(--space-12);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.empty-title{font-size:18px;font-weight:600}.empty-subtitle{color:var(--color-text-secondary)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:radial-gradient(circle at top,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 60%)}.auth-card{width:100%;max-width:420px}.auth-header{display:flex;align-items:center;gap:var(--space-4)}.auth-title{font-size:24px;letter-spacing:-.3px;margin-bottom:2px}.auth-subtitle{color:var(--color-text-secondary);font-size:14px}.video-migration-summary{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-8)}.video-migration-summary strong,.video-migration-summary button{color:var(--color-blue);font-variant-numeric:tabular-nums}.dialogs-header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.dialogs-table-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-divider)}.dialogs-table-toolbar h2{font-size:16px}.dialogs-table-tools{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.dialogs-filters-panel{padding:var(--space-6);border-bottom:1px solid var(--color-divider)}.dialogs-filters-panel[hidden]{display:none}.dialogs-search{display:flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary)}.dialogs-search:focus-within{border-color:var(--color-blue);box-shadow:var(--shadow-focus)}.dialogs-search input{width:180px;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text-primary);font:inherit;font-size:14px}.dialogs-progress-stack{display:grid;gap:var(--space-4)}.published-lessons-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-5)}.published-lessons-heading h2{font-size:16px}.published-lessons-heading span{color:var(--color-text-secondary);font-size:13px}.published-lessons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--space-5) var(--space-6)}.published-lessons-level--behind{--progress-color: var(--color-red);--progress-track: var(--color-red-soft)}.published-lessons-level--in-progress{--progress-color: #ca8a04;--progress-track: rgba(234, 179, 8, .16)}.published-lessons-level--complete{--progress-color: var(--color-green);--progress-track: var(--color-green-soft)}.published-lessons-level--unavailable{--progress-color: var(--color-text-tertiary);--progress-track: var(--color-divider)}.published-lessons-label{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);font-size:13px}.published-lessons-label>strong{color:var(--progress-color);white-space:nowrap}.published-lessons-track{height:8px;overflow:hidden;border-radius:var(--radius-full);background:var(--progress-track)}.published-lessons-fill{height:100%;border-radius:inherit;background:var(--progress-color);transition:width var(--duration-base) var(--ease-out)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--space-3);align-items:start}.filters-field{margin:0;min-width:0}.filters-reset{align-self:flex-end;padding:var(--space-2) var(--space-3);background:var(--color-border);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:12px}.modal-panel{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:calc(100vh - 2 * var(--space-4));display:flex;flex-direction:column;overflow:hidden;animation:scaleIn var(--duration-base) var(--ease-spring)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-divider)}.modal-title{font-size:18px;font-weight:600;letter-spacing:-.2px;color:var(--color-text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1;min-height:0}.instructions-card{padding:var(--space-8) var(--space-10);max-width:800px;margin:0 auto}.editor-topbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-8);background:#fff;border-bottom:1px solid #ebebeb;margin-bottom:var(--space-8)}.editor-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-4)}.editor-canvas{width:100%;max-width:700px;margin:0 auto;display:flex;flex-direction:column}.editor-side-panel{display:flex;flex-direction:column}@media (max-width: 1180px){.editor-side-panel{display:none}}@media (max-width: 960px){.app-shell{flex-direction:column}.sidebar{position:static;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar-header{width:100%;padding:var(--space-4) var(--space-6)}.sidebar-nav{flex:1 1 0;min-width:0;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:var(--space-3) var(--space-6)}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-footer{flex:0 0 auto;border-top:none;padding:var(--space-3) var(--space-6)}.nav-item{white-space:nowrap}.main-content{margin-left:0;padding:var(--space-8) var(--space-6)}.page-header{flex-direction:column;align-items:flex-start}.data-cell-actions{justify-content:flex-end}.editor-canvas{padding:0 var(--space-4)}}@media (max-width: 640px){.dialogs-header-actions{width:100%}.dialogs-table-toolbar{align-items:stretch;padding:var(--space-4)}.dialogs-table-tools{width:100%}.dialogs-filters-panel{padding:var(--space-4)}.dialogs-search{flex:1}.dialogs-search input{width:100%}.sidebar-header{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.brand-subtitle{display:none}.sidebar-nav{padding:var(--space-2) var(--space-3);gap:var(--space-1)}.sidebar-footer{padding:var(--space-2) var(--space-3)}.nav-item{padding:var(--space-2) var(--space-3);font-size:14px}.main-content{padding:var(--space-5) var(--space-4)}.page{gap:var(--space-5)}.page-title{font-size:24px}.page-header{align-items:stretch;gap:var(--space-4)}.card{padding:var(--space-4)}.table-card{padding:0}.data-row{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-4);align-items:start}.data-row.data-header{display:none}.item-title{white-space:normal;overflow-wrap:break-word;line-height:1.35}.icon-button{width:32px;height:32px}.item{gap:var(--space-2)}.item-icon{width:28px;height:28px;font-size:13px}.data-row.dialogs .item-icon{display:none}.order-input{width:40px;padding:4px 2px}.data-cell-actions{gap:var(--space-1)}.data-row.dialogs{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main   media" "status actions"}.data-row.dialogs>.data-cell-main{grid-area:main}.data-row.dialogs>.data-cell-center{grid-area:status;justify-content:flex-start}.data-row.dialogs>.data-cell-media{grid-area:media;justify-content:flex-end}.data-row.dialogs>.data-cell-actions{grid-area:actions}.data-row:not(.dialogs)>.data-cell:nth-child(2){grid-column:1 / -1;grid-row:2}.data-row:not(.dialogs)>.data-cell-actions{grid-column:2;grid-row:1}.filters-reset{width:100%}.modal-panel{max-height:calc(100dvh - 2 * var(--space-4))}.modal-header,.modal-body{padding:var(--space-4)}.instructions-card{padding:var(--space-5) var(--space-4)}.instructions-content table{display:block;overflow-x:auto;white-space:nowrap}.editor-topbar{flex-wrap:wrap;padding:var(--space-4);gap:var(--space-3);margin-bottom:var(--space-5)}.editor-topbar-actions{margin-left:0;width:100%;flex-wrap:wrap;gap:var(--space-3)}.form-input{font-size:16px}.btn{min-height:40px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn var(--duration-base) var(--ease-out)}.slide-up{animation:slideUp var(--duration-slow) var(--ease-out)}.scale-in{animation:scaleIn var(--duration-base) var(--ease-spring)}.w-full{width:100%}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-4{margin-top:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.modal-backdrop{background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}*:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}button:focus-visible,.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.instructions-content h1{font-size:24px;font-weight:700;margin-bottom:24px;color:var(--color-text-primary)}.instructions-content h2{font-size:20px;font-weight:600;margin-top:32px;margin-bottom:16px;color:var(--color-text-primary)}.instructions-content h3{font-size:16px;font-weight:600;margin-top:24px;margin-bottom:12px;color:var(--color-text-primary)}.instructions-content h4{font-size:15px;font-weight:600;margin-top:20px;margin-bottom:10px;color:var(--color-text-primary)}.instructions-content p{font-size:14px;line-height:1.7;margin-bottom:12px;color:var(--color-text-secondary)}.instructions-content ul,.instructions-content ol{font-size:14px;line-height:1.7;margin-bottom:12px;padding-left:24px;color:var(--color-text-secondary)}.instructions-content li{margin-bottom:6px}.instructions-content strong{color:var(--color-text-primary)}.instructions-content code{background:var(--color-bg-secondary);padding:2px 6px;border-radius:4px;font-size:13px}.instructions-content hr{border:none;border-top:1px solid var(--color-divider);margin:32px 0}.instructions-content blockquote{border-left:3px solid var(--color-blue, #007AFF);padding:8px 16px;margin:12px 0;background:#007aff0a;border-radius:0 6px 6px 0}.instructions-content blockquote p{margin-bottom:0}.instructions-content table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}.instructions-content th,.instructions-content td{border:1px solid var(--color-divider);padding:8px 12px;text-align:left}.instructions-content th{background:var(--color-bg-tertiary);font-weight:600;color:var(--color-text-primary)}.instructions-content td{color:var(--color-text-secondary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-migration,.migration-synchronization{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.video-migration h2,.video-migration h3,.migration-notifications h2{margin:0;font-size:18px}.video-migration p{margin:0;line-height:1.5}.video-migration fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.video-migration label{display:flex;flex-direction:column;gap:var(--space-2);font-size:14px}.video-migration label.migration-check{flex-direction:row;align-items:flex-start}.video-migration label.migration-check input{margin-top:var(--space-1)}.migration-warning{padding:var(--space-4);border:1px solid var(--color-orange);border-radius:var(--radius-md);background:var(--color-orange-soft);color:var(--color-text-primary)}.migration-error{color:var(--color-red)}.migration-muted,.migration-line-number{color:var(--color-text-secondary);font-size:14px}.migration-hint{padding:var(--space-3);background:var(--color-bg-primary);border-left:3px solid var(--color-text-original)}.migration-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.migration-save-bar{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);min-width:0}.migration-playback-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.migration-playback-actions output{font-variant-numeric:tabular-nums;font-size:14px}.migration-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);font-size:14px}.migration-bar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-left:auto}.migration-stage{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,9fr);gap:var(--space-3);align-items:start}.migration-stage-side{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.migration-video-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:13px}.migration-video-bar button{padding:0;border:0;background:none;color:var(--color-blue);font:inherit;cursor:pointer}.migration-video-bar button:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.migration-switch{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);min-width:0}.migration-switch-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3)}.migration-switch-time{margin-left:auto;font-variant-numeric:tabular-nums;font-size:14px;color:var(--color-text-secondary)}.migration-switch-time output{color:var(--color-text-primary)}.migration-suspect-tag{padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-orange-soft);font-size:12px}.migration-switch-words{overflow-wrap:anywhere;color:var(--color-text-secondary)}.migration-switch-words strong{color:var(--color-text-original)}.video-migration .migration-switch p{margin:0}.migration-switch .migration-playback-actions{gap:var(--space-1)}.migration-switch .migration-playback-actions button{padding-inline:var(--space-2)}.video-migration .migration-switch-fields{display:flex;flex-flow:row wrap;align-items:flex-end;gap:var(--space-3) var(--space-5)}.migration-switch-word{flex:1 1 200px;min-width:0}.migration-switch-word select{width:100%;min-width:0}.migration-switch-edge{display:flex;align-items:flex-end;gap:var(--space-2)}.migration-switch-edge input{width:92px}.video-migration .migration-keys{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.migration-capture-help{padding:var(--space-3);border:1px solid var(--color-text-original);border-radius:var(--radius-md);background:var(--color-bg-primary);font-size:14px}.migration-capture-help p+p{margin-top:var(--space-2);color:var(--color-text-secondary)}.migration-player{position:sticky;bottom:0;z-index:20;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);min-width:0}.migration-transport{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.migration-transport output{font-variant-numeric:tabular-nums;font-size:14px;white-space:nowrap}.migration-transport input[type=range]{flex:1 1 160px;min-width:120px}.migration-preview{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.video-migration .migration-preview>p{font-size:13px}.migration-preview article{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);overflow-wrap:anywhere}.migration-preview article p:first-of-type{color:var(--color-text-original);font-size:22px;line-height:1.7;white-space:pre-wrap}.migration-preview article p+p{margin-top:var(--space-2)}.migration-preview article button{font:inherit;color:inherit;border:0;border-radius:var(--radius-sm);background:transparent;padding:0 3px;cursor:pointer}.migration-preview article button.is-unmapped{text-decoration:underline dotted;text-underline-offset:5px}.migration-preview article button.is-highlighted{background:var(--color-text-original);color:var(--color-bg-primary)}.migration-preview article button:hover:not(:disabled):not(.is-highlighted){background:var(--color-bg-secondary)}.migration-preview article button:disabled{cursor:default}.migration-preview article button:focus-visible{outline:2px solid var(--color-text-original);outline-offset:2px}.migration-preview-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);min-height:32px}.video-migration .migration-preview-head p{font-size:13px}.migration-preview-head>button{margin-left:auto}.migration-tape{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.migration-tape-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);font-size:13px}.migration-tape-actions{display:flex;gap:var(--space-1)}.migration-tape-actions button{padding-inline:var(--space-2);font-size:12px;white-space:nowrap}.migration-track-scroller{overflow-x:auto;overflow-y:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);scrollbar-width:thin}.migration-track-scroller:focus-visible{outline:2px solid var(--color-text-original)}.migration-track-scroller.is-dragging,.migration-track-scroller.is-dragging *{cursor:grabbing}.migration-track{position:relative;height:112px;cursor:crosshair;touch-action:pan-y;-webkit-user-select:none;user-select:none}.migration-wave{position:sticky;left:0;display:block;height:100%;color:var(--color-text-secondary);opacity:.4;pointer-events:none}.migration-track-ruler{position:absolute;inset:0 0 auto 0;height:18px;border-bottom:1px solid var(--color-border);pointer-events:none}.migration-track-ruler span{position:absolute;top:2px;padding-left:3px;border-left:1px solid var(--color-border);color:var(--color-text-secondary);font-size:10px;line-height:14px;font-variant-numeric:tabular-nums}.migration-tape-cue{position:absolute;bottom:6px;height:40px;min-width:0}.migration-tape-word{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;height:100%;min-width:0;overflow:hidden;padding:2px 6px;box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:13px;line-height:1.2;text-align:start;cursor:grab}.migration-tape-word span,.migration-tape-word small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.migration-tape-word small{color:var(--color-text-secondary);font-size:11px;font-variant-numeric:tabular-nums}.migration-tape-word:disabled{cursor:default}.migration-tape-word:hover:not(:disabled){border-color:var(--color-text-original)}.migration-tape-word:focus-visible,.migration-tape-remove:focus-visible,.migration-tape-skipped:focus-visible{outline:2px solid var(--color-text-original);outline-offset:1px}.migration-tape-cue.is-suspect .migration-tape-word{border-color:var(--color-orange);background:var(--color-orange-soft)}.migration-tape-cue.is-selected .migration-tape-word{border-color:var(--color-text-original);background:var(--color-text-original);color:var(--color-bg-primary)}.migration-tape-cue.is-selected .migration-tape-word small{color:inherit}.migration-tape-cue.is-selected.is-suspect .migration-tape-word{box-shadow:inset 0 -3px 0 var(--color-orange)}.migration-tape-cue.is-moving .migration-tape-word{box-shadow:0 2px 8px #0003}.migration-tape-remove{position:absolute;top:-9px;right:-6px;width:17px;height:17px;padding:0;border:1px solid var(--color-border);border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:12px;line-height:1;cursor:pointer;opacity:0;z-index:3}.migration-tape-cue:hover .migration-tape-remove,.migration-tape-cue.is-selected .migration-tape-remove,.migration-tape-remove:focus-visible{opacity:1}.migration-tape-remove:hover:not(:disabled){background:var(--color-red);color:var(--color-bg-primary)}.migration-tape-remove:disabled{display:none}.migration-tape-skipped{position:absolute;max-width:130px;overflow:hidden;padding:2px 6px;border:1px dashed var(--color-text-secondary);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transform:translate(-50%);z-index:3}.migration-tape-skipped:hover:not(:disabled){border-color:var(--color-text-original);color:var(--color-text-original)}.migration-track-handle{position:absolute;top:18px;bottom:0;width:13px;margin-left:-6px;padding:0;border:0;background:transparent;cursor:ew-resize;z-index:2}.migration-track-handle:before{content:"";position:absolute;top:0;bottom:0;left:5px;width:3px;border-radius:2px;background:var(--color-text-secondary);opacity:.35}.migration-track-handle.is-near:before{background:var(--color-text-original);opacity:1}.migration-track-handle:hover:before,.migration-track-handle.is-active:before,.migration-track-handle:focus-visible:before{left:4px;width:5px;background:var(--color-text-original);opacity:1}.migration-track-handle:focus-visible{outline:none}.migration-track-handle:disabled{cursor:default}.migration-track-handle output{position:absolute;top:2px;left:11px;padding:1px 5px;border-radius:var(--radius-sm);background:var(--color-text-primary);color:var(--color-bg-primary);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.migration-track-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--color-text-primary);pointer-events:none;z-index:4}.migration-reference{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.migration-reference video{display:block;width:100%;max-height:max(170px,calc(100vh - 550px));object-fit:contain;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md)}.migration-notifications{margin-bottom:var(--space-4);padding:var(--space-5)}.migration-notifications ul{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-5)}.migration-notifications{display:flex;flex-direction:column;gap:var(--space-4)}.migration-notifications p{margin:var(--space-2) 0 0}.migration-queue-statuses{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.migration-queue-statuses button{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);text-align:left;cursor:pointer}.migration-queue-statuses button[aria-pressed=true]{border-color:var(--color-blue);box-shadow:inset 0 0 0 1px var(--color-blue);color:var(--color-blue)}.migration-queue-statuses strong{font-size:24px;color:var(--color-text-primary)}.migration-queue-search{display:flex;flex-direction:column;gap:var(--space-2);flex:1;max-width:360px;font-size:14px}.migration-queue-list{list-style:none;margin:0;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md)}.migration-queue-list li+li{border-top:1px solid var(--color-border)}.migration-queue-list a{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-height:56px;padding:var(--space-3);color:var(--color-text-primary);text-decoration:none}.migration-queue-list a:hover{background:var(--color-bg-secondary)}.migration-queue-order{font-weight:600;font-variant-numeric:tabular-nums}.migration-queue-list a>span:nth-child(2){overflow-wrap:anywhere}.migration-queue-detail{color:var(--color-blue);font-size:13px}.migration-queue-pagination{font-size:14px;color:var(--color-text-secondary)}@media (max-width: 650px){.migration-queue-statuses{grid-template-columns:repeat(2,minmax(0,1fr))}.migration-queue-list a{grid-template-columns:44px minmax(0,1fr)}.migration-queue-detail{grid-column:2}}.dialog-editor .dialog-editor-canvas--migration{max-width:1400px}.main-content:has(.dialog-editor--migration){padding:var(--space-2) var(--space-4)}.dialog-editor--migration{padding-bottom:0}.dialog-editor--migration .dialog-editor-topbar{padding:var(--space-1) var(--space-3);margin-bottom:var(--space-1)}.dialog-editor--migration .dialog-editor-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-3)}.dialog-editor--migration .dialog-editor-heading h1{font-size:16px}.dialog-editor--migration .dialog-editor-heading p{margin:0}.dialog-editor--migration .dialog-editor-tabs{margin-bottom:var(--space-2)}.dialog-editor--migration .dialog-editor-tabs button{min-height:32px;padding-block:var(--space-1);font-size:14px}.dialog-editor--migration .dialog-editor-section,.dialog-editor--migration .video-migration,.dialog-editor--migration .migration-synchronization{gap:var(--space-2)}.dialog-editor--migration .dialog-editor-canvas{padding-inline:0}@media (min-width: 851px){.migration-stage-side{position:sticky;top:44px}.migration-preview{max-height:calc(100vh - 316px);overflow-y:auto}}@media (max-width: 1100px){.migration-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width: 850px){.migration-stage{grid-template-columns:1fr}.migration-reference video{max-height:45vh}.migration-preview{max-height:none}}.recording-shortcuts{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0;color:var(--color-text-secondary);font-size:13px}.recording-shortcuts kbd{padding:0 var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-primary);font:inherit}.explanation-tools{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-primary);margin-bottom:var(--space-6)}.explanation-header,.explanation-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.explanation-header{justify-content:space-between;margin-bottom:var(--space-4)}.explanation-header p,.explanation-note{color:var(--color-text-secondary);font-size:13px}.explanation-note{margin-bottom:var(--space-4)}.explanation-header output{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.explanation-controls{margin:var(--space-4) 0}.explanation-controls .btn{gap:var(--space-2)}.explanation-controls [role=status]{color:var(--color-text-secondary);font-size:13px}.explanation-error{color:var(--color-red);margin:var(--space-3) 0}.explanation-microphone{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3)}.explanation-microphone .form-group{flex:1;min-width:240px;margin-bottom:0}.explanation-preview{margin-top:var(--space-4)}.explanation-preview audio,.explanation-preview input[type=range]{width:100%}.explanation-preview label{display:block;margin:var(--space-3) 0}.explanation-script-frame{height:935px;padding:30px 10px;border:3px solid #22C55E;background:#fff}.explanation-reader{display:flex;flex-direction:column;gap:var(--space-6);height:875px;overflow-y:auto;padding:0 10px}.explanation-word.is-highlighted{background:#720aa8;color:#fff}.explanation-word.explanation-playback-word:not(.is-highlighted):hover{background:transparent;color:inherit}.explanation-word:focus-visible,.explanation-reader:focus-visible{outline:2px solid var(--color-blue);outline-offset:var(--space-1)}.explanation-floating-controls{position:fixed;right:var(--space-6);bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));z-index:50;display:flex;flex-direction:column;gap:var(--space-3);width:max-content;max-width:calc(100vw - var(--space-8));padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);box-shadow:var(--shadow-md)}.explanation-floating-status{display:flex;align-items:center;gap:var(--space-2);font-size:13px}.explanation-floating-status output{display:block;color:var(--color-text-secondary);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.explanation-floating-indicator{display:flex;color:var(--color-text-secondary)}.explanation-floating-indicator.is-recording{color:var(--color-red)}.explanation-floating-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.explanation-floating-actions .explanation-floating-button{width:44px;height:44px;padding:0}.explanation-floating-actions .explanation-floating-stop{color:var(--color-red)}@media (max-width: 640px){.explanation-floating-controls{right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}}.dialog-editor{padding-bottom:var(--space-12);background:var(--color-bg-secondary)}.dialog-editor [hidden]{display:none!important}.dialog-editor-topbar{position:sticky;top:0;z-index:60;margin-bottom:var(--space-6);flex-wrap:wrap}.dialog-editor-heading{flex:1;min-width:0}.dialog-editor-heading h1{margin:0;font-size:18px;font-weight:600;overflow-wrap:anywhere}.dialog-editor-heading p,.dialog-editor-hint{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:13px}.dialog-editor .dialog-editor-canvas{padding-inline:var(--space-4);min-width:0}.dialog-editor .dialog-editor-canvas--explanation{max-width:1120px}.dialog-editor-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.dialog-editor-tabs button{flex:1;min-width:0;min-height:44px;padding:var(--space-3) var(--space-2);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-secondary);font:inherit;cursor:pointer}.dialog-editor-tabs button[aria-selected=true]{border-bottom-color:var(--color-blue);color:var(--color-blue);font-weight:500}.dialog-editor-tabs button:hover:not(:disabled){background:var(--color-blue-light)}.dialog-editor-tabs button:disabled{cursor:not-allowed;opacity:.5}.dialog-editor-tabs button:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.dialog-editor-form,.dialog-editor-section{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.dialog-editor-section fieldset{min-width:0}.dialog-editor-section-title{margin:0 0 var(--space-4);font-size:18px;font-weight:600}.dialog-editor-script{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.dialog-editor-explanation-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:var(--space-6);align-items:start}.dialog-editor-explanation-layout>*{min-width:0}.dialog-editor-reference{position:sticky;top:120px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.dialog-editor-reference>div{overflow-wrap:anywhere}.dialog-editor .explanation-script-frame{height:auto}.dialog-editor .explanation-reader{height:auto;overflow-y:visible}.dialog-editor .rec-line-wrap:focus-within .rec-ctrl-btn{opacity:1}@media (max-width: 960px){.dialog-editor-explanation-layout{grid-template-columns:minmax(0,1fr)}.dialog-editor-reference{position:static}}@media (max-width: 640px){.dialog-editor-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-editor-heading{flex-basis:calc(100% - 48px)}.dialog-editor-topbar .editor-topbar-actions{justify-content:flex-end}}.dialog-editor .explanation-microphone .form-group{min-width:0;flex-basis:240px}.dialog-editor .explanation-tools .btn,.dialog-editor .repetition-audio .btn{max-width:100%;height:auto;min-height:44px;white-space:normal}.dialog-repetition-text{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-original);font-family:var(--font-content)}.dialog-repetition-text p{margin:0;font-size:18px;font-weight:500;line-height:1.7;text-align:start;white-space:pre-wrap;overflow-wrap:anywhere}.dialog-repetition-text p.dialog-repetition-text-arabic{font-size:22px;line-height:1.9}.repetition-audio{display:flex;flex-direction:column;gap:var(--space-3)}.repetition-audio-microphone,.repetition-audio-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.repetition-audio-microphone{align-items:flex-end}.repetition-audio-microphone .form-group{flex:1 1 240px;min-width:0;margin:0}.repetition-audio-controls .btn{gap:var(--space-2)}.repetition-audio-controls output{font-variant-numeric:tabular-nums}.repetition-audio-note,.repetition-audio-controls [role=status]{color:var(--color-text-secondary);font-size:13px}.repetition-audio-error{color:var(--color-red)}.repetition-audio-preview{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);min-width:0}.repetition-audio-preview p{overflow-wrap:anywhere;max-width:100%}.repetition-audio-preview audio{width:100%}.articles-page{max-width:1100px}.articles-page label{display:grid;gap:8px;font-weight:500;min-width:0}.articles-page .page-header{flex-wrap:wrap;gap:12px}.article-fields{border:0;padding:0;margin:0;display:grid;gap:20px;min-width:0}.article-fields .form-textarea{width:100%;resize:vertical;font:inherit;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:#fff}.article-help{font-size:13px;color:var(--color-text-secondary);margin:4px 0;font-weight:400}.article-alert,.article-notice{padding:16px;border-radius:10px;overflow-wrap:anywhere}.article-alert{background:var(--color-red-soft);color:#a51e19;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.article-notice{background:var(--color-green-soft)}.article-filters,.article-actions,.article-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.article-filters{margin-bottom:20px}.article-select-field{display:grid;gap:8px;min-width:0}.article-filters .article-select-field{width:220px;max-width:100%}.article-list{overflow:hidden}.article-list-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px;border-bottom:1px solid var(--color-divider);overflow-wrap:anywhere}.article-list-row:last-child{border-bottom:0}.article-list-row p,.article-list-row time{font-size:13px;color:var(--color-text-secondary)}.article-list-title{font-weight:600}.article-badge{font-size:13px;display:inline-block;padding:6px 10px;background:var(--color-bg-secondary);border-radius:8px}.article-pagination{justify-content:center;margin-top:20px}.article-rich-editor{border:1px solid var(--color-border);border-radius:10px;background:#fff;overflow:hidden}.article-toolbar,.article-inline-fields{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-bottom:1px solid var(--color-divider)}.article-toolbar button,.article-inline-fields button{border:1px solid var(--color-border);background:#fff;padding:6px 10px;border-radius:6px;font:inherit;font-size:13px;cursor:pointer}.article-toolbar button[aria-pressed=true]{background:var(--color-blue-light);border-color:var(--color-blue)}.article-toolbar button:disabled{opacity:.5;cursor:default}.article-rich-content{padding:20px;min-height:320px;outline:0;overflow-wrap:anywhere;overflow-x:auto;line-height:1.65}.article-rich-content:focus{box-shadow:inset 0 0 0 2px var(--color-blue)}.article-rich-content h2{font-size:24px;margin:20px 0 10px}.article-rich-content h3{font-size:20px;margin:18px 0 10px}.article-rich-content ul{list-style:disc;padding-left:24px}.article-rich-content ol{list-style:decimal;padding-left:24px}.article-rich-content a{color:var(--color-blue);text-decoration:underline}.article-rich-content blockquote{border-left:3px solid var(--color-border);padding-left:16px}.article-rich-content table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;margin:var(--space-6) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;font-size:14px;line-height:1.5}.article-rich-content th,.article-rich-content td{min-width:120px;padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--color-divider);border-right:1px solid var(--color-divider)}.article-rich-content th{background:var(--color-bg-secondary);font-weight:600}.article-rich-content tr:last-child>*{border-bottom:0}.article-rich-content tr>*:last-child{border-right:0}.article-rich-content th p,.article-rich-content td p{margin:0}.article-rich-content .selectedCell{background:var(--color-blue-light)}.article-rich-content [data-dialang-block=app-download]{margin:20px 0;padding:24px;border:1px dashed var(--color-blue);border-radius:10px;background:var(--color-blue-light);cursor:grab}.article-rich-content [data-dialang-block=app-download]:before{content:"Скачать Dialang · App Store и Google Play";display:block;font-weight:600}.article-rich-content [data-dialang-block=app-download]:after{content:"Перетащите блок, чтобы изменить его положение";display:block;margin-top:6px;font-size:13px;color:var(--color-text-secondary)}.article-rich-content [data-dialang-block=app-download].ProseMirror-selectednode{outline:2px solid var(--color-blue);outline-offset:2px}.article-rich-content img,.article-cover img,.article-preview img{max-width:100%;height:auto}.article-cover{display:grid;gap:10px;justify-items:start}.article-cover img{max-height:220px;border-radius:8px}.article-seo{padding:16px;border:1px solid var(--color-border);border-radius:10px}.article-seo summary{cursor:pointer;font-weight:600}.article-seo label{margin-top:16px}.article-preview h1{font-size:28px;margin-bottom:16px}.article-preview iframe{border:0;width:100%;min-height:55vh;margin-top:16px}.article-inline-fields input[type=file],.article-cover input[type=file]{max-width:100%}.article-inline-fields label{font-size:13px}.teacher-article-permission{display:flex;gap:8px;align-items:center;font-size:13px}.article-category-manager label{display:grid;gap:8px}.article-category-list{padding:0;margin:0;list-style:none}.article-category-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--color-divider)}.article-category-list li>div{flex:1;min-width:140px;overflow-wrap:anywhere}@media (max-width: 680px){.article-filters .article-select-field{width:100%}.article-list-row{grid-template-columns:minmax(0,1fr);gap:10px}.article-toolbar{padding:8px}.article-rich-content{padding:12px}.article-inline-fields{display:grid}.articles-page .page-title{font-size:28px}}