/*!
 * @rasd/react default stylesheet (docs/06 §15, docs/12 §4, docs/13 §4).
 *
 * Rules of this file:
 *  - Everything lives in `@layer rasd.*`, so *unlayered* host CSS always wins.
 *    A host does not have to out-specify us; they just write plain CSS.
 *  - Every value comes from a `--rasd-*` custom property emitted by
 *    `themeToCssVars()` on `.rasd-root`. Nothing here hardcodes a colour, and
 *    the fallbacks after each `var()` exist only so the file degrades to
 *    something legible if it is loaded without a provider.
 *  - Logical properties only (`margin-inline`, `padding-inline`, `inset-inline`,
 *    `text-align: start`). There is not one `left`, `right`, `margin-left` or
 *    `padding-right` in the file — that is what makes Arabic work without an
 *    RTL build step.
 *  - Touch targets are `--rasd-control-min-touch` (48 px floor, clamped by the
 *    theme resolver), focus is always visible, and motion respects
 *    `prefers-reduced-motion` *and* the `data-reduced-motion` attribute.
 */@layer rasd.reset,rasd.base,rasd.components;@layer rasd.reset{.rasd-root,.rasd-root *,.rasd-root *:before,.rasd-root *:after{box-sizing:border-box}.rasd-root fieldset{margin:0;padding:0;border:0;min-inline-size:0}.rasd-root ol,.rasd-root ul{margin:0;padding:0;list-style:none}.rasd-root p,.rasd-root h2,.rasd-root h3,.rasd-root h4,.rasd-root h5{margin:0}}@layer rasd.base{.rasd-root{color:var(--rasd-color-on-surface, #111827);background-color:var(--rasd-color-surface, #ffffff);font-family:var(--rasd-typography-font-family, system-ui, sans-serif);font-size:var(--rasd-typography-base-size, 16px);line-height:var(--rasd-typography-line-height, 1.5);text-align:start}.rasd-root[dir=rtl]{font-family:var(--rasd-typography-font-family-rtl, var(--rasd-typography-font-family, system-ui, sans-serif));line-height:var(--rasd-typography-line-height-rtl, var(--rasd-typography-line-height, 1.7))}.rasd-root :focus-visible{outline:2px solid var(--rasd-color-focus, #0b6efd);outline-offset:2px}.rasd-root[dir=rtl] [data-part=iconDirectional]{transform:scaleX(-1)}@media(prefers-reduced-motion:reduce){.rasd-root *,.rasd-root *:before,.rasd-root *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.rasd-root[data-reduced-motion=true] *,.rasd-root[data-reduced-motion=true] *:before,.rasd-root[data-reduced-motion=true] *:after{animation-duration:1ms!important;transition-duration:1ms!important}@media(forced-colors:active){.rasd-root [data-part=message],.rasd-root [data-part=requiredMarker]{forced-color-adjust:none}}}@layer rasd.components{.rasd-FormRenderer{display:flex;flex-direction:column;gap:calc(var(--rasd-spacing-stack, 16px) * 1.5);padding:var(--rasd-spacing-page, 16px);scroll-padding-block-end:calc(var(--rasd-control-height, 48px) * 2)}.rasd-FormRenderer__title{font-size:calc(var(--rasd-typography-base-size, 16px) * var(--rasd-typography-scale, 1.125) * 1.2);font-weight:var(--rasd-typography-weights-bold, 700)}.rasd-FormRenderer__notice,.rasd-FormRenderer__saveError{padding:var(--rasd-spacing-stack, 16px);border-radius:var(--rasd-radius-md, 8px);background-color:var(--rasd-color-surface-variant, #f3f4f6);color:var(--rasd-color-on-surface-variant, #374151)}.rasd-FormRenderer__saveError{border-inline-start:4px solid var(--rasd-color-warning, #b7791f)}.rasd-FormRenderer--broken{padding:var(--rasd-spacing-page, 16px);border:var(--rasd-control-border-width, 1px) solid var(--rasd-color-error, #b3261e);border-radius:var(--rasd-radius-md, 8px)}.rasd-FormRenderer--licenseBlocked{padding:var(--rasd-spacing-page, 16px);border:var(--rasd-control-border-width, 1px) solid var(--rasd-color-outline, #cbd5e1);border-inline-start:4px solid var(--rasd-color-warning, #b7791f);border-radius:var(--rasd-radius-md, 8px);background-color:var(--rasd-color-surface-variant, #f3f4f6);color:var(--rasd-color-on-surface-variant, #374151)}.rasd-FormRenderer__licenseBlockedTitle{font-weight:var(--rasd-typography-weights-bold, 700)}.rasd-root--unlicensed{position:relative;padding-block-end:28px}.rasd-Watermark__root{position:sticky;inset-block-end:4px;margin-block-start:-24px;display:flex;justify-content:flex-end;pointer-events:none;z-index:10}.rasd-Watermark__text{display:inline-block;margin-inline-end:4px;padding:2px 8px;font-size:12px;line-height:1.5;border-radius:var(--rasd-radius-sm, 4px);background-color:var(--rasd-color-surface-variant, #f3f4f6);color:var(--rasd-color-on-surface, #111827);opacity:.85}.rasd-Page{display:flex;flex-direction:column;gap:var(--rasd-spacing-stack, 16px)}.rasd-Page__title{font-size:calc(var(--rasd-typography-base-size, 16px) * var(--rasd-typography-scale, 1.125));font-weight:var(--rasd-typography-weights-bold, 700);scroll-margin-block-start:var(--rasd-spacing-page, 16px)}.rasd-Page__body{display:flex;flex-direction:column;gap:calc(var(--rasd-spacing-stack, 16px) * 1.25)}.rasd-ProgressBar__track{block-size:8px;inline-size:100%;border-radius:var(--rasd-radius-full, 999px);background-color:var(--rasd-color-surface-variant, #f3f4f6);overflow:hidden}.rasd-ProgressBar__fill{block-size:100%;background-color:var(--rasd-color-primary, #0b6efd);transition:inline-size var(--rasd-motion-duration-ms, .15s) ease}.rasd-ProgressBar__text{margin-block-start:calc(var(--rasd-spacing-unit, 4px) * 1);font-size:.875em;color:var(--rasd-color-on-surface-variant, #374151)}.rasd-FieldWrapper{display:flex;flex-direction:column;gap:calc(var(--rasd-spacing-unit, 4px) * 2)}.rasd-FieldWrapper__labelRow{display:flex;align-items:baseline;gap:calc(var(--rasd-spacing-unit, 4px) * 1)}.rasd-FieldWrapper__label{font-weight:var(--rasd-typography-weights-medium, 500);text-align:start}.rasd-FieldWrapper__required{color:var(--rasd-color-error, #b3261e)}.rasd-FieldWrapper__readonly{font-size:.75em;padding-inline:calc(var(--rasd-spacing-unit, 4px) * 1.5);border-radius:var(--rasd-radius-full, 999px);background-color:var(--rasd-color-surface-variant, #f3f4f6);color:var(--rasd-color-on-surface-variant, #374151)}.rasd-FieldWrapper__hint{font-size:.875em;color:var(--rasd-color-on-surface-variant, #374151)}.rasd-FieldWrapper__message{font-size:.875em;color:var(--rasd-color-error, #b3261e)}.rasd-FieldWrapper__message[data-severity=warning]{color:var(--rasd-color-warning, #b7791f)}.rasd-FieldWrapper__message[data-severity=info]{color:var(--rasd-color-info, #1d4ed8)}.rasd-FieldWrapper[data-invalid=true] [data-part=input],.rasd-FieldWrapper[data-invalid=true] [data-part=select]{border-color:var(--rasd-color-error, #b3261e)}.rasd-root input[data-part=input],.rasd-root textarea[data-part=input],.rasd-root select[data-part=select]{inline-size:100%;min-block-size:var(--rasd-control-min-touch, 48px);padding-inline:calc(var(--rasd-spacing-unit, 4px) * 3);padding-block:calc(var(--rasd-spacing-unit, 4px) * 2);border:var(--rasd-control-border-width, 1px) solid var(--rasd-color-outline, #cbd5e1);border-radius:var(--rasd-radius-md, 8px);background-color:var(--rasd-color-surface, #ffffff);color:var(--rasd-color-on-surface, #111827);font:inherit;text-align:start}.rasd-root input[data-part=input][type=range]{min-block-size:var(--rasd-control-min-touch, 48px);padding:0;border:0}.rasd-NumberField__row,.rasd-RangeSlider__row{display:flex;align-items:center;gap:calc(var(--rasd-spacing-unit, 4px) * 2)}.rasd-NumberField__unit,.rasd-RangeSlider__value{color:var(--rasd-color-on-surface-variant, #374151);white-space:nowrap}.rasd-SelectOne__options,.rasd-SelectMultiple__options{display:flex;flex-direction:column;gap:calc(var(--rasd-spacing-unit, 4px) * 1)}.rasd-SelectOne__options[data-variant=buttons],.rasd-SelectOne__options[data-variant=chips],.rasd-SelectMultiple__options[data-variant=chips]{flex-direction:row;flex-wrap:wrap}.rasd-SelectOne__options[data-variant=chips] .rasd-SelectOne__option,.rasd-SelectMultiple__options[data-variant=chips] .rasd-SelectMultiple__option{border:var(--rasd-control-border-width, 1px) solid var(--rasd-color-outline, #6b7280);border-radius:var(--rasd-radius-full, 999px);padding-block:calc(var(--rasd-spacing-unit, 4px) * 2);padding-inline:calc(var(--rasd-spacing-unit, 4px) * 3);min-height:var(--rasd-control-min-touch, 48px)}.rasd-SelectOne__options[data-variant=chips] .rasd-SelectOne__option:has(:checked),.rasd-SelectMultiple__options[data-variant=chips] .rasd-SelectMultiple__option:has(:checked){background:var(--rasd-color-primary, #0a58ca);color:var(--rasd-color-on-primary, #fff)}.rasd-SelectOne__options[data-variant=likert]{flex-direction:row}.rasd-SelectOne__options[data-variant=likert] .rasd-SelectOne__option{flex:1 1 0;flex-direction:column-reverse;text-align:center;gap:calc(var(--rasd-spacing-unit, 4px) * 1)}.rasd-SelectOne__option,.rasd-SelectMultiple__option,.rasd-Checkbox__row{display:flex;align-items:center;gap:calc(var(--rasd-spacing-unit, 4px) * 2);min-block-size:var(--rasd-control-min-touch, 48px)}.rasd-root input[type=radio][data-part=radio],.rasd-root input[type=checkbox][data-part=checkbox]{inline-size:calc(var(--rasd-spacing-unit, 4px) * 6);block-size:calc(var(--rasd-spacing-unit, 4px) * 6);flex:none;accent-color:var(--rasd-color-primary, #0b6efd)}.rasd-SelectOne__optionLabel,.rasd-SelectMultiple__optionLabel,.rasd-Checkbox__label{flex:1 1 auto;text-align:start}.rasd-Rating__scale{display:flex;align-items:center;gap:calc(var(--rasd-spacing-unit, 4px) * 2);flex-wrap:wrap}.rasd-Rating__option{display:inline-flex;align-items:center;min-block-size:var(--rasd-control-min-touch, 48px)}.rasd-Rating__optionLabel{display:inline-flex;flex-direction:column;align-items:center;padding-inline:calc(var(--rasd-spacing-unit, 4px) * 1)}.rasd-Rating__srLabel{font-size:.75em;color:var(--rasd-color-on-surface-variant, #374151)}.rasd-Group,.rasd-Repeat{display:flex;flex-direction:column;gap:var(--rasd-spacing-stack, 16px)}.rasd-Group[data-variant=card],.rasd-Repeat__item{padding:var(--rasd-spacing-stack, 16px);border:var(--rasd-control-border-width, 1px) solid var(--rasd-color-outline, #cbd5e1);border-radius:var(--rasd-radius-lg, 12px);background-color:var(--rasd-color-surface, #ffffff);box-shadow:var(--rasd-elevation-sm, none)}.rasd-Repeat__list{display:flex;flex-direction:column;gap:var(--rasd-spacing-stack, 16px)}.rasd-Repeat__itemHeader{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--rasd-spacing-unit, 4px) * 2);flex-wrap:wrap;margin-block-end:calc(var(--rasd-spacing-unit, 4px) * 2)}.rasd-Repeat__itemActions,.rasd-Repeat__actions,.rasd-SelectOne__actions{display:flex;gap:calc(var(--rasd-spacing-unit, 4px) * 2);flex-wrap:wrap;align-items:center}.rasd-Repeat__itemBody{display:flex;flex-direction:column;gap:calc(var(--rasd-spacing-stack, 16px) * 1.25)}.rasd-Capture__actions{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--rasd-spacing-unit, 4px) * 2)}.rasd-Capture__status,.rasd-GeopointField__status{font-size:.875em;color:var(--rasd-color-on-surface-variant, #374151);min-block-size:1.25em}.rasd-Capture__error,.rasd-GeopointField__manualError,.rasd-MatrixField__rowIssue{font-size:.875em;color:var(--rasd-color-error, #b3261e)}.rasd-Capture__fallback,.rasd-ImageField__fallback{display:flex;flex-direction:column;gap:calc(var(--rasd-spacing-unit, 4px) * 1)}.rasd-root input[data-part=fileInput]{min-block-size:var(--rasd-control-min-touch, 48px);padding-block:calc(var(--rasd-spacing-unit, 4px) * 2);color:var(--rasd-color-on-surface, #111827);font:inherit;max-inline-size:100%}.rasd-ImageField__list,.rasd-MediaField__list{display:flex;flex-wrap:wrap;gap:var(--rasd-spacing-stack, 16px)}.rasd-ImageField__item{display:flex;flex-direction:column;gap:calc(var(--rasd-spacing-unit, 4px) * 1);align-items:start}.rasd-ImageField__thumb{display:flex;flex-direction:column;gap:calc(var(--rasd-spacing-unit, 4px) * 1)}.rasd-ImageField__image{inline-size:calc(var(--rasd-spacing-unit, 4px) * 30);max-inline-size:100%;block-size:auto;border-radius:var(--rasd-radius-md, 8px);border:var(--rasd-control-border-width, 1px) solid var(--rasd-color-outline, #cbd5e1);object-fit:cover}.rasd-ImageField__meta,.rasd-ImageField__count,.rasd-ImageField__empty,.rasd-ImageField__noPreview,.rasd-MediaField__count,.rasd-MediaField__empty,.rasd-BarcodeField__reason,.rasd-SignatureField__padHint,.rasd-RankField__hint{font-size:.875em;color:var(--rasd-color-on-surface-variant, #374151)}.rasd-MediaField__item{display:flex;flex-direction:column;gap:calc(var(--rasd-spacing-unit, 4px) * 1);align-items:start}.rasd-MediaField__player{max-inline-size:100%}.rasd-SignatureField__pad{inline-size:100%;max-inline-size:calc(var(--rasd-spacing-unit, 4px) * 120);block-size:calc(var(--rasd-spacing-unit, 4px) * 45);border:var(--rasd-control-border-width, 1px) solid var(--rasd-color-outline, #cbd5e1);border-radius:var(--rasd-radius-md, 8px);background-color:var(--rasd-color-surface, #ffffff);touch-action:none;cursor:crosshair}.rasd-SignatureField__state{font-weight:var(--rasd-typography-weights-medium, 500)}.rasd-SignatureField__typed{display:flex;flex-wrap:wrap;align-items:end;gap:calc(var(--rasd-spacing-unit, 4px) * 2)}.rasd-SignatureField__typedLabel{flex:1 0 100%}.rasd-root input[data-part=typedInput],.rasd-root input[data-part=manualLat],.rasd-root input[data-part=manualLng],.rasd-root input[data-part=cellControl],.rasd-root select[data-part=cellControl]{min-block-size:var(--rasd-control-min-touch, 48px);inline-size:100%;padding-inline:calc(var(--rasd-spacing-unit, 4px) * 3);padding-block:calc(var(--rasd-spacing-unit, 4px) * 2);border:var(--rasd-control-border-width, 1px) solid var(--rasd-color-outline, #cbd5e1);border-radius:var(--rasd-radius-md, 8px);background-color:var(--rasd-color-surface, #ffffff);color:var(--rasd-color-on-surface, #111827);font:inherit;text-align:start}.rasd-root [data-part=cellControl][aria-invalid=true]{border-color:var(--rasd-color-error, #b3261e)}.rasd-GeopointField__value{font-weight:var(--rasd-typography-weights-medium, 500);unicode-bidi:isolate}.rasd-GeopointField__warning{font-size:.875em;color:var(--rasd-color-warning, #b7791f)}.rasd-GeopointField__manual{display:flex;flex-wrap:wrap;align-items:end;gap:calc(var(--rasd-spacing-unit, 4px) * 2)}.rasd-GeopointField__manualField{display:flex;flex-direction:column;gap:calc(var(--rasd-spacing-unit, 4px) * 1);flex:1 1 calc(var(--rasd-spacing-unit, 4px) * 40)}.rasd-MatrixField__scroll{inline-size:100%;overflow-x:auto}.rasd-MatrixField__table{inline-size:100%;border-collapse:collapse;text-align:start}.rasd-MatrixField__table th,.rasd-MatrixField__table td{padding:calc(var(--rasd-spacing-unit, 4px) * 2);border-block-end:var(--rasd-control-border-width, 1px) solid var(--rasd-color-outline, #cbd5e1);text-align:start;vertical-align:middle}.rasd-MatrixField__rowLabel{font-weight:var(--rasd-typography-weights-medium, 500)}.rasd-MatrixField__cell{inline-size:calc(var(--rasd-spacing-unit, 4px) * 45)}@media(max-width:30rem){.rasd-MatrixField__table thead{display:none}.rasd-MatrixField__table,.rasd-MatrixField__table tbody,.rasd-MatrixField__row,.rasd-MatrixField__table th,.rasd-MatrixField__table td{display:block;inline-size:100%}.rasd-MatrixField__row{padding-block:calc(var(--rasd-spacing-unit, 4px) * 2)}}.rasd-RankField__list{display:flex;flex-direction:column;gap:calc(var(--rasd-spacing-unit, 4px) * 2)}.rasd-RankField__item{display:flex;align-items:center;gap:calc(var(--rasd-spacing-unit, 4px) * 2);min-block-size:var(--rasd-control-min-touch, 48px);padding:calc(var(--rasd-spacing-unit, 4px) * 2);border:var(--rasd-control-border-width, 1px) solid var(--rasd-color-outline, #cbd5e1);border-radius:var(--rasd-radius-md, 8px);background-color:var(--rasd-color-surface, #ffffff)}.rasd-RankField__position{inline-size:calc(var(--rasd-spacing-unit, 4px) * 7);block-size:calc(var(--rasd-spacing-unit, 4px) * 7);flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--rasd-radius-full, 999px);background-color:var(--rasd-color-surface-variant, #f3f4f6);color:var(--rasd-color-on-surface-variant, #374151)}.rasd-RankField__label{flex:1 1 auto;text-align:start}.rasd-RankField__actions{display:flex;gap:calc(var(--rasd-spacing-unit, 4px) * 1);flex-wrap:wrap}.rasd-Note,.rasd-UnsupportedField__body,.rasd-UnknownElement__body{padding:var(--rasd-spacing-stack, 16px);border-radius:var(--rasd-radius-md, 8px);background-color:var(--rasd-color-surface-variant, #f3f4f6);color:var(--rasd-color-on-surface-variant, #374151);border-inline-start:4px solid var(--rasd-color-info, #1d4ed8)}.rasd-Note[data-style=warning]{border-inline-start-color:var(--rasd-color-warning, #b7791f)}.rasd-Note[data-style=success]{border-inline-start-color:var(--rasd-color-success, #0f7b3f)}.rasd-UnsupportedField__title,.rasd-UnknownElement__title{font-weight:var(--rasd-typography-weights-medium, 500)}.rasd-Button{min-block-size:var(--rasd-control-min-touch, 48px);min-inline-size:var(--rasd-control-min-touch, 48px);padding-inline:calc(var(--rasd-spacing-unit, 4px) * 4);border:var(--rasd-control-border-width, 1px) solid var(--rasd-color-outline, #cbd5e1);border-radius:var(--rasd-radius-md, 8px);background-color:var(--rasd-color-surface, #ffffff);color:var(--rasd-color-on-surface, #111827);font:inherit;cursor:pointer;transition:background-color var(--rasd-motion-duration-ms, .15s) ease}.rasd-Button--primary{background-color:var(--rasd-color-primary, #0b6efd);color:var(--rasd-color-on-primary, #ffffff);border-color:var(--rasd-color-primary, #0b6efd)}.rasd-Button--danger{color:var(--rasd-color-error, #b3261e);border-color:var(--rasd-color-error, #b3261e)}.rasd-Button--ghost{border-color:transparent;background-color:transparent}.rasd-Button[disabled]{opacity:.5;cursor:not-allowed}.rasd-PageNav{display:flex;gap:calc(var(--rasd-spacing-unit, 4px) * 3);justify-content:space-between;flex-wrap:wrap;padding-block-start:var(--rasd-spacing-stack, 16px);border-block-start:var(--rasd-control-border-width, 1px) solid var(--rasd-color-outline, #cbd5e1)}.rasd-ErrorSummary{padding:var(--rasd-spacing-stack, 16px);border:2px solid var(--rasd-color-error, #b3261e);border-radius:var(--rasd-radius-md, 8px)}.rasd-ErrorSummary__title{font-weight:var(--rasd-typography-weights-bold, 700);margin-block-end:calc(var(--rasd-spacing-unit, 4px) * 2)}.rasd-ErrorSummary__list{display:flex;flex-direction:column;gap:calc(var(--rasd-spacing-unit, 4px) * 1);list-style:decimal inside}.rasd-ErrorSummary__link{color:var(--rasd-color-error, #b3261e);text-align:start}.rasd-root--unstyled .rasd-FormRenderer,.rasd-root--unstyled .rasd-Page,.rasd-root--unstyled .rasd-FieldWrapper,.rasd-root--unstyled .rasd-Group,.rasd-root--unstyled .rasd-Repeat{display:initial;gap:initial;padding:initial;border:initial;background:initial}}:root{color-scheme:light dark}html,body{margin:0;min-block-size:100%}body{background-color:var(--demo-page, #f3f4f6)}#root>.rasd-root{min-block-size:100vh;padding:var(--rasd-spacing-page, 16px);display:flex;flex-direction:column;gap:var(--rasd-spacing-stack, 16px)}.demo-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(var(--rasd-spacing-unit, 4px) * 3);padding-block-end:calc(var(--rasd-spacing-unit, 4px) * 3);border-block-end:1px solid var(--rasd-color-outline, #d1d5db)}.demo-title h1{margin:0;font-size:calc(var(--rasd-typography-base-size, 16px) * 1.35);font-weight:var(--rasd-typography-weights-bold, 700);line-height:1.25}.demo-title p{margin:0;color:var(--rasd-color-on-surface-variant, #4b5563);font-size:calc(var(--rasd-typography-base-size, 16px) * .85)}.demo-controls{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--rasd-spacing-unit, 4px) * 2)}.demo-button{min-block-size:var(--rasd-control-min-touch, 48px);padding-inline:calc(var(--rasd-spacing-unit, 4px) * 4);border:var(--rasd-control-border-width, 1px) solid var(--rasd-color-outline, #d1d5db);border-radius:var(--rasd-radius-md, 8px);background-color:var(--rasd-color-surface-variant, #f3f4f6);color:var(--rasd-color-on-surface, #111827);font:inherit;font-weight:var(--rasd-typography-weights-medium, 500);cursor:pointer}.demo-button:hover{border-color:var(--rasd-color-primary, #0a6ed1)}.demo-button:focus-visible{outline:2px solid var(--rasd-color-focus, #0a6ed1);outline-offset:2px}.demo-pill{display:inline-flex;align-items:center;gap:calc(var(--rasd-spacing-unit, 4px) * 1.5);padding-block:calc(var(--rasd-spacing-unit, 4px) * 2);padding-inline:calc(var(--rasd-spacing-unit, 4px) * 3);border-radius:var(--rasd-radius-full, 999px);background-color:var(--rasd-color-surface-variant, #f3f4f6);color:var(--rasd-color-on-surface-variant, #4b5563);font-size:calc(var(--rasd-typography-base-size, 16px) * .85);font-variant-numeric:tabular-nums}.demo-pill[data-saved=true]{color:var(--rasd-color-success, #15803d)}.demo-pill[data-persisted=false]{color:var(--rasd-color-warning, #92400e)}.demo-pill[data-low=true]{color:var(--rasd-color-error, #b91c1c)}.demo-linkButton{border:0;padding:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.demo-toast{position:fixed;inset-block-end:calc(var(--rasd-spacing-unit, 4px) * 4);inset-inline-start:50%;transform:translate(-50%);z-index:50;display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--rasd-spacing-unit, 4px) * 4);max-inline-size:min(36rem,calc(100vw - 2rem));padding:calc(var(--rasd-spacing-unit, 4px) * 4);border-radius:var(--rasd-radius-md, 8px);background-color:var(--rasd-color-surface, #ffffff);color:var(--rasd-color-on-surface, #111827);box-shadow:0 8px 28px #0000003d}.demo-toast p{margin:calc(var(--rasd-spacing-unit, 4px)) 0 0;font-size:calc(var(--rasd-typography-base-size, 16px) * .9);color:var(--rasd-color-on-surface-variant, #4b5563)}.demo-toast__actions{display:flex;gap:calc(var(--rasd-spacing-unit, 4px) * 2);margin-inline-start:auto}.demo-notice{margin:0;padding:calc(var(--rasd-spacing-unit, 4px) * 3);border-radius:var(--rasd-radius-md, 8px);background-color:var(--rasd-color-surface-variant, #f3f4f6);color:var(--rasd-color-on-surface-variant, #4b5563)}.demo-notice--error{background-color:transparent;border:var(--rasd-control-border-width, 1px) solid var(--rasd-color-error, #b91c1c);color:var(--rasd-color-error, #b91c1c)}.demo-button[disabled]{opacity:.55;cursor:not-allowed}.demo-notice[data-kind=offline]{border:var(--rasd-control-border-width, 1px) dashed var(--rasd-color-outline, #d1d5db);background-color:transparent}.demo-notice[data-kind=ok]{border:var(--rasd-control-border-width, 1px) solid var(--rasd-color-success, #15803d);background-color:transparent;color:var(--rasd-color-success, #15803d)}.demo-rejected{padding:calc(var(--rasd-spacing-unit, 4px) * 4);border:var(--rasd-control-border-width, 1px) solid var(--rasd-color-error, #b91c1c);border-radius:var(--rasd-radius-lg, 12px);background-color:var(--rasd-color-surface, #ffffff)}.demo-rejected h2{margin:0 0 calc(var(--rasd-spacing-unit, 4px) * 1);font-size:calc(var(--rasd-typography-base-size, 16px) * 1.1);color:var(--rasd-color-error, #b91c1c)}.demo-rejected p{margin:0 0 calc(var(--rasd-spacing-unit, 4px) * 3);color:var(--rasd-color-on-surface-variant, #4b5563);font-size:calc(var(--rasd-typography-base-size, 16px) * .85)}.demo-rejected ul{margin:0;padding-inline-start:calc(var(--rasd-spacing-unit, 4px) * 5);display:flex;flex-direction:column;gap:calc(var(--rasd-spacing-unit, 4px) * 2)}.demo-rejected li{font-size:calc(var(--rasd-typography-base-size, 16px) * .9)}.demo-rejected code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;direction:ltr;unicode-bidi:isolate}.demo-rejected [data-part=code]{display:inline-block;margin-inline:calc(var(--rasd-spacing-unit, 4px) * 2);padding-inline:calc(var(--rasd-spacing-unit, 4px) * 2);border-radius:var(--rasd-radius-sm, 4px);background-color:var(--rasd-color-error, #b91c1c);color:var(--rasd-color-on-error, #ffffff);font-size:.8em;direction:ltr;unicode-bidi:isolate}.demo-receipt{padding:calc(var(--rasd-spacing-unit, 4px) * 4);border:var(--rasd-control-border-width, 1px) solid var(--rasd-color-success, #15803d);border-radius:var(--rasd-radius-lg, 12px);background-color:var(--rasd-color-surface, #ffffff);box-shadow:var(--rasd-elevation-sm, 0 1px 2px rgb(0 0 0 / .08))}.demo-receipt h2{margin:0 0 calc(var(--rasd-spacing-unit, 4px) * 2);font-size:calc(var(--rasd-typography-base-size, 16px) * 1.1);color:var(--rasd-color-success, #15803d)}.demo-receipt dl{margin:0 0 calc(var(--rasd-spacing-unit, 4px) * 3);display:grid;grid-template-columns:auto 1fr;gap:calc(var(--rasd-spacing-unit, 4px) * 1) calc(var(--rasd-spacing-unit, 4px) * 3)}.demo-receipt dt{color:var(--rasd-color-on-surface-variant, #4b5563);font-size:calc(var(--rasd-typography-base-size, 16px) * .85)}.demo-receipt dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--rasd-typography-base-size, 16px) * .85);overflow-wrap:anywhere;direction:ltr;text-align:start}.demo-main{flex:1}@media(max-width:640px){.demo-header{flex-direction:column;align-items:stretch}}.demo-mode{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--rasd-color-outline, #d0d7de);border-radius:var(--rasd-radius-md, 8px)}.demo-mode .demo-button{border:none}.demo-mode .demo-button[data-active=true]{background:var(--rasd-color-primary, #1f6feb);color:var(--rasd-color-on-primary, #ffffff)}.demo-build{display:flex;flex-direction:column;block-size:clamp(32rem,calc(100vh - 10rem),90rem)}.demo-build .rasd-builder{flex:1;min-block-size:0;border:1px solid var(--rasd-color-outline, #d0d7de);border-radius:var(--rasd-radius-md, 8px);overflow:hidden}.demo-license{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--rasd-spacing-unit, 4px) * 2);padding-block-start:calc(var(--rasd-spacing-unit, 4px) * 2);border-block-start:1px dashed var(--rasd-color-outline, #d1d5db)}.demo-license-title{font-weight:var(--rasd-typography-weights-bold, 700);font-size:calc(var(--rasd-typography-base-size, 16px) * .85);color:var(--rasd-color-on-surface-variant, #4b5563);text-transform:uppercase;letter-spacing:.04em}.demo-license-badge{padding-block:calc(var(--rasd-spacing-unit, 4px) * 1.5);padding-inline:calc(var(--rasd-spacing-unit, 4px) * 3);border-radius:var(--rasd-radius-full, 999px);font-size:calc(var(--rasd-typography-base-size, 16px) * .85);font-weight:var(--rasd-typography-weights-bold, 700);background:var(--rasd-color-surface-variant, #f3f4f6);color:var(--rasd-color-on-surface-variant, #4b5563)}.demo-license-badge[data-state=trial]{background:color-mix(in srgb,var(--rasd-color-info, #1d4ed8) 15%,transparent);color:var(--rasd-color-info, #1d4ed8)}.demo-license-badge[data-state=active]{background:color-mix(in srgb,var(--rasd-color-success, #15803d) 15%,transparent);color:var(--rasd-color-success, #15803d)}.demo-license-badge[data-state=grace]{background:color-mix(in srgb,var(--rasd-color-warning, #b7791f) 18%,transparent);color:var(--rasd-color-warning, #b7791f)}.demo-license-badge[data-state=limited],.demo-license-badge[data-state=invalid]{background:color-mix(in srgb,var(--rasd-color-error, #b3261e) 14%,transparent);color:var(--rasd-color-error, #b3261e)}.demo-license-token{display:inline-flex;align-items:center;gap:calc(var(--rasd-spacing-unit, 4px) * 1)}.demo-license-token input{inline-size:clamp(10rem,24vw,18rem);padding-block:calc(var(--rasd-spacing-unit, 4px) * 1.5);padding-inline:calc(var(--rasd-spacing-unit, 4px) * 2);border:1px solid var(--rasd-color-outline, #d1d5db);border-radius:var(--rasd-radius-md, 8px);background:var(--rasd-color-surface, #ffffff);color:var(--rasd-color-on-surface, #111827);font-size:calc(var(--rasd-typography-base-size, 16px) * .85)}.demo-license-note{flex-basis:100%;margin:0;color:var(--rasd-color-on-surface-variant, #4b5563);font-size:calc(var(--rasd-typography-base-size, 16px) * .85)}.demo-license-note--error{color:var(--rasd-color-error, #b3261e)}