:where(.ids-button,.ids-field,.ids-select,.ids-menu,.ids-choice,.ids-surface,.ids-card,.ids-tabs,.ids-navigation,.ids-dialog,.ids-tooltip,.ids-popover,.ids-banner,.ids-toast,.ids-progress,.ids-stepper,.ids-list,.ids-table,.ids-empty,.ids-pattern-surface,.ids-divider,.ids-islamic-corner,.ids-frame,.ids-atmosphere,.ids-app-header){box-sizing:border-box;color:var(--ids-color-text);font-family:var(--ids-font-family-sans)}:where(.ids-button,.ids-field input,.ids-select select,.ids-menu button,.ids-tabs button,.ids-navigation a,.ids-popover button,.ids-dialog button):focus-visible{outline:3px solid var(--ids-color-focus);outline-offset:2px}.ids-button{align-items:center;background:none;border:var(--ids-stroke-width-regular) solid transparent;border-radius:var(--ids-radius-md);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--ids-font-weight-semibold);gap:var(--ids-space-2);justify-content:center;min-block-size:var(--ids-size-control-md);padding-inline:var(--ids-space-4);transition:background var(--ids-motion-duration-fast) var(--ids-motion-easing-standard),transform var(--ids-motion-duration-fast) var(--ids-motion-easing-standard)}.ids-button:active:not(:disabled){transform:translateY(1px)}.ids-button:disabled{cursor:not-allowed;opacity:var(--ids-opacity-disabled)}.ids-button--primary{background:var(--ids-color-primary);color:var(--ids-color-on-primary)}.ids-button--primary:hover:not(:disabled){background:var(--ids-color-primary-hover)}.ids-button--secondary{border-color:var(--ids-color-border);color:var(--ids-color-text)}.ids-button--secondary:hover:not(:disabled),.ids-button--quiet:hover:not(:disabled){background:var(--ids-color-surface-subtle)}.ids-button--danger{background:var(--ids-color-danger);color:var(--ids-color-on-danger)}.ids-button--sm{min-block-size:var(--ids-size-control-sm);padding-inline:var(--ids-space-3);font-size:var(--ids-font-size-sm)}.ids-button--lg{min-block-size:var(--ids-size-control-lg);padding-inline:var(--ids-space-5)}.ids-icon-button{inline-size:var(--ids-size-control-md);padding:0}.ids-icon-button.ids-button--sm{inline-size:var(--ids-size-control-sm)}.ids-icon-button.ids-button--lg{inline-size:var(--ids-size-control-lg)}.ids-spinner{animation:ids-spin .8s linear infinite;block-size:1em;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;inline-size:1em}.ids-field{display:grid;gap:var(--ids-space-1-5)}.ids-field__label{font-size:var(--ids-font-size-sm);font-weight:var(--ids-font-weight-semibold)}.ids-field__control,.ids-select{align-items:center;background:var(--ids-color-surface);border:var(--ids-stroke-width-regular) solid var(--ids-color-border);border-radius:var(--ids-radius-md);display:flex;min-block-size:var(--ids-size-control-md)}.ids-field__control:focus-within,.ids-select:focus-within{border-color:var(--ids-color-focus);box-shadow:0 0 0 1px var(--ids-color-focus)}.ids-field__control.is-invalid,.ids-select.is-invalid{border-color:var(--ids-color-danger)}.ids-field__input,.ids-select select{appearance:none;background:transparent;border:0;color:var(--ids-color-text);font:inherit;inline-size:100%;min-inline-size:0;outline:0;padding:var(--ids-space-2) var(--ids-space-3)}.ids-field__leading{color:var(--ids-color-text-muted);display:flex;margin-inline-start:var(--ids-space-3)}.ids-field__leading svg{block-size:var(--ids-size-icon-md);fill:none;inline-size:var(--ids-size-icon-md);stroke:currentColor;stroke-width:1.8}.ids-field__hint,.ids-field__error{font-size:var(--ids-font-size-sm)}.ids-field__hint{color:var(--ids-color-text-muted)}.ids-field__error{color:var(--ids-color-danger)}.ids-select{position:relative}.ids-select:after{border-block-end:2px solid currentColor;border-inline-end:2px solid currentColor;content:"";inline-size:7px;block-size:7px;inset-inline-end:var(--ids-space-4);pointer-events:none;position:absolute;transform:rotate(45deg)}.ids-select select{padding-inline-end:var(--ids-space-10)}.ids-menu,.ids-popover,.ids-tooltip{display:inline-block;position:relative}.ids-menu__popup,.ids-popover__content{background:var(--ids-color-surface);border:1px solid var(--ids-color-border);border-radius:var(--ids-radius-md);box-shadow:var(--ids-elevation-2);inset-block-start:calc(100% + var(--ids-space-2));min-inline-size:12rem;padding:var(--ids-space-1);position:absolute;z-index:var(--ids-z-index-overlay)}.ids-menu__popup--start{inset-inline-start:0}.ids-menu__popup--end{inset-inline-end:0}.ids-menu__popup button{background:transparent;border:0;border-radius:var(--ids-radius-sm);color:var(--ids-color-text);cursor:pointer;display:block;font:inherit;inline-size:100%;padding:var(--ids-space-2) var(--ids-space-3);text-align:start}.ids-menu__popup button:hover,.ids-menu__popup button:focus{background:var(--ids-color-surface-subtle)}.ids-choice{align-items:flex-start;cursor:pointer;display:inline-flex;gap:var(--ids-space-2);position:relative}.ids-choice input{block-size:1px;clip:rect(0 0 0 0);clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}.ids-choice__mark{align-items:center;background:var(--ids-color-surface);block-size:20px;border:1.5px solid var(--ids-color-border);border-radius:var(--ids-radius-sm);display:flex;flex:0 0 auto;justify-content:center;margin-block-start:2px;inline-size:20px}.ids-choice--radio .ids-choice__mark{border-radius:50%}.ids-choice--switch .ids-choice__mark{border-radius:var(--ids-radius-full);inline-size:36px}.ids-choice--switch .ids-choice__mark:after{background:var(--ids-color-text-muted);block-size:14px;border-radius:50%;content:"";inline-size:14px;margin-inline-end:16px;transition:margin var(--ids-motion-duration-fast)}.ids-choice input:focus-visible+.ids-choice__mark{outline:3px solid var(--ids-color-focus);outline-offset:2px}.ids-choice input:checked+.ids-choice__mark{background:var(--ids-color-primary);border-color:var(--ids-color-primary)}.ids-choice--checkbox input:checked+.ids-choice__mark:after{block-size:5px;border-block-end:2px solid var(--ids-color-on-primary);border-inline-end:2px solid var(--ids-color-on-primary);content:"";inline-size:10px;transform:rotate(45deg)}.ids-choice--radio input:checked+.ids-choice__mark:after{background:var(--ids-color-on-primary);block-size:8px;border-radius:50%;content:"";inline-size:8px}.ids-choice--switch input:checked+.ids-choice__mark:after{background:var(--ids-color-on-primary);margin-inline-end:0;margin-inline-start:16px}.ids-choice__label{display:block;font-weight:var(--ids-font-weight-medium)}.ids-choice__description{color:var(--ids-color-text-muted);display:block;font-size:var(--ids-font-size-sm)}.ids-choice:has(input:disabled){cursor:not-allowed;opacity:var(--ids-opacity-disabled)}.ids-surface,.ids-card{background:var(--ids-color-surface);border:1px solid var(--ids-color-border);border-radius:var(--ids-radius-lg);padding:var(--ids-space-5)}.ids-card{box-shadow:var(--ids-elevation-1);position:relative;overflow:hidden}.ids-card__title{font-size:var(--ids-font-size-lg);margin:0 0 var(--ids-space-2)}.ids-card__body>:first-child{margin-block-start:0}.ids-card__body>:last-child{margin-block-end:0}.ids-card__footer{border-block-start:1px solid var(--ids-color-border);margin-block-start:var(--ids-space-4);padding-block-start:var(--ids-space-4)}.ids-card--ornament-corners .ids-geometry-overlay,.ids-card--ornament-frame .ids-geometry-overlay{opacity:.22}.ids-card--intensity-balanced.ids-card--ornament-corners .ids-geometry-overlay,.ids-card--intensity-balanced.ids-card--ornament-frame .ids-geometry-overlay{opacity:.34}.ids-card__pattern{background:transparent;border:0;border-radius:inherit;box-shadow:none;margin:calc(-1 * var(--ids-space-5));padding:var(--ids-space-5)}.ids-corner--round{border-radius:var(--ids-radius-lg)}.ids-button.ids-corner--round{border-radius:var(--ids-radius-md)}.ids-corner--bevel{border-radius:0;clip-path:polygon(var(--ids-shape-facet-medium) 0%,calc(100% - var(--ids-shape-facet-medium)) 0%,100% var(--ids-shape-facet-medium),100% calc(100% - var(--ids-shape-facet-medium)),calc(100% - var(--ids-shape-facet-medium)) 100%,var(--ids-shape-facet-medium) 100%,0% calc(100% - var(--ids-shape-facet-medium)),0% var(--ids-shape-facet-medium))}.ids-corner--notch{border-radius:0;clip-path:polygon(0 0,calc(100% - var(--ids-shape-facet-bold)) 0,100% var(--ids-shape-facet-bold),100% 100%,var(--ids-shape-facet-bold) 100%,0 calc(100% - var(--ids-shape-facet-bold)))}.ids-corner--arch{border-radius:0;clip-path:polygon(0% 18%,4% 8%,12% 2%,50% 0%,88% 2%,96% 8%,100% 18%,100% 100%,0% 100%)}.ids-tabs__list{border-block-end:1px solid var(--ids-color-border);display:flex;gap:var(--ids-space-1);overflow-x:auto}.ids-tabs__list button{background:transparent;border:0;border-block-end:3px solid transparent;color:var(--ids-color-text-muted);cursor:pointer;font:inherit;font-weight:var(--ids-font-weight-medium);padding:var(--ids-space-3) var(--ids-space-4);white-space:nowrap}.ids-tabs__list button[aria-selected=true]{border-block-end-color:var(--ids-color-primary);color:var(--ids-color-text)}.ids-tabs__panel{padding-block:var(--ids-space-4)}.ids-navigation ul{display:flex;flex-wrap:wrap;gap:var(--ids-space-1);list-style:none;margin:0;padding:0}.ids-navigation a{align-items:center;border-radius:var(--ids-radius-md);color:var(--ids-color-text-muted);display:inline-flex;gap:var(--ids-space-2);padding:var(--ids-space-2) var(--ids-space-3);text-decoration:none}.ids-navigation a:hover{background:var(--ids-color-surface-subtle)}.ids-navigation a[aria-current=page]{color:var(--ids-color-primary);font-weight:var(--ids-font-weight-semibold)}.ids-navigation__icon{display:inline-flex;inline-size:var(--ids-size-icon-md);block-size:var(--ids-size-icon-md)}.ids-navigation__badge{align-items:center;background:var(--ids-color-accent);border-radius:var(--ids-radius-full);color:var(--ids-color-on-primary);display:inline-flex;font-size:var(--ids-font-size-xs);font-weight:var(--ids-font-weight-semibold);justify-content:center;min-inline-size:1.25rem;padding:0 var(--ids-space-1-5)}.ids-dialog{background:transparent;border:0;color:var(--ids-color-text);inline-size:min(36rem,calc(100% - var(--ids-space-6)));max-block-size:calc(100% - var(--ids-space-6));padding:0}.ids-dialog::backdrop{background:var(--ids-color-scrim)}.ids-dialog__content{background:var(--ids-color-surface);border:1px solid var(--ids-color-border);border-radius:var(--ids-radius-lg);box-shadow:var(--ids-elevation-3);overflow:hidden}.ids-dialog header,.ids-dialog footer{align-items:flex-start;display:flex;gap:var(--ids-space-4);justify-content:space-between;padding:var(--ids-space-5)}.ids-dialog header{border-block-end:1px solid var(--ids-color-border)}.ids-dialog footer{border-block-start:1px solid var(--ids-color-border);justify-content:flex-end}.ids-dialog h2,.ids-dialog p{margin:0}.ids-dialog p{color:var(--ids-color-text-muted);margin-block-start:var(--ids-space-1)}.ids-dialog__body{overflow:auto;padding:var(--ids-space-5)}.ids-sheet{block-size:100%;inline-size:min(28rem,92%);margin-block:0;margin-inline-end:0;max-block-size:100%}.ids-sheet .ids-dialog__content{block-size:100%;border-radius:var(--ids-radius-lg) 0 0 var(--ids-radius-lg)}[dir=rtl] .ids-sheet .ids-dialog__content{border-radius:0 var(--ids-radius-lg) var(--ids-radius-lg) 0}.ids-tooltip>[role=tooltip]{background:var(--ids-color-text);border-radius:var(--ids-radius-sm);color:var(--ids-color-surface);font-size:var(--ids-font-size-xs);inset-block-end:calc(100% + var(--ids-space-2));inset-inline-start:50%;max-inline-size:18rem;opacity:0;padding:var(--ids-space-1) var(--ids-space-2);pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity var(--ids-motion-duration-fast);white-space:nowrap;z-index:var(--ids-z-index-overlay)}.ids-tooltip:focus-within>[role=tooltip],.ids-tooltip:hover>[role=tooltip]{opacity:1}.ids-popover__trigger{background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0}.ids-popover__content{inset-inline-start:0;padding:var(--ids-space-4)}.ids-banner{align-items:flex-start;background:var(--ids-color-surface-subtle);border-inline-start:4px solid var(--ids-color-secondary);border-radius:var(--ids-radius-md);display:flex;gap:var(--ids-space-4);justify-content:space-between;padding:var(--ids-space-3) var(--ids-space-4)}.ids-banner--success{border-inline-start-color:var(--ids-color-primary)}.ids-banner--warning{border-inline-start-color:var(--ids-color-accent)}.ids-banner--danger{border-inline-start-color:var(--ids-color-danger)}.ids-banner strong{display:block;margin-block-end:var(--ids-space-1)}.ids-banner__actions{flex:0 0 auto}.ids-toast{align-items:flex-start;display:flex;inset-block-end:var(--ids-space-5);inset-inline-end:var(--ids-space-5);max-inline-size:min(28rem,calc(100% - var(--ids-space-8)));position:fixed;z-index:var(--ids-z-index-toast)}.ids-toast .ids-banner{box-shadow:var(--ids-elevation-3)}.ids-progress{display:grid;gap:var(--ids-space-2)}.ids-progress__label{display:flex;font-size:var(--ids-font-size-sm);justify-content:space-between}.ids-progress progress{accent-color:var(--ids-color-primary);block-size:8px;inline-size:100%}.ids-stepper{display:flex;list-style:none;margin:0;padding:0}.ids-stepper li{align-items:flex-start;display:flex;flex:1;gap:var(--ids-space-2);position:relative}.ids-stepper li:not(:last-child):after{background:var(--ids-color-border);block-size:2px;content:"";inset-block-start:15px;inset-inline-start:34px;inset-inline-end:var(--ids-space-2);position:absolute}.ids-stepper li.is-complete:after{background:var(--ids-color-primary)}.ids-stepper__marker{align-items:center;background:var(--ids-color-surface);block-size:30px;border:2px solid var(--ids-color-border);border-radius:50%;display:flex;flex:0 0 auto;font-size:var(--ids-font-size-sm);justify-content:center;inline-size:30px;position:relative;z-index:1}.ids-stepper .is-current .ids-stepper__marker,.ids-stepper .is-complete .ids-stepper__marker{background:var(--ids-color-primary);border-color:var(--ids-color-primary);color:var(--ids-color-on-primary)}.ids-stepper strong,.ids-stepper small{display:block}.ids-stepper small{color:var(--ids-color-text-muted)}.ids-list{list-style:none;margin:0;padding:0}.ids-list>li{border-block-end:1px solid var(--ids-color-border);padding:var(--ids-space-3) var(--ids-space-2)}.ids-table-wrap{max-inline-size:100%;overflow:auto}.ids-table{border-collapse:collapse;inline-size:100%;text-align:start}.ids-table caption{font-weight:var(--ids-font-weight-semibold);padding-block-end:var(--ids-space-2);text-align:start}.ids-table th,.ids-table td{border-block-end:1px solid var(--ids-color-border);padding:var(--ids-space-3);text-align:start}.ids-table th{background:var(--ids-color-surface-subtle);font-size:var(--ids-font-size-sm)}.ids-table tbody tr:hover{background:color-mix(in srgb,var(--ids-color-selection) 35%,transparent)}.ids-empty{align-items:center;display:flex;flex-direction:column;padding:var(--ids-space-10) var(--ids-space-5);text-align:center}.ids-empty h2{margin:var(--ids-space-3) 0 var(--ids-space-1)}.ids-empty__illustration{color:var(--ids-color-primary);max-inline-size:10rem}.ids-empty__actions{margin-block-start:var(--ids-space-4)}.ids-pattern-surface,.ids-islamic-corner,.ids-frame{background:var(--ids-color-surface);overflow:hidden;position:relative}.ids-pattern-surface__pattern,.ids-geometry-overlay{color:var(--ids-color-primary);inset:0;pointer-events:none;position:absolute}.ids-pattern-surface__pattern{opacity:var(--ids-opacity-pattern)}.ids-pattern-surface--balanced .ids-pattern-surface__pattern{opacity:.14}.ids-pattern-surface__pattern svg,.ids-geometry-overlay svg{block-size:100%;inline-size:100%}.ids-pattern-surface__content,.ids-geometry-content{position:relative;z-index:1}.ids-divider{align-items:center;color:var(--ids-color-primary);display:flex;gap:var(--ids-space-3);inline-size:100%}.ids-divider span{background:var(--ids-color-border);block-size:1px;flex:1}.ids-divider svg{fill:none;inline-size:40px;stroke:currentColor;stroke-width:1.4}.ids-islamic-corner,.ids-frame{padding:var(--ids-space-6)}.ids-geometry-overlay{opacity:.32}.ids-atmosphere{background-color:var(--ids-color-surface-subtle);background-repeat:no-repeat;background-size:cover;border-radius:var(--ids-radius-lg);overflow:hidden;position:relative}.ids-atmosphere__content{position:relative;z-index:1}.ids-atmosphere__pattern{background:transparent;border:0;border-radius:inherit;min-block-size:100%}.ids-atmosphere--jade-depth{color:var(--ids-color-on-primary)}.ids-app-header{background:var(--ids-color-surface);border-block-end:1px solid var(--ids-color-border)}.ids-app-header__bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ids-space-4);justify-content:space-between;padding:var(--ids-space-3) var(--ids-space-5)}.ids-app-header__brand{align-items:center;display:flex;gap:var(--ids-space-3);min-inline-size:0}.ids-app-header__title{font-family:var(--ids-font-family-display);font-size:var(--ids-font-size-lg);font-weight:var(--ids-font-weight-semibold)}.ids-app-header__center{flex:1 1 auto;min-inline-size:0}.ids-app-header__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ids-space-2)}.ids-app-header--framed{border-block-end:0}.ids-app-header__frame{background:transparent;border:0;border-radius:0;padding:var(--ids-space-2)}.ids-app-header__frame .ids-geometry-overlay{opacity:.2}@keyframes ids-spin{to{transform:rotate(360deg)}}@media(max-width:560px){.ids-stepper{flex-direction:column;gap:var(--ids-space-4)}.ids-stepper li:not(:last-child):after{block-size:auto;inline-size:2px;inset-block-start:32px;inset-block-end:calc(-1 * var(--ids-space-4));inset-inline-start:14px;inset-inline-end:auto}}@media(prefers-reduced-motion:reduce){.ids-spinner{animation:none}:where([class^=ids-],[class*=" ids-"],[class^=ids-] *,[class*=" ids-"] *){scroll-behavior:auto!important;transition-duration:0ms!important}}@media(forced-colors:active){.ids-button,.ids-field__control,.ids-select,.ids-choice__mark,.ids-card,.ids-surface{forced-color-adjust:auto}.ids-pattern-surface__pattern,.ids-geometry-overlay{display:none}}:root,[data-theme=light]{--ids-color-primitive-ink-0: #ffffff;--ids-color-primitive-ink-50: #f7f8f7;--ids-color-primitive-ink-100: #e8ebe9;--ids-color-primitive-ink-300: #aeb7b2;--ids-color-primitive-ink-500: #66736d;--ids-color-primitive-ink-700: #35423c;--ids-color-primitive-ink-900: #15201b;--ids-color-primitive-ink-950: #0a110e;--ids-color-primitive-jade-50: #edf8f4;--ids-color-primitive-jade-100: #d4eee5;--ids-color-primitive-jade-300: #83c7ae;--ids-color-primitive-jade-500: #2d8b6e;--ids-color-primitive-jade-600: #206f58;--ids-color-primitive-jade-700: #195847;--ids-color-primitive-jade-900: #12392f;--ids-color-primitive-saffron-50: #fff8e8;--ids-color-primitive-saffron-200: #f8dda0;--ids-color-primitive-saffron-400: #dda83a;--ids-color-primitive-saffron-600: #a66d12;--ids-color-primitive-saffron-800: #68420e;--ids-color-primitive-azure-50: #eef7fb;--ids-color-primitive-azure-300: #8fc9df;--ids-color-primitive-azure-500: #378aac;--ids-color-primitive-azure-700: #245d78;--ids-color-primitive-azure-900: #17394a;--ids-color-primitive-clay-50: #fff3ef;--ids-color-primitive-clay-300: #eaa38e;--ids-color-primitive-clay-500: #bd6048;--ids-color-primitive-clay-700: #843d2e;--ids-color-primitive-clay-900: #4f271f;--ids-color-primitive-transparent: #00000000;--ids-space-0: 0px;--ids-space-1: 4px;--ids-space-2: 8px;--ids-space-3: 12px;--ids-space-4: 16px;--ids-space-5: 20px;--ids-space-6: 24px;--ids-space-8: 32px;--ids-space-10: 40px;--ids-space-12: 48px;--ids-space-16: 64px;--ids-space-20: 80px;--ids-space-24: 96px;--ids-space-0-5: 2px;--ids-space-1-5: 6px;--ids-font-family-sans: "Noto Sans", "Noto Sans Arabic", system-ui, sans-serif;--ids-font-family-display: "Noto Kufi Arabic", "Noto Sans Arabic", system-ui, sans-serif;--ids-font-family-mono: ui-monospace, SFMono-Regular, monospace;--ids-font-size-xs: 12px;--ids-font-size-sm: 14px;--ids-font-size-md: 16px;--ids-font-size-lg: 18px;--ids-font-size-xl: 22px;--ids-font-size-2xl: 28px;--ids-font-size-3xl: 36px;--ids-font-size-4xl: 48px;--ids-font-size-5xl: 64px;--ids-font-weight-regular: 400;--ids-font-weight-medium: 500;--ids-font-weight-semibold: 600;--ids-font-weight-bold: 700;--ids-font-line-height-tight: 1.2;--ids-font-line-height-display: 1.3;--ids-font-line-height-body: 1.6;--ids-font-line-height-arabic: 1.85;--ids-font-tracking-tight: -.02rem;--ids-font-tracking-normal: 0rem;--ids-font-tracking-wide: .04rem;--ids-radius-none: 0px;--ids-radius-sm: 4px;--ids-radius-md: 8px;--ids-radius-lg: 14px;--ids-radius-xl: 22px;--ids-radius-full: 9999px;--ids-shape-facet-subtle: 4px;--ids-shape-facet-medium: 8px;--ids-shape-facet-bold: 14px;--ids-shape-arch-rise-shallow: .18;--ids-shape-arch-rise-balanced: .32;--ids-shape-arch-rise-tall: .5;--ids-shape-arch-shoulder-narrow: .22;--ids-shape-arch-shoulder-standard: .34;--ids-shape-arch-shoulder-wide: .44;--ids-shape-corner-rounded: round;--ids-shape-corner-faceted: bevel;--ids-shape-corner-notched: notch;--ids-shape-corner-arch: arch;--ids-stroke-width-hairline: 1px;--ids-stroke-width-regular: 1.5px;--ids-stroke-width-strong: 2px;--ids-stroke-width-ornamental: 3px;--ids-stroke-dash-none: none;--ids-stroke-dash-measured: 4 4;--ids-stroke-dash-decorative: 1 5;--ids-elevation-0: 0px 0px 0px 0px #00000000;--ids-elevation-1: 0px 1px 3px 0px #15201b14;--ids-elevation-2: 0px 4px 12px -2px #15201b1f;--ids-elevation-3: 0px 12px 28px -6px #15201b29;--ids-opacity-disabled: .42;--ids-opacity-muted: .64;--ids-opacity-scrim: .58;--ids-opacity-pattern: .09;--ids-opacity-full: 1;--ids-gradient-courtyard-wash: radial-gradient(120% 90% at 12% 8%, #f7efd9 0%, #e8ebe9 42%, #d4eee5 100%);--ids-gradient-lapis-veil: linear-gradient(155deg, #eef7fb 0%, #d4eee5 48%, #8fc9df 100%);--ids-gradient-jade-depth: radial-gradient(90% 70% at 80% 20%, #83c7ae 0%, #206f58 55%, #12392f 100%);--ids-pattern-density-quiet: .35;--ids-pattern-density-balanced: .6;--ids-pattern-density-rich: .85;--ids-pattern-cell-sm: 16px;--ids-pattern-cell-md: 28px;--ids-pattern-cell-lg: 44px;--ids-motion-duration-instant: 0ms;--ids-motion-duration-fast: .12s;--ids-motion-duration-normal: .22s;--ids-motion-duration-slow: .36s;--ids-motion-duration-ceremonial: .6s;--ids-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--ids-motion-easing-enter: cubic-bezier(.16, 1, .3, 1);--ids-motion-easing-exit: cubic-bezier(.4, 0, 1, 1);--ids-motion-easing-emphasis: cubic-bezier(.22, 1, .36, 1);--ids-z-index-base: 0;--ids-z-index-raised: 10;--ids-z-index-sticky: 100;--ids-z-index-overlay: 400;--ids-z-index-modal: 500;--ids-z-index-toast: 600;--ids-size-icon-sm: 16px;--ids-size-icon-md: 20px;--ids-size-icon-lg: 24px;--ids-size-control-sm: 32px;--ids-size-control-md: 40px;--ids-size-control-lg: 48px;--ids-size-content-sm: 560px;--ids-size-content-md: 720px;--ids-size-content-lg: 1120px;--ids-logical-flow-inline-start: inline-start;--ids-logical-flow-inline-end: inline-end;--ids-logical-flow-block-start: block-start;--ids-logical-flow-block-end: block-end;--ids-logical-icon-directional-transform-ltr: none;--ids-logical-icon-directional-transform-rtl: scaleX(-1);--ids-logical-text-align-start: start;--ids-logical-text-align-end: end;--ids-color-background: #f7f8f7;--ids-color-surface: #ffffff;--ids-color-surface-subtle: #e8ebe9;--ids-color-text: #15201b;--ids-color-text-muted: #66736d;--ids-color-border: #aeb7b2;--ids-color-primary: #206f58;--ids-color-primary-hover: #195847;--ids-color-on-primary: #ffffff;--ids-color-secondary: #245d78;--ids-color-accent: #a66d12;--ids-color-focus: #378aac;--ids-color-danger: #843d2e;--ids-color-on-danger: #ffffff;--ids-color-selection: #d4eee5;--ids-color-scrim: #0a110e94;color-scheme:light}[data-theme=dark]{--ids-color-background: #0a110e;--ids-color-surface: #15201b;--ids-color-surface-subtle: #35423c;--ids-color-text: #f7f8f7;--ids-color-text-muted: #aeb7b2;--ids-color-border: #66736d;--ids-color-primary: #83c7ae;--ids-color-primary-hover: #d4eee5;--ids-color-on-primary: #12392f;--ids-color-secondary: #8fc9df;--ids-color-accent: #f8dda0;--ids-color-focus: #8fc9df;--ids-color-danger: #eaa38e;--ids-color-on-danger: #4f271f;--ids-color-selection: #195847;--ids-color-scrim: #000000b8;color-scheme:dark}[data-theme=high-contrast]{--ids-color-background: #000000;--ids-color-surface: #000000;--ids-color-surface-subtle: #171717;--ids-color-text: #ffffff;--ids-color-text-muted: #ffffff;--ids-color-border: #ffffff;--ids-color-primary: #62f5ba;--ids-color-primary-hover: #ffffff;--ids-color-on-primary: #000000;--ids-color-secondary: #8fddff;--ids-color-accent: #ffd65c;--ids-color-focus: #ffd65c;--ids-color-danger: #ff9c86;--ids-color-on-danger: #000000;--ids-color-selection: #195847;--ids-color-scrim: #000000e6;color-scheme:dark}[dir=rtl]{--ids-logical-icon-directional-transform: var(--ids-logical-icon-directional-transform-rtl)}[dir=ltr]{--ids-logical-icon-directional-transform: var(--ids-logical-icon-directional-transform-ltr)}[data-region=universal]{--ids-color-surface: #ffffff;--ids-color-surface-subtle: #e8ebe9;--ids-color-accent: #a66d12;--ids-opacity-pattern: .09}[data-region=maghrebi]{--ids-color-surface: #fbf6ee;--ids-color-surface-subtle: #f0e6d4;--ids-color-accent: #a66d12;--ids-color-primary: #1f5a50;--ids-opacity-pattern: .11}[data-region=andalusi]{--ids-color-surface: #f7faf8;--ids-color-surface-subtle: #e4efe9;--ids-color-accent: #c89b3c;--ids-color-primary: #245d78;--ids-opacity-pattern: .1}[data-region=mamluk]{--ids-color-surface: #f4f1ea;--ids-color-surface-subtle: #e6dfd0;--ids-color-accent: #843d2e;--ids-color-primary: #184f78;--ids-opacity-pattern: .12}[data-region=ottoman]{--ids-color-surface: #f5f8fb;--ids-color-surface-subtle: #e2ebf3;--ids-color-accent: #c79a3b;--ids-color-primary: #173b6c;--ids-opacity-pattern: .08}[data-region=persian]{--ids-color-surface: #faf7f2;--ids-color-surface-subtle: #efe6d8;--ids-color-accent: #bd6048;--ids-color-primary: #195847;--ids-opacity-pattern: .1}[data-region=south-asian]{--ids-color-surface: #f8f4ec;--ids-color-surface-subtle: #ebe3d2;--ids-color-accent: #a66d12;--ids-color-primary: #2d6b5a;--ids-opacity-pattern: .11}@media(prefers-reduced-motion:reduce){:root{--ids-motion-duration-fast: 0ms;--ids-motion-duration-normal: 0ms;--ids-motion-duration-slow: 0ms;--ids-motion-duration-ceremonial: 0ms}}:root{color-scheme:light;font-family:var(--ids-font-family-sans);font-synthesis:none;scroll-behavior:smooth;text-rendering:optimizeLegibility}[data-theme=dark],[data-theme=high-contrast]{color-scheme:dark}*{box-sizing:border-box}html{background:var(--ids-color-background);scroll-padding-top:82px}body{background:var(--ids-color-background);color:var(--ids-color-text);margin:0;min-width:320px}button,input,select{font:inherit}a{color:inherit}::selection{background:var(--ids-color-selection)}.skip-link{background:var(--ids-color-text);color:var(--ids-color-surface);inset-block-start:10px;inset-inline-start:10px;padding:10px 14px;position:fixed;transform:translateY(-160%);z-index:1000}.skip-link:focus{transform:translateY(0)}.app{min-height:100vh}.topbar{align-items:center;backdrop-filter:blur(18px);background:color-mix(in srgb,var(--ids-color-background) 86%,transparent);border-block-end:1px solid var(--ids-color-border);display:flex;height:72px;inset-block-start:0;inset-inline:0;justify-content:space-between;padding-inline:24px;position:fixed;z-index:100}.brand{align-items:center;display:inline-flex;font-size:13px;font-weight:700;gap:12px;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.brand i{color:var(--ids-color-text-muted);font-style:normal;margin-inline:3px}.mark{fill:none;flex:0 0 auto;stroke:currentColor;stroke-width:1.4}.display-controls{align-items:center;display:flex;gap:10px}.segmented{align-items:center;background:var(--ids-color-surface);border:1px solid var(--ids-color-border);border-radius:999px;display:inline-flex;padding:3px}.segmented button{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--ids-color-text-muted);cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:6px;min-height:30px;padding-inline:10px;text-transform:capitalize}.segmented button[aria-pressed=true]{background:var(--ids-color-text);color:var(--ids-color-surface)}.segmented button:focus-visible,.dice:focus-visible,.palette-options button:focus-visible,.crop-options input:focus-visible+span{outline:3px solid var(--ids-color-focus);outline-offset:2px}.theme-dot{background:currentColor;border:1px solid currentColor;border-radius:50%;height:9px;width:9px}.theme-dot--dark{background:#15201b}.theme-dot--light{background:#f7f8f7;border-color:#66736d}.theme-dot--highContrast{background:#62f5ba;border-color:currentColor}.rail{align-items:stretch;border-inline-end:1px solid var(--ids-color-border);display:flex;flex-direction:column;inset-block:72px 0;inset-inline-start:0;justify-content:space-between;padding:28px 14px 24px;position:fixed;width:178px;z-index:40}.rail ol{display:grid;gap:2px;list-style:none;margin:0;padding:0}.rail a{align-items:center;border-radius:7px;color:var(--ids-color-text-muted);display:grid;font-size:12px;gap:9px;grid-template-columns:22px 1fr;padding:8px 9px;text-decoration:none}.rail a span{font-family:var(--ids-font-family-mono);font-size:9px}.rail a:hover{background:var(--ids-color-surface-subtle)}.rail a[aria-current=location]{background:var(--ids-color-surface);color:var(--ids-color-primary);font-weight:700}.rail-note{color:var(--ids-color-text-muted);font-family:var(--ids-font-family-mono);font-size:9px;line-height:1.7;margin:0 9px;text-transform:uppercase}main{margin-inline-start:178px}.hero{border-block-end:1px solid var(--ids-color-border);min-height:max(720px,100svh);overflow:hidden;padding:150px clamp(34px,6vw,104px) 60px;position:relative}.hero:before{background:var(--ids-color-accent);content:"";height:8px;inset-block-start:72px;inset-inline:0;position:absolute}.hero-grid{color:var(--ids-color-primary);inset:72px 0 0 34%;mask-image:linear-gradient(90deg,transparent,#000 26%,#000);opacity:.18;position:absolute}.hero-grid .pattern-preview{height:100%}.hero-grid svg{height:100%;min-width:900px;width:100%}.hero-content{max-width:950px;position:relative;z-index:1}.issue-label,.eyebrow{color:var(--ids-color-primary);font-family:var(--ids-font-family-mono);font-size:11px;font-weight:700;letter-spacing:.12em;margin:0 0 28px;text-transform:uppercase}.hero h1{font-family:var(--ids-font-family-display);font-size:clamp(64px,10vw,146px);font-weight:500;letter-spacing:-.065em;line-height:.82;margin:0;max-width:8.5ch}.hero h1 span{color:var(--ids-color-primary);display:block;font-style:italic;font-weight:400;margin-inline-start:.78em}.hero-statement{display:grid;gap:42px;grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:68px;max-width:800px}.hero-statement p{font-size:clamp(16px,1.5vw,20px);line-height:1.65;margin:0}.hero-statement p[lang=ar]{border-inline-start:1px solid var(--ids-color-border);font-size:clamp(17px,1.6vw,21px);line-height:1.9;padding-inline-start:42px}.hero-actions{display:flex;gap:30px;margin-block-start:48px}.text-link{border-block-end:1px solid currentColor;font-size:13px;font-weight:700;padding-block-end:4px;text-decoration:none}.text-link span{margin-inline-start:16px}.text-link--quiet{border:0;color:var(--ids-color-text-muted)}.hero-meta{align-items:center;border-block-start:1px solid var(--ids-color-border);display:flex;gap:0;inset-block-end:0;inset-inline:0;position:absolute}.hero-meta span{border-inline-end:1px solid var(--ids-color-border);color:var(--ids-color-text-muted);flex:1;font-family:var(--ids-font-family-mono);font-size:9px;letter-spacing:.1em;padding:17px 24px;text-align:center;text-transform:uppercase}.section{border-block-end:1px solid var(--ids-color-border);padding:clamp(84px,10vw,148px) clamp(30px,6vw,96px)}.section-heading{display:grid;gap:clamp(30px,5vw,80px);grid-template-columns:minmax(90px,17%) minmax(0,800px);margin-block-end:clamp(54px,8vw,100px)}.section-index{color:var(--ids-color-primary);font-family:var(--ids-font-family-mono);font-size:11px;padding-block-start:14px}.section-index:after{background:currentColor;content:"";display:inline-block;height:1px;margin-inline-start:12px;vertical-align:middle;width:38px}.section-heading .eyebrow{margin-block-end:16px}.section-heading h2{font-family:var(--ids-font-family-display);font-size:clamp(42px,5.4vw,76px);font-weight:500;letter-spacing:-.05em;line-height:.98;margin:0}.section-intro{color:var(--ids-color-text-muted);font-size:18px;line-height:1.7;margin:26px 0 0;max-width:650px}.principle-list{border-block-start:1px solid var(--ids-color-border);margin-inline-start:calc(17% + clamp(30px,5vw,80px))}.principle-list article{align-items:baseline;border-block-end:1px solid var(--ids-color-border);display:grid;gap:28px;grid-template-columns:42px minmax(180px,.8fr) minmax(220px,1.2fr);padding-block:30px}.principle-list article>span{color:var(--ids-color-primary);font-family:var(--ids-font-family-mono);font-size:10px}.principle-list h3{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0}.principle-list p{color:var(--ids-color-text-muted);line-height:1.7;margin:0}.section--ink{background:var(--ids-color-text);color:var(--ids-color-surface)}[data-theme=dark] .section--ink,[data-theme=high-contrast] .section--ink{background:var(--ids-color-surface);color:var(--ids-color-text)}.section--ink .section-intro{color:color-mix(in srgb,currentColor 68%,transparent)}.foundation-layout{display:grid;gap:clamp(50px,8vw,110px);grid-template-columns:minmax(260px,.8fr) minmax(380px,1.2fr)}.swatch-stack{display:grid;gap:1px}.swatch{align-items:end;background:var(--swatch);border:1px solid color-mix(in srgb,currentColor 18%,transparent);color:#fff;display:grid;grid-template-columns:38px 1fr auto;min-height:114px;padding:18px;position:relative}.swatch:after{background:linear-gradient(transparent,#00000080);content:"";inset:35% 0 0;position:absolute}.swatch>*{position:relative;z-index:1}.swatch span,.swatch code{font-family:var(--ids-font-family-mono);font-size:9px}.swatch strong{font-size:14px}.type-specimen{padding-block-start:12px}.type-line{border-block-end:1px solid color-mix(in srgb,currentColor 22%,transparent);display:grid;gap:40px;grid-template-columns:repeat(2,1fr);padding-block:24px}.type-line--display{font-family:var(--ids-font-family-display);font-size:clamp(38px,4vw,62px);letter-spacing:-.04em;line-height:1.1}.type-line--display span:last-child{line-height:1.45}.type-line p{line-height:1.65;margin:0}.type-line p[lang=ar]{line-height:1.9}.measure-grid{align-items:end;display:flex;flex-wrap:wrap;gap:20px;margin-block-start:40px}.measure-grid div{color:color-mix(in srgb,currentColor 65%,transparent);font-family:var(--ids-font-family-mono);font-size:9px}.measure-grid span{background:var(--ids-color-accent);display:block;height:8px;margin-block-end:7px}.token-callout{border:1px solid color-mix(in srgb,currentColor 24%,transparent);display:inline-block;font-size:10px;margin-block-start:34px;padding:10px 12px}.geometry-grid{display:grid;gap:1px;grid-template-columns:repeat(3,1fr)}.geometry-card{background:var(--ids-color-surface);border:1px solid var(--ids-color-border);color:var(--ids-color-primary);min-height:390px;overflow:hidden;position:relative}.geometry-card--wide{grid-column:span 2}.geometry-card .pattern-preview{height:310px;transition:transform var(--ids-motion-duration-slow) var(--ids-motion-easing-enter)}.geometry-card:hover .pattern-preview{transform:scale(1.025)}.geometry-card svg{display:block;height:100%;width:100%}.geometry-card>div:last-child{align-items:center;background:var(--ids-color-surface);border-block-start:1px solid var(--ids-color-border);color:var(--ids-color-text);display:grid;gap:12px;grid-template-columns:25px 1fr auto;inset-block-end:0;inset-inline:0;padding:18px 20px;position:absolute}.geometry-card span,.geometry-card code{color:var(--ids-color-text-muted);font-family:var(--ids-font-family-mono);font-size:9px}.geometry-card h3{font-size:16px;margin:0;text-transform:capitalize}.section--sand{background:color-mix(in srgb,var(--ids-color-accent) 8%,var(--ids-color-background))}.profile-strip{display:grid;gap:12px;grid-template-columns:repeat(7,minmax(145px,1fr));overflow-x:auto;padding-block-end:14px}.profile-strip article{min-width:145px}.profile-strip .pattern-preview{aspect-ratio:4 / 5;background:var(--ids-color-surface);border:1px solid var(--ids-color-border);color:var(--ids-color-primary);margin-block-end:18px}.profile-strip svg{height:100%;width:100%}.profile-strip article>span{color:var(--ids-color-primary);font-family:var(--ids-font-family-mono);font-size:9px}.profile-strip h3{font-size:15px;margin:7px 0 3px;text-transform:capitalize}.profile-strip small{color:var(--ids-color-text-muted);font-size:10px}.profile-strip p{color:var(--ids-color-text-muted);font-size:12px;line-height:1.55}.profile-strip code{color:var(--ids-color-text-muted);display:block;font-size:9px;margin-block-start:8px}.component-stage{display:grid;gap:16px;grid-template-columns:1.15fr .85fr}.card-matrix,.atmosphere-matrix{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.atmosphere-matrix .ids-atmosphere{min-block-size:140px;padding:var(--ids-space-5)}.atmosphere-matrix .ids-atmosphere h3{margin:6px 0 0}.component-panel{background:var(--ids-color-surface);border:1px solid var(--ids-color-border);border-radius:16px;display:grid;gap:28px;padding:clamp(22px,3vw,38px)}.component-panel--pattern{display:grid;gap:0;padding:0}.component-panel--pattern>.panel-label{padding:22px 22px 0}.component-panel--pattern>.ids-islamic-corner{border-block-start:1px solid var(--ids-color-border)}.component-panel--pattern>.ids-pattern-surface{border-radius:inherit;min-height:100%}.component-panel--pattern .ids-frame{align-items:center;display:flex;min-height:100%;padding:50px}.component-panel--pattern h3{font-family:var(--ids-font-family-display);font-size:34px;margin:0 0 10px}.component-panel--pattern p:not(.eyebrow){color:var(--ids-color-text-muted);line-height:1.6}.component-panel--wide{grid-column:1 / -1}.panel-label{color:var(--ids-color-text-muted);font-family:var(--ids-font-family-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.panel-label span{color:var(--ids-color-primary);margin-inline-end:14px}.button-row,.choice-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px 18px}.field-row{display:grid;gap:16px;grid-template-columns:1.4fr .8fr}.bilingual-line{border-block-start:1px solid var(--ids-color-border);display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin-block-start:28px;padding-block-start:16px}.section--motion{background:var(--ids-color-primary);color:var(--ids-color-on-primary)}.section--motion .eyebrow,.section--motion .section-index{color:var(--ids-color-on-primary)}.section--motion .section-intro{color:color-mix(in srgb,var(--ids-color-on-primary) 72%,transparent)}.motion-grid{display:grid;gap:1px;grid-template-columns:repeat(3,1fr)}.motion-card{border:1px solid color-mix(in srgb,var(--ids-color-on-primary) 32%,transparent);min-height:380px;padding:28px;position:relative}.motion-card>strong{display:block;font-family:var(--ids-font-family-display);font-size:70px;font-weight:400;letter-spacing:-.06em;margin-block-start:190px}.motion-card>strong small{font-family:var(--ids-font-family-mono);font-size:10px;letter-spacing:0;margin-inline-start:6px}.motion-card h3{font-size:16px;margin:0}.motion-card p{color:color-mix(in srgb,var(--ids-color-on-primary) 65%,transparent);font-size:12px}.motion-orbit{align-items:center;border:1px solid color-mix(in srgb,var(--ids-color-on-primary) 42%,transparent);border-radius:50%;display:flex;height:126px;inset-block-start:30px;inset-inline-start:30px;justify-content:center;position:absolute;width:126px}.motion-orbit .mark{animation:orbit-mark 3.4s var(--ids-motion-easing-standard) infinite alternate}.motion-orbit--2 .mark{animation-duration:4.2s}.motion-orbit--3 .mark{animation-duration:5.2s}@keyframes orbit-mark{0%{transform:rotate(0) scale(.72)}to{transform:rotate(135deg) scale(1.25)}}.access-layout{display:grid;gap:clamp(42px,8vw,100px);grid-template-columns:minmax(280px,.75fr) minmax(400px,1.25fr)}.access-score>div{align-items:center;display:flex;height:220px;justify-content:center;position:relative;width:220px}.access-score svg{fill:none;height:100%;inset:0;position:absolute;stroke:var(--ids-color-border);stroke-width:1;width:100%}.access-score .score-ring{stroke:var(--ids-color-primary);stroke-dasharray:306 327;stroke-linecap:round;stroke-width:5;transform:rotate(-90deg);transform-origin:center}.access-score span{font-family:var(--ids-font-family-display);font-size:64px;letter-spacing:-.07em}.access-score p{color:var(--ids-color-text-muted);line-height:1.65;max-width:310px}.access-list{border-block-start:1px solid var(--ids-color-border)}.access-list article{align-items:center;border-block-end:1px solid var(--ids-color-border);display:grid;gap:22px;grid-template-columns:30px 1fr 32px;padding-block:22px}.access-list article>span{color:var(--ids-color-primary);font-family:var(--ids-font-family-mono);font-size:9px}.access-list h3{font-size:15px;margin:0 0 5px}.access-list p{color:var(--ids-color-text-muted);font-size:13px;margin:0}.access-list b{align-items:center;background:var(--ids-color-primary);border-radius:50%;color:var(--ids-color-on-primary);display:flex;height:24px;justify-content:center;width:24px}.language-pair{display:grid;grid-template-columns:repeat(2,1fr);margin-block-start:80px}.language-pair article{border:1px solid var(--ids-color-border);padding:clamp(28px,5vw,64px)}.language-pair article+article{border-inline-start:0}.language-pair span{color:var(--ids-color-primary);font-family:var(--ids-font-family-mono);font-size:9px;text-transform:uppercase}.language-pair h3{font-family:var(--ids-font-family-display);font-size:clamp(28px,3.2vw,44px);font-weight:500;letter-spacing:-.04em;margin:28px 0 12px}.language-pair p{color:var(--ids-color-text-muted);line-height:1.7}.language-pair [lang=ar]{line-height:1.9}.section--studio{background:color-mix(in srgb,var(--ids-color-primary) 5%,var(--ids-color-background))}.studio-shell{background:var(--ids-color-surface);border:1px solid var(--ids-color-border);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);min-height:720px}.studio-preview{border-inline-end:1px solid var(--ids-color-border);display:grid;grid-template-rows:1fr auto auto;min-width:0}.studio-canvas{background-color:var(--ids-color-background);background-image:linear-gradient(var(--ids-color-border) 1px,transparent 1px),linear-gradient(90deg,var(--ids-color-border) 1px,transparent 1px);background-size:24px 24px;min-height:560px;overflow:hidden;position:relative}.studio-canvas>div:first-child{height:100%}.studio-canvas svg{display:block;height:100%;width:100%}.canvas-label{align-items:center;background:color-mix(in srgb,var(--ids-color-surface) 88%,transparent);border:1px solid var(--ids-color-border);display:flex;font-family:var(--ids-font-family-mono);font-size:9px;inset-block-start:16px;inset-inline:16px;justify-content:space-between;letter-spacing:.08em;padding:10px 12px;position:absolute;text-transform:uppercase}.diagnostics{display:grid;grid-template-columns:repeat(4,1fr)}.diagnostics>div{border-block-start:1px solid var(--ids-color-border);border-inline-end:1px solid var(--ids-color-border);display:grid;gap:5px;padding:16px}.diagnostics span{color:var(--ids-color-text-muted);font-family:var(--ids-font-family-mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.diagnostics strong{font-size:12px;text-transform:capitalize}.complexity:before{background:var(--ids-color-primary);border-radius:50%;content:"";display:inline-block;height:7px;margin-inline-end:6px;width:7px}.complexity--medium:before{background:var(--ids-color-accent)}.complexity--high:before{background:var(--ids-color-danger)}.studio-preview>.ids-banner{border-radius:0;margin:12px}.studio-controls{padding:28px}.control-heading{align-items:start;border-block-end:1px solid var(--ids-color-border);display:flex;justify-content:space-between;margin-block-end:24px;padding-block-end:20px}.control-heading .eyebrow{margin-block-end:7px}.control-heading h3{font-family:var(--ids-font-family-display);font-size:28px;font-weight:500;letter-spacing:-.03em;margin:0}.dice{align-items:center;background:var(--ids-color-surface-subtle);border:1px solid var(--ids-color-border);border-radius:50%;color:var(--ids-color-text);cursor:pointer;display:flex;font-size:20px;height:42px;justify-content:center;width:42px}.control-grid{display:grid;gap:18px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.studio-controls .ids-field__label,.range-stack label>span,.crop-options legend,.palette-options legend{font-family:var(--ids-font-family-mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.range-stack{border-block:1px solid var(--ids-color-border);display:grid;gap:22px;margin-block:26px;padding-block:24px}.range-stack label{display:grid;gap:10px}.range-stack label>span{display:flex;justify-content:space-between}.range-stack output{color:var(--ids-color-primary)}.range-stack input{accent-color:var(--ids-color-primary);cursor:pointer;width:100%}.control-row{align-items:center;display:flex;gap:24px;justify-content:space-between}.crop-options,.palette-options{border:0;margin:0;padding:0}.crop-options{align-items:center;display:flex;gap:3px}.crop-options legend{float:inline-start;margin-inline-end:8px;padding-block:8px}.crop-options input{height:1px;opacity:0;position:absolute;width:1px}.crop-options span{border:1px solid var(--ids-color-border);border-radius:4px;cursor:pointer;display:block;font-size:9px;padding:7px 8px;text-transform:capitalize}.crop-options input:checked+span{background:var(--ids-color-text);color:var(--ids-color-surface)}.palette-options{border-block-end:1px solid var(--ids-color-border);display:flex;gap:8px;margin-block:26px 20px;padding-block-end:24px}.palette-options legend{margin-block-end:10px}.palette-options button{background:var(--ids-color-surface);border:1px solid var(--ids-color-border);cursor:pointer;display:flex;height:36px;padding:3px;width:58px}.palette-options button[aria-pressed=true]{border-color:var(--ids-color-primary);box-shadow:0 0 0 1px var(--ids-color-primary)}.palette-options button span{flex:1}.export-row{display:flex;flex-wrap:wrap;gap:7px}.export-row .ids-button{font-size:12px}.notice{color:var(--ids-color-primary);font-size:11px;height:18px;margin:10px 0 0}.footer{align-items:center;display:grid;gap:32px;grid-template-columns:1fr 1.4fr auto;padding:46px clamp(30px,6vw,96px)}.footer>div{align-items:center;display:flex;gap:14px}.footer p{color:var(--ids-color-text-muted);font-size:12px;margin:0}.footer a{font-size:11px;font-weight:700}[dir=rtl] .hero h1{letter-spacing:-.02em}[dir=rtl] .hero h1 span{margin-inline-start:.3em}[dir=rtl] .section-heading h2,[dir=rtl] .language-pair h3{letter-spacing:0}@media(max-width:1100px){.rail{display:none}main{margin-inline-start:0}.profile-strip{grid-template-columns:repeat(7,160px)}.studio-shell{grid-template-columns:1fr}.studio-preview{border-block-end:1px solid var(--ids-color-border);border-inline-end:0}.studio-canvas{min-height:520px}}@media(max-width:760px){.topbar{height:64px;padding-inline:14px}.brand span,.control-label{display:none}.segmented button{min-height:28px;padding-inline:8px}.hero{min-height:760px;padding:124px 22px 82px}.hero:before{inset-block-start:64px}.hero h1{font-size:clamp(54px,19vw,88px)}.hero-grid{inset:64px -50% 0 15%;opacity:.12}.hero-statement{gap:24px;grid-template-columns:1fr;margin-block-start:48px}.hero-statement p[lang=ar]{border-block-start:1px solid var(--ids-color-border);border-inline-start:0;padding-block-start:20px;padding-inline-start:0}.hero-actions{align-items:flex-start;flex-direction:column}.hero-meta span{font-size:7px;padding:14px 5px}.section{padding:78px 22px}.section-heading{gap:14px;grid-template-columns:1fr;margin-block-end:50px}.section-index{padding-block-start:0}.section-heading h2{font-size:42px}.section-intro{font-size:16px}.principle-list{margin-inline-start:0}.principle-list article{gap:10px 16px;grid-template-columns:30px 1fr}.principle-list p{grid-column:2}.foundation-layout,.component-stage,.access-layout{grid-template-columns:1fr}.type-line{gap:18px;grid-template-columns:1fr}.geometry-grid{grid-template-columns:1fr}.geometry-card--wide,.component-panel--wide{grid-column:auto}.motion-grid{grid-template-columns:1fr}.motion-card{min-height:260px}.motion-card>strong{margin-block-start:135px}.motion-orbit{height:100px;width:100px}.language-pair{grid-template-columns:1fr;margin-block-start:54px}.language-pair article+article{border-block-start:0;border-inline-start:1px solid var(--ids-color-border)}.studio-canvas{min-height:380px}.diagnostics{grid-template-columns:repeat(2,1fr)}.studio-controls{padding:22px}.control-grid{grid-template-columns:1fr}.control-row{align-items:flex-start;flex-direction:column}.footer{align-items:start;grid-template-columns:1fr}}@media(max-width:420px){.display-controls{gap:4px}.theme-dot{height:8px;width:8px}.hero h1 span{margin-inline-start:.32em}.field-row{grid-template-columns:1fr}.component-panel--pattern .ids-frame{padding:30px 22px}.studio-canvas{min-height:330px}.crop-options{align-items:flex-start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.motion-orbit .mark{animation:none}.geometry-card .pattern-preview{transition:none}}@media(forced-colors:active){.hero-grid,.pattern-preview,.studio-canvas>div:first-child{display:none}.swatch{forced-color-adjust:auto}}#geometry{background:linear-gradient(135deg,color-mix(in srgb,#c89436 6%,transparent),transparent 42%),var(--ids-color-background)}.geometry-grid{background:#173f6c;border:1px solid color-mix(in srgb,#173f6c 65%,var(--ids-color-border));display:grid;gap:1px;grid-template-columns:repeat(12,minmax(0,1fr))}.geometry-card,.geometry-card--wide{background:#f4ecd9;border:0;color:#163d68;display:grid;grid-column:span 4;grid-template-rows:minmax(360px,1fr) auto;min-height:480px}.geometry-card--wide{grid-column:span 8}.geometry-card .pattern-preview{background:radial-gradient(circle at 50% 45%,rgb(255 255 255 / .52),transparent 58%),#f4ecd9;height:100%;min-height:360px;overflow:hidden;padding:clamp(12px,2vw,26px);transition:transform var(--ids-motion-duration-slow) var(--ids-motion-easing-enter)}.geometry-card--wide .pattern-preview{min-height:430px}.geometry-card:hover .pattern-preview{transform:none}.geometry-card:hover svg{transform:scale(1.018)}.geometry-card svg{display:block;height:100%;transform-origin:center;transition:transform var(--ids-motion-duration-slow) var(--ids-motion-easing-enter);width:100%}.geometry-card>.geometry-card__caption{align-items:start;background:#fff9ec;border-block-start:1px solid rgb(23 63 108 / .18);color:#142f4f;display:grid;gap:16px;grid-template-columns:26px minmax(0,1fr) auto;inset:auto;padding:20px 22px;position:static}.geometry-card__caption h3{color:#143f70;font-family:var(--ids-font-family-display);font-size:21px;font-weight:500;letter-spacing:-.025em;margin:0;text-transform:none}.geometry-card__caption p{color:#6f583a;font-size:11px;line-height:1.5;margin:4px 0 0}.geometry-card__caption code{color:#a04832;max-width:19ch;overflow-wrap:anywhere;text-align:end}.section--studio{--studio-blue: #123d6b;--studio-blue-deep: #0d2d4f;--studio-jade: #0d674f;--studio-gold: #ca9538;--studio-clay: #a64d35;--studio-cream: #f4ecd9;--studio-paper: #fffaf0;background:linear-gradient(180deg,color-mix(in srgb,var(--studio-blue) 7%,var(--ids-color-background)),var(--ids-color-background) 24%),var(--ids-color-background)}.studio-workbench{display:grid;gap:20px}.preset-browser{background:var(--studio-blue-deep);border:1px solid var(--studio-blue-deep);color:#fff8e9;padding:clamp(22px,3vw,38px)}.preset-browser__heading{align-items:end;border-block-end:1px solid rgb(255 255 255 / .18);display:grid;gap:30px;grid-template-columns:1fr minmax(260px,520px);margin-block-end:28px;padding-block-end:22px}.preset-browser__heading .eyebrow{color:#e1b65f;margin:0}.preset-browser__heading>p:last-child{color:#fff8e9b3;font-size:13px;line-height:1.6;margin:0}.preset-groups{display:grid;gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}.preset-group h3{color:#e4bd6a;font-family:var(--ids-font-family-mono);font-size:9px;letter-spacing:.14em;margin:0 0 10px;text-transform:uppercase}.preset-group>div{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.preset-card{background:#ffffff09;border:1px solid rgb(255 255 255 / .16);color:#fff8e9;cursor:pointer;display:grid;gap:6px;min-height:104px;padding:14px;text-align:start}.preset-card:hover{background:#ffffff14;border-color:#ffffff61}.preset-card[aria-pressed=true]{background:var(--studio-jade);border-color:#e1b65f;box-shadow:inset 4px 0 #e1b65f}[dir=rtl] .preset-card[aria-pressed=true]{box-shadow:inset -4px 0 #e1b65f}.preset-card span,.preset-card small{color:#fff8e99e;font-family:var(--ids-font-family-mono);font-size:8px;letter-spacing:.06em;text-transform:uppercase}.preset-card strong{font-family:var(--ids-font-family-display);font-size:17px;font-weight:500;letter-spacing:-.01em}.studio-shell{background:var(--studio-paper);border:1px solid color-mix(in srgb,var(--studio-blue) 34%,var(--ids-color-border));display:grid;grid-template-columns:minmax(0,1.45fr) minmax(350px,.55fr);min-height:760px}.studio-preview{background:var(--studio-cream);border-inline-end:1px solid rgb(18 61 107 / .22);display:grid;grid-template-rows:1fr auto auto;min-width:0}.studio-canvas{background-color:var(--studio-cream);background-image:linear-gradient(rgb(18 61 107 / .07) 1px,transparent 1px),linear-gradient(90deg,rgb(18 61 107 / .07) 1px,transparent 1px);background-size:32px 32px;min-height:620px}.studio-canvas>div:first-child{height:100%;padding:clamp(8px,1vw,18px)}.studio-canvas svg,.tier-canvas svg{display:block;height:100%;width:100%}.canvas-label{background:#fffaf0e6;border-color:#123d6b40;color:var(--studio-blue-deep)}.diagnostics{background:var(--studio-blue-deep);color:#fff9ec}.diagnostics>div{border-color:#ffffff24}.diagnostics span{color:#fff9ec94}.studio-controls{background:var(--studio-paper);color:#17334f;max-height:790px;overflow-y:auto;padding:26px;scrollbar-color:var(--studio-gold) transparent}.control-heading{border-color:#123d6b2e}.control-heading .eyebrow{color:var(--studio-clay)}.control-heading h3{color:var(--studio-blue);font-size:30px}.control-heading p:last-child{color:#6f604e;font-size:12px;line-height:1.55;margin:8px 0 0}.seed-note{color:#7d6a50;font-family:var(--ids-font-family-mono);font-size:8px;line-height:1.5;margin:9px 0 0}.studio-controls .ids-field__label,.range-stack label>span,.crop-options legend,.palette-options legend,.overlay-options legend,.layer-options legend{color:#294864}.range-stack{border-color:#123d6b2e}.range-stack input{accent-color:var(--studio-jade)}.range-stack output{color:var(--studio-clay)}.overlay-options,.layer-options{border:0;border-block-end:1px solid rgb(18 61 107 / .18);margin:22px 0 0;padding:0 0 22px}.overlay-options legend,.layer-options legend{font-family:var(--ids-font-family-mono);font-size:9px;font-weight:700;letter-spacing:.06em;margin-block-end:10px;text-transform:uppercase}.overlay-options>div{display:grid;gap:5px;grid-template-columns:repeat(3,1fr)}.overlay-options input{height:1px;opacity:0;position:absolute;width:1px}.overlay-options span{border:1px solid rgb(18 61 107 / .24);cursor:pointer;display:block;font-size:10px;padding:9px 10px;text-align:center;text-transform:capitalize}.overlay-options input:checked+span{background:var(--studio-blue);color:#fff9ec}.overlay-options input:focus-visible+span{outline:3px solid var(--ids-color-focus);outline-offset:2px}.layer-options{display:grid;gap:1px}.layer-options label{align-items:center;background:#f5edda;display:grid;gap:9px;grid-template-columns:18px 1fr auto;min-height:38px;padding:8px 10px}.layer-options input{accent-color:var(--studio-jade)}.layer-options span{font-size:11px;font-weight:650}.layer-options small{color:#806d52;font-family:var(--ids-font-family-mono);font-size:7px}.layer-options label:has(input:disabled){opacity:.62}.studio-layer--hide-straps [data-strand-layer],.studio-layer--hide-botanical [data-botanical-role],.studio-layer--hide-construction [data-construction-role]{display:none}.palette-options{border-color:#123d6b2e}.palette-options button{border-color:#123d6b40;height:38px;width:62px}.palette-options button[aria-pressed=true]{border-color:var(--studio-clay);box-shadow:0 0 0 1px var(--studio-clay)}.tier-study,.recipe-inspector{border:1px solid color-mix(in srgb,var(--studio-blue) 30%,var(--ids-color-border));padding:clamp(22px,3.5vw,42px)}.tier-study{background:var(--studio-blue-deep);color:#fff9ec}.tier-study>header{align-items:end;display:flex;justify-content:space-between;margin-block-end:24px}.tier-study .eyebrow{color:#e2b75e;margin:0}.tier-study h3,.recipe-inspector h3{font-family:var(--ids-font-family-display);font-size:clamp(26px,3vw,42px);font-weight:500;letter-spacing:-.035em;margin:0}.tier-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.tier-grid article{border:1px solid rgb(255 255 255 / .2);min-width:0}.tier-canvas{aspect-ratio:1.42;background:var(--studio-cream)}.tier-grid article>div:last-child{align-items:center;display:flex;justify-content:space-between;padding:12px 14px}.tier-grid strong{color:#f0c773;font-family:var(--ids-font-family-mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase}.tier-grid span{color:#fff9ec9e;font-size:9px}.recipe-inspector{background:var(--studio-paper);color:#17334f}.recipe-inspector>header{align-items:end;border-block-end:2px solid var(--studio-blue);display:grid;gap:10px;grid-template-columns:1fr auto;padding-block-end:22px}.recipe-inspector>header .eyebrow{color:var(--studio-clay);grid-column:1 / -1;margin:0}.recipe-inspector>header code{color:var(--studio-jade);font-size:10px}.recipe-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.recipe-facts>div{border-block-end:1px solid rgb(18 61 107 / .18);border-inline-end:1px solid rgb(18 61 107 / .18);min-width:0;padding:18px}.recipe-facts dt,.recipe-columns h4{color:var(--studio-clay);font-family:var(--ids-font-family-mono);font-size:8px;letter-spacing:.08em;margin:0 0 7px;text-transform:uppercase}.recipe-facts dd{font-size:11px;line-height:1.55;margin:0;overflow-wrap:anywhere}.recipe-columns{display:grid;gap:32px;grid-template-columns:.8fr 1fr 1.4fr;padding-block:26px}.recipe-columns p{color:#6e5e4a;font-size:11px;line-height:1.7;margin:0}.source-chips{display:flex;flex-wrap:wrap;gap:5px}.source-chips code{background:#efe3c9;color:var(--studio-blue);font-size:8px;padding:4px 6px}.recipe-inspector details{border-block-start:1px solid rgb(18 61 107 / .18);padding-block-start:18px}.recipe-inspector summary{color:var(--studio-blue);cursor:pointer;font-size:11px;font-weight:700}.recipe-inspector li{color:#6e5e4a;font-size:11px;line-height:1.6;margin-block:6px}@media(max-width:1180px){.geometry-card{grid-column:span 6}.geometry-card--wide{grid-column:span 12}.studio-shell{grid-template-columns:1fr}.studio-preview{border-block-end:1px solid rgb(18 61 107 / .22);border-inline-end:0}.studio-controls{max-height:none}}@media(max-width:760px){.geometry-grid{display:block}.geometry-card,.geometry-card--wide{min-height:430px}.geometry-card+.geometry-card{border-block-start:1px solid #173f6c}.geometry-card .pattern-preview,.geometry-card--wide .pattern-preview{min-height:340px}.geometry-card>.geometry-card__caption{gap:10px;grid-template-columns:22px minmax(0,1fr)}.geometry-card__caption code{grid-column:2;max-width:none;text-align:start}.preset-browser{margin-inline:0;padding-inline:22px}.preset-browser__heading,.preset-groups,.recipe-columns{grid-template-columns:1fr}.preset-group>div{grid-template-columns:1fr}.preset-card{min-height:90px}.studio-workbench{margin-inline:-22px}.studio-shell,.tier-study,.recipe-inspector{border-inline:0}.studio-canvas{min-height:380px}.studio-controls{padding:22px}.layer-options label{grid-template-columns:18px 1fr}.layer-options small{grid-column:2}.tier-study>header{align-items:start;display:grid;gap:10px}.tier-grid{grid-template-columns:1fr}.tier-canvas{max-height:300px}.recipe-facts{grid-template-columns:1fr}.recipe-facts>div{border-inline-end:0;padding-inline:0}.recipe-inspector>header{align-items:start;grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.geometry-card svg,.preset-card{transition:none}}