:root{--teal: #4ECDC4;--on-teal: #07252A;--teal-2: #2D8B95;--teal-deep: #155E63;--teal-dim: rgba(78, 205, 196, .12);--teal-border: rgba(78, 205, 196, .3);--bg: #0B1726;--bg-1: #0E1B2C;--bg-2: #142539;--bg-3: #1A2E47;--surface: #16273D;--surface-2: #1E3350;--hover: #1F3552;--border: #243B58;--border-soft: #1F3450;--border-strong: #2E4A6C;--text: #F5EFE0;--text-1: #E4DCC6;--text-2: #C8C2B3;--text-3: #8FA0B5;--text-4: #5E7390;--green: #6FCF97;--green-soft: rgba(111, 207, 151, .14);--amber: #F2C66D;--amber-soft: rgba(242, 198, 109, .16);--red: #FFADA3;--red-soft: rgba(224, 122, 110, .16);--blue: #6BB4E8;--blue-soft: rgba(107, 180, 232, .16);--violet: #B79CE8;--violet-soft: rgba(183, 156, 232, .16);--gold: #D4B062;--gold-soft: rgba(212, 176, 98, .16);--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--shadow-1: 0 1px 0 rgba(0, 0, 0, .25);--shadow-2: 0 4px 18px -6px rgba(0, 0, 0, .45);--shadow-3: 0 16px 40px -16px rgba(0, 0, 0, .55);--nav-w: 248px;--nav-w-collapsed: 64px;--top-h: 52px;--crumb-h: 44px;--font-ar: "IBM Plex Sans Arabic", "Inter", system-ui, sans-serif;--font-en: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}[data-theme=light]{--bg: #F5F1E8;--bg-1: #FAF7EF;--bg-2: #FFFFFF;--bg-3: #FFFFFF;--surface: #FFFFFF;--surface-2: #FAF7EF;--hover: #F0EBE0;--border: #E4DFD0;--border-soft: #EDE8DA;--border-strong: #D5CFBE;--text: #0E1B2C;--text-1: #18293F;--text-2: #3D4F66;--text-3: #4F5F74;--text-4: #94A1B5;--teal: #155E63;--on-teal: #FFFFFF;--teal-2: #1A6B6B;--teal-deep: #0E4448;--teal-dim: rgba(21, 94, 99, .1);--teal-border: rgba(21, 94, 99, .28);--green: #1F6D43;--green-soft: rgba(46, 159, 95, .1);--amber: #765009;--amber-soft: rgba(194, 138, 26, .12);--red: #9D3529;--red-soft: rgba(184, 67, 52, .1);--blue: #2C6FB8;--blue-soft: rgba(44, 111, 184, .1);--violet: #6E4FB8;--violet-soft: rgba(110, 79, 184, .1);--gold: #A07A2C;--gold-soft: rgba(160, 122, 44, .12);--shadow-1: 0 1px 0 rgba(14, 27, 44, .04);--shadow-2: 0 4px 18px -6px rgba(14, 27, 44, .1);--shadow-3: 0 16px 40px -16px rgba(14, 27, 44, .18)}*{box-sizing:border-box}html,body,#root{height:100%}html{font-size:14px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ar);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[data-lang=en] body{font-family:var(--font-en)}html[data-lang=en]{direction:ltr}html[data-lang=ar]{direction:rtl}button{font-family:inherit}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:10000;padding:10px 14px;border-radius:6px;background:var(--bg-1);color:var(--text);border:2px solid var(--teal);box-shadow:var(--shadow-2);transform:translateY(calc(-100% - 16px));transition:transform .12s ease}.skip-link:focus{transform:translateY(0)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--teal);outline-offset:2px}:where(a,button,input,select,textarea,[tabindex]):focus:not(:focus-visible){outline:none}input,select,textarea{max-width:100%}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}a{color:inherit;text-decoration:none}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px;border:2px solid transparent;background-clip:content-box}.bc-grid{display:grid;grid-template-columns:220px 1fr;gap:16px;margin-block-start:16px;align-items:start}@media(max-width:720px){.bc-grid{grid-template-columns:1fr}}.bc-palette{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1);position:sticky;inset-block-start:12px}.bc-palette h4{margin:0 0 4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}.bc-palette-item{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);color:var(--text);font-size:.85rem;cursor:pointer;text-align:start}.bc-palette-item:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.bc-palette-item:disabled{opacity:.5;cursor:not-allowed}.bc-canvas{display:flex;flex-direction:column;gap:10px;min-block-size:200px}.bc-empty{color:var(--text-3);font-size:.85rem}.bc-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1);padding:12px}.bc-block[draggable=true]{cursor:grab}.bc-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block-end:10px}.bc-block-type{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}.bc-block-actions{display:flex;gap:4px}.bc-block-actions button{display:inline-flex;align-items:center;justify-content:center;inline-size:26px;block-size:26px;border:1px solid var(--border);border-radius:6px;background:var(--bg-2);color:var(--text-2);cursor:pointer}.bc-block-actions button:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.bc-block-actions button.danger:hover:not(:disabled){border-color:var(--red);color:var(--red)}.bc-block-actions button:disabled{opacity:.4;cursor:not-allowed}.bc-block-body{display:flex;flex-direction:column;gap:8px}.bc-muted{color:var(--text-3);font-size:.82rem;font-style:italic}