@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Tajawal:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--gray-1:#0a0a0b;--gray-2:#111113;--gray-3:#191a1c;--gray-4:#222326;--gray-5:#2c2d31;--gray-6:#37383d;--gray-7:#44464d;--gray-8:#5c5e66;--gray-9:#72747d;--gray-10:#9b9da6;--gray-11:#cccdd3;--gray-12:#eeeff2;--bg-app:var(--gray-1);--bg-surface:var(--gray-2);--bg-elevated:var(--gray-3);--bg-hover:var(--gray-4);--bg-active:var(--gray-5);--border-subtle:var(--gray-6);--border-default:var(--gray-7);--text-tertiary:var(--gray-9);--text-secondary:var(--gray-10);--text-primary:var(--gray-11);--text-heading:var(--gray-12);--accent:#5e6ad2;--accent-hover:#7c85e0;--accent-pressed:#4e59b8;--accent-muted:#5e6ad226;--accent-text:#8b93e6;--color-success:#4ade80;--color-success-muted:#4ade801f;--color-warning:#facc15;--color-warning-muted:#facc151f;--color-error:#f87171;--color-error-muted:#f871711f;--color-info:#60a5fa;--color-info-muted:#60a5fa1f;--color-purple:#a78bfa;--color-purple-muted:#8b5cf61f;--domain-islamic:#e5a913;--domain-islamic-muted:#e5a9131f;--domain-islamic-text:#f5d060;--domain-cognitive:#4a90d9;--domain-cognitive-muted:#4a90d91f;--domain-cognitive-text:#7db4e8;--domain-physical:#3da34d;--domain-physical-muted:#3da34d1f;--domain-physical-text:#6bc47a;--domain-social_emotional:#d94080;--domain-social_emotional-muted:#d940801f;--domain-social_emotional-text:#e87aa8;--domain-language:#1a9e8f;--domain-language-muted:#1a9e8f1f;--domain-language-text:#50c4b5;--domain-behavior:#8b5cf6;--domain-behavior-muted:#8b5cf61f;--domain-behavior-text:#a78bfa;--sidebar-width:240px;--topbar-height:48px;--filter-bar-height:40px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-arabic:"Tajawal", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", monospace;--ease:cubic-bezier(.4, 0, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--gray-1:#fff;--gray-2:#fafafa;--gray-3:#f4f4f5;--gray-4:#e9e9eb;--gray-5:#dcdde0;--gray-6:#cdced3;--gray-7:#b5b7bd;--gray-8:#8e9099;--gray-9:#6e707a;--gray-10:#52535c;--gray-11:#333640;--gray-12:#1a1b23;--shadow-sm:0 1px 2px #00000026;--shadow-md:0 4px 12px #0003;--shadow-lg:0 8px 24px #00000040;--shadow-xl:0 16px 48px #0000004d;--accent-text:#4e59b8;--domain-islamic-text:#9a6f00;--domain-cognitive-text:#2d6fb5;--domain-physical-text:#2a7d37;--domain-social_emotional-text:#b52c66;--domain-language-text:#127569;--domain-behavior-text:#6d3fd9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;font-size:14px;line-height:1.6}[dir=rtl] body,[lang=ar] body{font-family:var(--font-arabic);line-height:1.8}h1,h2,h3,h4{color:var(--text-heading);font-weight:600}[lang=ar] h1,[lang=ar] h2,[lang=ar] h3{font-weight:700}h1{letter-spacing:-.015em;font-size:24px;line-height:1.2}h2{font-size:16px;line-height:1.4}h3{font-size:14px;line-height:1.4}a{color:var(--accent-text);text-decoration:none}a:hover{color:var(--accent-hover)}code,kbd,pre{font-family:var(--font-mono);font-size:13px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono,.milestone-id{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate}.milestone-id{letter-spacing:.05em;color:var(--text-tertiary);background:var(--bg-hover);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 6px;font-size:12px;font-weight:500}.muted{color:var(--text-tertiary)}.secondary{color:var(--text-secondary)}.small{font-size:12px}.ltr{direction:ltr;unicode-bidi:isolate}.fade-in{animation:fade-in .3s var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;min-height:100vh;display:grid}.topbar{height:var(--topbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-column:1/-1;align-items:center;gap:12px;padding:0 12px;display:flex;position:sticky;top:0}.brand{color:var(--text-heading);min-width:calc(var(--sidebar-width) - 24px);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.brand:hover{color:var(--text-heading)}.brand small{color:var(--text-tertiary);font-size:11px;font-weight:400}.topbar-search{flex:1;justify-content:center;display:flex}.topbar-search form{width:360px;max-width:100%;position:relative}.topbar-search input{background:var(--bg-elevated);width:100%;height:32px;padding-inline:32px 44px}.topbar-search .icon{inset-inline-start:10px;color:var(--text-tertiary);position:absolute;top:8px}.topbar-search kbd{inset-inline-end:8px;color:var(--text-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:0 4px;font-size:11px;line-height:16px;position:absolute;top:7px}.topbar-actions{align-items:center;gap:4px;display:flex}.avatar{background:var(--accent-muted);width:24px;height:24px;color:var(--accent-text);border-radius:9999px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.sidebar{background:var(--bg-surface);border-inline-end:1px solid var(--border-subtle);height:calc(100vh - var(--topbar-height));top:var(--topbar-height);padding:12px 8px;position:sticky;overflow-y:auto}.nav-group{margin-top:16px}.nav-group-title{color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;padding:0 12px 4px;font-size:11px;font-weight:500}.nav-item{height:32px;color:var(--text-secondary);border-radius:var(--radius-md);transition:background .12s var(--ease), color .12s var(--ease);align-items:center;gap:10px;padding:0 12px;font-size:13px;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item[aria-current=page]{background:var(--bg-active);color:var(--text-heading)}.nav-item .icon{color:var(--text-tertiary);flex:none}.nav-item[aria-current=page] .icon{color:var(--accent)}.nav-item .count-chip{margin-inline-start:auto}.main{min-width:0}.page{max-width:1200px;padding:24px 32px 64px}.page-wide{max-width:none}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-head p{color:var(--text-secondary);margin-top:4px;font-size:13px}.breadcrumb{color:var(--text-tertiary);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.mock-badge{color:var(--color-warning);background:var(--color-warning-muted);border-radius:var(--radius-sm);white-space:nowrap;cursor:help;border:1px solid #facc1533;padding:0 6px;font-size:11px;font-weight:500;line-height:18px}.btn{height:32px;font:inherit;border-radius:var(--radius-md);cursor:pointer;transition:background .12s var(--ease), border-color .12s var(--ease), color .12s var(--ease);white-space:nowrap;color:inherit;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);color:#fff}.btn-primary:active{background:var(--accent-pressed)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--bg-active);border-color:var(--border-default);color:var(--text-primary)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--color-error-muted);color:var(--color-error);border-color:#f8717133}.btn-danger:hover:not(:disabled){background:#f8717133}.btn-sm{height:28px;padding:0 8px;font-size:12px}.btn-icon{width:32px;color:var(--text-tertiary);padding:0}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.btn-sm{width:28px}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.input,.select,.textarea{width:100%;height:32px;font:inherit;color:var(--text-primary);background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color .12s var(--ease);padding:0 10px;font-size:13px}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted);outline:none}.input:disabled,.select:disabled,.textarea:disabled{opacity:.5;cursor:not-allowed}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-error)}.textarea{resize:vertical;height:auto;min-height:72px;padding:8px 10px;line-height:1.6}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2372747d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:8px;background-repeat:no-repeat;background-size:14px;padding-inline-end:28px}[dir=ltr] .select{background-position:right 8px center}.input-num{width:88px}.field{flex-direction:column;gap:6px;min-width:0;margin-bottom:16px;display:flex}.field>label,.field-label{color:var(--text-secondary);letter-spacing:.01em;font-size:12px;font-weight:500}.field-help{color:var(--text-tertiary);font-size:12px}.field-error{color:var(--color-error);font-size:12px}.form-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));column-gap:16px;display:grid}.form-grid .span-2{grid-column:span 2}.form-grid .span-all{grid-column:1/-1}.check{color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.check input{accent-color:var(--accent);width:14px;height:14px}.checks{flex-wrap:wrap;gap:6px 14px;padding:4px 0;display:flex}.chip-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);height:26px;color:var(--text-tertiary);cursor:pointer;transition:background .12s var(--ease), color .12s var(--ease);background:0 0;align-items:center;gap:6px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.chip-toggle[aria-pressed=true]{color:var(--text-heading);background:var(--bg-active);border-color:var(--border-default)}.range-pair{align-items:center;gap:8px;display:flex}.form-error-banner{background:var(--color-error-muted);color:var(--color-error);border-radius:var(--radius-md);border:1px solid #f8717133;margin-bottom:16px;padding:8px 12px;font-size:13px}.form-ok-banner{background:var(--color-success-muted);color:var(--color-success);border-radius:var(--radius-md);border:1px solid #4ade8033;margin-bottom:16px;padding:8px 12px;font-size:13px}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color .12s var(--ease);padding:20px}a.card:hover,.card-link:hover{border-color:var(--border-default)}.card h2{margin-bottom:12px}.section{border-bottom:1px solid var(--border-subtle);padding:20px 0}.section:first-child{padding-top:0}.section-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:500;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat{flex-direction:column;gap:2px;display:flex}.stat-value{font-family:var(--font-mono);color:var(--text-heading);font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:1.2}[lang=ar] .stat-value{font-family:var(--font-arabic);font-weight:700}.stat-label{color:var(--text-tertiary);letter-spacing:.04em;font-size:12px}.domain-card{border-inline-start:3px solid var(--d);background:var(--dm);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.domain-card .bar{background:var(--bg-hover);border-radius:2px;height:4px;overflow:hidden}.domain-card .bar span{background:var(--d);height:100%;display:block}.editor-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.editor-aside{top:calc(var(--topbar-height) + 16px);flex-direction:column;gap:12px;display:flex;position:sticky}.list-row{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:start;gap:8px;margin-bottom:8px;padding:10px 12px;display:grid}.feed{flex-direction:column;display:flex}.feed-item{border-bottom:1px solid var(--border-subtle);align-items:baseline;gap:10px;padding:8px 0;font-size:13px;display:flex}.feed-item:last-child{border-bottom:0}.feed-item time{color:var(--text-tertiary);white-space:nowrap;margin-inline-start:auto;font-size:12px}.empty{color:var(--text-tertiary);text-align:center;padding:24px 0;font-size:13px}.table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{color:var(--text-tertiary);text-align:start;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);letter-spacing:.04em;white-space:nowrap;padding:8px 12px;font-size:12px;font-weight:500;position:sticky;top:0}.table td{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:top;padding:9px 12px}.table tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--bg-hover)}.table td a.row-link{color:var(--text-heading)}.table td a.row-link:hover{color:var(--accent-text)}.table .num{font-variant-numeric:tabular-nums;white-space:nowrap}.badge{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;align-items:center;gap:4px;padding:1px 8px;font-size:11px;font-weight:500;line-height:18px;display:inline-flex}.badge-domain{background:var(--dm);color:var(--dt);border-color:color-mix(in srgb, var(--d) 25%, transparent)}.badge-tier-core{background:var(--gray-5);color:var(--gray-11)}.badge-tier-important{background:var(--color-info-muted);color:var(--color-info)}.badge-tier-extended{background:var(--color-purple-muted);color:var(--color-purple)}.badge-weight{font-family:var(--font-mono);background:var(--bg-hover);color:var(--text-secondary);padding:1px 6px}.badge-weight.max{background:var(--accent-muted);color:var(--accent-text)}.badge-link-HARD_PRE{background:var(--color-error-muted);color:var(--color-error)}.badge-link-SOFT_PRE{background:var(--color-warning-muted);color:var(--color-warning)}.badge-link-REINFORCE{background:var(--color-info-muted);color:var(--color-info)}.badge-link-CONTEXT{background:var(--gray-4);color:var(--gray-10)}.badge-neutral{background:var(--bg-hover);color:var(--text-secondary)}.dot{background:var(--d,var(--text-tertiary));border-radius:9999px;flex:none;width:8px;height:8px;display:inline-block}.status{white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.status .dot{background:currentColor}.status-draft{color:var(--text-secondary)}.status-in_review{color:var(--color-info)}.status-changes_requested{color:var(--color-warning)}.status-approved{color:var(--color-success)}.status-published{color:var(--text-primary)}.status-published .dot{background:var(--color-success)}.status-retired{color:var(--color-error)}.decision-pending{color:var(--color-warning)}.decision-approved{color:var(--color-success)}.decision-changes_requested{color:var(--color-error)}.count-chip{background:var(--bg-hover);color:var(--text-tertiary);font-variant-numeric:tabular-nums;border-radius:9999px;padding:0 6px;font-size:11px;font-weight:500;line-height:18px}.age-track{background:var(--border-subtle);direction:ltr;border-radius:2px;min-width:80px;height:4px;position:relative}.age-track span{background:var(--d,var(--accent));border-radius:2px;height:4px;position:absolute;top:0}.switcher{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:2px;padding:2px;display:inline-flex}.switcher a,.switcher button{color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;padding:3px 10px;font-family:inherit;font-size:12px;font-weight:500}.switcher [aria-current=page],.switcher [aria-pressed=true]{background:var(--bg-active);color:var(--text-heading)}.filter-bar{min-height:var(--filter-bar-height);background:var(--bg-app);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 16px;display:flex}.filter-bar .sep{background:var(--border-subtle);width:1px;height:20px;margin:0 4px}.filter-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);height:26px;color:var(--text-tertiary);cursor:pointer;transition:background .12s var(--ease), color .12s var(--ease), border-color .12s var(--ease);background:0 0;align-items:center;gap:6px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.filter-chip[aria-pressed=true]{background:var(--dm,var(--bg-active));border-color:var(--d,var(--border-default));color:var(--dt,var(--text-heading))}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.toolbar .input{width:260px}.toolbar .select{width:auto;min-width:140px}.explore-page{height:calc(100vh - var(--topbar-height));flex-direction:column;display:flex}.explorer{background:radial-gradient(ellipse at 50% 45%, #5e6ad20f 0%, transparent 60%), var(--bg-app);flex:1;min-height:360px;position:relative;overflow:hidden}.explorer canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.explorer canvas:active{cursor:grabbing}.explorer-legend{color:var(--text-secondary);background:color-mix(in srgb, var(--bg-surface) 85%, transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:8px 10px;font-size:11px;display:flex;position:absolute;inset-block-end:12px;inset-inline-start:12px}.explorer-legend span{align-items:center;gap:6px;display:inline-flex}.explorer-hint{color:var(--text-tertiary);font-size:11px;position:absolute;inset-block-end:12px;inset-inline-end:12px}.explorer-stats{color:var(--text-tertiary);white-space:nowrap;margin-inline-start:auto;font-size:12px}.tooltip{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);max-width:280px;box-shadow:var(--shadow-sm);color:var(--text-primary);pointer-events:none;z-index:20;padding:8px 10px;font-size:12px;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.tooltip-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.tooltip-title{color:var(--text-heading);margin:2px 0 4px;font-weight:600}.tooltip-meta{color:var(--text-tertiary);border-top:1px solid var(--border-subtle);padding-top:4px}.timeline-wrap{height:100%;overflow:auto}.timeline-wrap svg{display:block}.timeline-wrap .lane-label{fill:var(--text-secondary);font-size:12px;font-family:var(--font-arabic)}.timeline-wrap .age-label{fill:var(--text-tertiary);font-size:11px;font-family:var(--font-mono)}.timeline-wrap .node{cursor:pointer;transition:opacity .15s var(--ease)}.timeline-wrap .node:hover circle,.timeline-wrap .node:focus circle{stroke:var(--text-heading);stroke-width:2px}.age-slider{color:var(--text-tertiary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.age-slider input[type=range]{width:90px;accent-color:var(--accent)}.readers{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.reader-cell{flex-direction:column;gap:4px;min-width:0;display:flex}.reader-cell .reader-name{color:var(--text-tertiary);align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.reader-cell .textarea{min-height:64px;font-size:13px}.reader-cell.fallback .textarea{border-style:dashed}.reader-cell.unused .textarea{opacity:.35;background:var(--bg-surface);border-style:dotted}.reader-hint{color:var(--text-tertiary);font-size:11px}.steps{counter-reset:step;flex-direction:column;gap:6px;list-style:none;display:flex}.step-row{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);grid-template-columns:24px 1fr auto;align-items:start;gap:8px;padding:6px;display:grid}.step-row[data-dragging=true]{opacity:.5}.step-row[data-over=true]{border-color:var(--accent)}.step-num{counter-increment:step;font-family:var(--font-mono);color:var(--text-tertiary);text-align:center;cursor:grab;padding-top:6px;font-size:12px}.step-num:before{content:counter(step)}.media-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.media-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);flex-direction:column;display:flex;overflow:hidden}.media-card img,.media-card video{aspect-ratio:4/3;object-fit:cover;background:var(--bg-hover);width:100%;display:block}.media-missing{aspect-ratio:4/3;background:var(--bg-hover);color:var(--text-tertiary);place-items:center;display:grid}.media-card .media-body{flex-direction:column;gap:6px;padding:8px;display:flex}.dropzone{border:1px dashed var(--border-default);border-radius:var(--radius-md);text-align:center;color:var(--text-tertiary);cursor:pointer;padding:16px;font-size:12px;display:block}.dropzone:hover{border-color:var(--accent);color:var(--text-secondary)}.stage-grid{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);grid-template-columns:160px repeat(6,minmax(0,1fr));display:grid;overflow:hidden}.stage-grid>*{border-bottom:1px solid var(--border-subtle);border-inline-end:1px solid var(--border-subtle);min-height:44px;padding:8px 10px;font-size:12px}.stage-grid .head{color:var(--text-tertiary);align-items:center;gap:6px;font-weight:500;display:flex}.stage-grid a.cell{color:var(--text-primary);transition:background .12s var(--ease);flex-direction:column;gap:2px;display:flex}.stage-grid a.cell:hover{background:var(--bg-hover)}.stage-grid .cell.missing{color:var(--text-tertiary)}.dialog{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-lg);width:480px;max-width:90vw;margin:auto;padding:0}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.dialog-head{border-bottom:1px solid var(--border-subtle);color:var(--text-heading);padding:16px 20px;font-size:15px;font-weight:600}.dialog-body{padding:20px}.dialog-foot{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.login{background:radial-gradient(ellipse at 50% 30%, #5e6ad214 0%, transparent 60%), var(--bg-app);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:380px;max-width:100%}.login-card .brand{justify-content:center;min-width:0;margin-bottom:20px;font-size:22px}.diff-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:160px 1fr 1fr;gap:12px;padding:8px 0;font-size:12px;display:grid}.diff-row .before{color:var(--text-tertiary);white-space:pre-wrap;text-decoration:line-through}.diff-row .after{color:var(--text-primary);white-space:pre-wrap}@media (max-width:1024px){.shell{grid-template-columns:56px 1fr}.sidebar .nav-label,.sidebar .nav-group-title,.sidebar .count-chip{display:none}.brand{min-width:0}.brand small{display:none}.editor-layout{grid-template-columns:1fr}.editor-aside{position:static}.readers,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.shell{grid-template-columns:1fr}.sidebar{display:none}.page{padding:16px}.grid-2,.grid-3{grid-template-columns:1fr}.topbar-search form{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
