:root{--coral: #FF6733;--coral-deep: #E8501A;--ember: #FF8A3D;--peach: #FFF0EB;--teal: #FF6733;--on-teal: #0D141D;--teal-2: #FF8A3D;--teal-deep: #E8501A;--teal-dim: rgba(255, 103, 51, .14);--teal-border: rgba(255, 103, 51, .34);--bg: #0D141D;--bg-1: #111A25;--bg-2: #161F2B;--bg-3: #1B2430;--surface: #141C26;--surface-2: #1B2430;--hover: #1F2A38;--border: #243040;--border-soft: #1E2834;--border-strong: #31405A;--text: #F4F5F7;--text-1: #E6E8EC;--text-2: #C3C8D0;--text-3: #98A0AC;--text-4: #6B7483;--green: #6FCF97;--green-soft: rgba(111, 207, 151, .14);--amber: #FFC84A;--amber-soft: rgba(255, 176, 32, .16);--red: #FFADA3;--red-soft: rgba(217, 61, 42, .18);--blue: #6BB4E8;--blue-soft: rgba(107, 180, 232, .16);--violet: #B79CE8;--violet-soft: rgba(183, 156, 232, .16);--gold: #FFB020;--gold-soft: rgba(255, 176, 32, .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);--fs-2xs: .75rem;--fs-xs: .82rem;--fs-sm: .9rem;--fs-md: 1rem;--fs-lg: 1.07rem;--fs-xl: 1.29rem;--fs-2xl: 1.57rem;--fs-3xl: 2rem;--lh-tight: 1.2;--lh: 1.5;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--control-h: 36px;--control-h-sm: 30px;--control-h-lg: 44px;--page-max: 1180px;--page-pad: 24px;--card-pad: 16px;--z-dropdown: 30;--z-drawer: 50;--z-modal: 60;--z-toast: 70;--ease: cubic-bezier(.2,.7,.2,1);--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}@media(max-width:760px){:root{--page-pad: 16px;--card-pad: 14px}}[data-theme=light]{--bg: #F7F5F2;--bg-1: #FFFFFF;--bg-2: #FFF8F5;--bg-3: #FFF0EB;--surface: #FFFFFF;--surface-2: #FFF8F5;--hover: #FFEDE5;--border: #ECE4DE;--border-soft: #F3EDE8;--border-strong: #DCCFC6;--text: #0D141D;--text-1: #1B2430;--text-2: #3D4652;--text-3: #5C6470;--text-4: #8A8F98;--teal: #BF4419;--on-teal: #FFFFFF;--teal-2: #E8501A;--teal-deep: #A33812;--teal-dim: rgba(255, 103, 51, .12);--teal-border: rgba(255, 103, 51, .32);--green: #15804A;--green-soft: rgba(26, 158, 92, .12);--amber: #8A5A00;--amber-soft: rgba(217, 142, 4, .14);--red: #B2301F;--red-soft: rgba(217, 61, 42, .1);--blue: #2C6FB8;--blue-soft: rgba(44, 111, 184, .1);--violet: #6E4FB8;--violet-soft: rgba(110, 79, 184, .1);--gold: #8A5A00;--gold-soft: rgba(255, 176, 32, .16);--shadow-1: 0 1px 0 rgba(13, 20, 29, .04);--shadow-2: 0 4px 18px -6px rgba(13, 20, 29, .1);--shadow-3: 0 16px 40px -16px rgba(13, 20, 29, .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}