.ide-statusbar[data-astro-cid-ncw74sya]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2) var(--sp-4);min-height:26px;padding:.25rem var(--sp-3);background:var(--color-statusbar-bg);border-top:1px solid var(--color-border);font-size:var(--text-2xs);color:var(--color-ink-tertiary)}.ide-statusbar__left[data-astro-cid-ncw74sya],.ide-statusbar__right[data-astro-cid-ncw74sya]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ide-statusbar__branch[data-astro-cid-ncw74sya]{color:var(--color-accent)}.ide-statusbar__link[data-astro-cid-ncw74sya]{color:var(--color-syntax-blue);transition:color var(--duration-fast)}.ide-statusbar__link[data-astro-cid-ncw74sya]:hover{color:var(--color-accent-light)}.ide-statusbar__sep[data-astro-cid-ncw74sya]{opacity:.35;user-select:none}.ide-statusbar__right[data-astro-cid-ncw74sya] .font-urdu[data-astro-cid-ncw74sya]{color:var(--color-way);font-size:.95em}.syntax-path[data-astro-cid-w6o7fhoi]{color:var(--color-syntax-blue);font-weight:500}.syntax-comment[data-astro-cid-w6o7fhoi]{color:var(--color-syntax-comment);font-style:normal}.ide-titlebar__actions[data-astro-cid-w6o7fhoi]{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.ide-titlebar__meta[data-astro-cid-w6o7fhoi]{font-size:var(--text-2xs);color:var(--color-syntax-comment);white-space:nowrap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}:root{--font-display: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--font-body: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--font-urdu: "Noto Nastaliq Urdu", serif;--text-2xs: .75rem;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1.0625rem;--text-md: 1.1875rem;--text-lg: 1.3125rem;--text-xl: 1.35rem;--text-2xl: 1.65rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--sp-1: .375rem;--sp-2: .75rem;--sp-3: 1rem;--sp-4: 1.25rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-8: 2.5rem;--sp-10: 3rem;--sp-12: 4rem;--sp-16: 5rem;--sp-24: 6rem;--grid-cols: 12;--grid-gap: 1.25rem;--grid-max: 1120px;--grid-padding: clamp(1rem, 3vw, 2rem);--ide-activity-w: 52px;--ide-titlebar-h: 38px;--ide-tabs-h: 34px;--ide-chrome-h: calc(var(--ide-titlebar-h) + var(--ide-tabs-h));--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-base: .2s;--radius-sm: 3px;--radius-md: 4px}html,html[data-theme=dark]{color-scheme:dark;--color-bg: #0c0c0e;--color-bg-alt: #101014;--color-surface: #141418;--color-surface-raised: #1a1a1f;--color-surface-hover: #222228;--color-ink: #e8e8ed;--color-ink-secondary: #9b9ba8;--color-ink-tertiary: #5c5c6a;--color-accent: #7ee787;--color-accent-mid: #56d364;--color-accent-light: #aff5b4;--color-accent-pale: rgba(126, 231, 135, .1);--color-on-accent: #0c0c0e;--color-way: #e5c07b;--color-way-pale: rgba(229, 192, 123, .1);--color-syntax-blue: #61afef;--color-syntax-purple: #c678dd;--color-syntax-comment: #5c6370;--color-border: #2a2a32;--color-border-strong: #3d3d48;--color-border-focus: #7ee787;--color-tag-bg: #1e1e26;--color-tag-fg: #abb2bf;--color-titlebar: #18181c;--color-tab-active: #0c0c0e;--color-tab-inactive: #141418;--color-statusbar-bg: #18181c;--color-scrollbar-bg: var(--color-bg);--color-scrollbar-thumb: var(--color-border-strong);--theme-meta: #0c0c0e}html[data-theme=light]{color-scheme:light;--color-bg: #f6f4f0;--color-bg-alt: #efede8;--color-surface: #ffffff;--color-surface-raised: #f3f1ec;--color-surface-hover: #ebe8e2;--color-ink: #1a1a1f;--color-ink-secondary: #4a4a56;--color-ink-tertiary: #7a7a88;--color-accent: #1a7f37;--color-accent-mid: #22863a;--color-accent-light: #2da44e;--color-accent-pale: rgba(26, 127, 55, .1);--color-on-accent: #ffffff;--color-way: #9a6700;--color-way-pale: rgba(154, 103, 0, .1);--color-syntax-blue: #0550ae;--color-syntax-purple: #8250df;--color-syntax-comment: #6e7781;--color-border: #d8d4cc;--color-border-strong: #c4bfb6;--color-border-focus: #1a7f37;--color-tag-bg: #efede8;--color-tag-fg: #4a4a56;--color-titlebar: #e8e5df;--color-tab-active: #f6f4f0;--color-tab-inactive: #ebe8e2;--color-statusbar-bg: #e8e5df;--color-scrollbar-bg: var(--color-bg);--color-scrollbar-thumb: var(--color-border-strong);--theme-meta: #f6f4f0}html{transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;font-variant-ligatures:none;transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.container{width:100%;max-width:var(--grid-max);margin-inline:auto;padding-inline:var(--grid-padding)}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gap)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-urdu{font-family:var(--font-urdu);font-feature-settings:"liga" 1;line-height:1.4}.text-muted{color:var(--color-ink-secondary)}.text-faint{color:var(--color-ink-tertiary)}.text-accent{color:var(--color-accent)}.rule{border:none;border-top:1px solid var(--color-border)}.rule--strong{border-top-color:var(--color-border-strong)}.rule--accent{border-top-color:var(--color-accent)}.chip{display:inline-flex;align-items:center;padding:.1rem .45rem;background:var(--color-tag-bg);color:var(--color-tag-fg);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.chip--accent{background:var(--color-accent-pale);color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 35%,transparent)}.chip--way{background:var(--color-way-pale);color:var(--color-way);border-color:color-mix(in srgb,var(--color-way) 35%,transparent)}.chip--live{background:var(--color-accent-pale);color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 55%,transparent)}.btn{display:inline-flex;align-items:center;gap:var(--sp-1);padding:.45rem .9rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);transition:background var(--duration-base),color var(--duration-base),border-color var(--duration-base)}.btn:hover{transform:none}.btn--primary{background:var(--color-accent-pale);color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 45%,transparent)}.btn--primary:hover{background:color-mix(in srgb,var(--color-accent) 18%,transparent);border-color:var(--color-accent)}.btn--outline{background:transparent;color:var(--color-ink-secondary);border:1px solid var(--color-border-strong)}.btn--outline:hover{color:var(--color-ink);border-color:var(--color-ink-tertiary)}.arrow-link{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-syntax-blue);transition:color var(--duration-base)}.arrow-link:after{content:"→";font-size:.9em}.arrow-link:hover{color:var(--color-accent-light)}.section{padding-block:var(--sp-4)}.section--sm{padding-block:var(--sp-3)}.section--lg{padding-block:var(--sp-6)}.editor-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.editor-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:.4rem .75rem;background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;color:var(--color-ink-tertiary);text-transform:uppercase}.editor-panel__header strong{color:var(--color-syntax-blue);font-weight:500;text-transform:none}.section--sm{padding-block:clamp(var(--sp-4),5vw,var(--sp-5))}.editor-panel__body{padding:var(--sp-3)}.section-head{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-3);max-width:none}.section-head__title{margin:0;line-height:1.1}.section-head__lead{margin:0;font-size:var(--text-base);line-height:1.65;color:var(--color-ink-secondary);max-width:72ch}.section-head__accent{width:2.5rem;height:2px;background:var(--color-accent)}@media(min-width:768px){.section-head--row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--sp-4);align-items:end}.section-head--row .section-head__lead{max-width:none}}.editor-gutter{display:grid;grid-template-columns:2.75rem 1fr;gap:0}.editor-gutter__nums{padding:var(--sp-3) .5rem var(--sp-3) .75rem;text-align:right;font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.75;color:var(--color-syntax-comment);user-select:none;border-right:1px solid var(--color-border);background:var(--color-bg-alt)}.editor-gutter__content{padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-3);min-width:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px;border:2px solid var(--color-scrollbar-bg)}::selection{background:color-mix(in srgb,var(--color-syntax-blue) 35%,transparent);color:var(--color-ink)}:focus-visible{outline:1px solid var(--color-border-focus);outline-offset:2px}.ide-shell{display:flex;min-height:100dvh}.ide-activity{display:none;width:var(--ide-activity-w);flex-shrink:0;background:var(--color-titlebar);border-right:1px solid var(--color-border);padding:var(--sp-2) 0;flex-direction:column;align-items:center;gap:var(--sp-1)}.ide-activity__btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-ink-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);transition:background var(--duration-fast),color var(--duration-fast)}.ide-activity__btn:hover,.ide-activity__btn--active{background:var(--color-surface-hover);color:var(--color-accent)}.ide-main{flex:1;display:flex;flex-direction:column;min-width:0}.ide-chrome{position:sticky;top:0;z-index:100;background:var(--color-titlebar);border-bottom:1px solid var(--color-border);transition:background-color var(--duration-base) var(--ease-out)}.ide-titlebar{display:flex;align-items:center;gap:var(--sp-2);height:var(--ide-titlebar-h);padding-inline:var(--sp-2);border-bottom:1px solid var(--color-border)}.ide-traffic{display:flex;gap:6px;padding-left:var(--sp-1)}.ide-traffic span{width:11px;height:11px;border-radius:50%;border:1px solid color-mix(in srgb,currentColor 30%,transparent)}.ide-traffic__close{background:#ff5f57}.ide-traffic__min{background:#febc2e}.ide-traffic__max{background:#28c840}.ide-breadcrumb{flex:1;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-ink-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ide-breadcrumb em{font-style:normal;color:var(--color-syntax-comment)}.ide-breadcrumb strong{color:var(--color-syntax-blue);font-weight:500}.ide-titlebar__meta{font-size:var(--text-2xs);color:var(--color-syntax-comment);white-space:nowrap;padding-right:var(--sp-1)}.ide-tabs{display:flex;align-items:stretch;height:var(--ide-tabs-h);overflow-x:auto;scrollbar-width:none;background:var(--color-tab-inactive)}.ide-tabs::-webkit-scrollbar{display:none}.ide-tab{display:inline-flex;align-items:center;gap:.35rem;padding:0 .85rem;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-ink-tertiary);border-right:1px solid var(--color-border);white-space:nowrap;transition:background var(--duration-fast),color var(--duration-fast)}.ide-tab:hover{background:var(--color-surface-hover);color:var(--color-ink-secondary)}.ide-tab--active{background:var(--color-tab-active);color:var(--color-ink);border-top:2px solid var(--color-accent);margin-top:-1px}.ide-tab__dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);opacity:.9}.ide-workspace{flex:1;padding-top:0;background:var(--color-bg)}.ide-buffers{display:flex;flex-direction:column;gap:0}.editor-gutter__nums span{display:block}.editor-panel__header span{color:var(--color-syntax-comment);font-weight:400;text-transform:none;letter-spacing:0}.theme-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .45rem;margin-left:.15rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.2;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.theme-toggle:hover{background:var(--color-surface-hover);color:var(--color-accent);border-color:var(--color-border-strong)}.theme-toggle__icon{font-size:.85em;line-height:1}.theme-toggle__label{letter-spacing:.04em}@media(min-width:768px){.ide-activity{display:flex}}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:200;padding:.75rem 1rem;background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;text-decoration:none}.skip-link:focus{left:var(--grid-padding);top:.75rem;width:auto;height:auto;overflow:visible}