:root,:host{--product-sys-font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--product-sys-font-family-heading:Inter, system-ui, -apple-system, sans-serif;--product-space-none:0;--product-space-xs:4px;--product-space-sm:8px;--product-space-md:12px;--product-space-lg:16px;--product-space-xl:24px;--product-color-primary:#4f46e5;--product-color-on-primary:#fff;--product-color-secondary:#eef0f6;--product-color-accent:#0369a1;--product-color-surface:#fff;--product-color-on-surface:#111827;--product-color-muted:#6b7280;--product-color-border:#e5e7eb;--product-color-success:#15803d;--product-color-warning:#b45309;--product-color-danger:#dc2626;--product-color-locked:#9ca3af;--product-color-in-progress:#0369a1;--product-color-completed:#166534;--product-radius-none:0;--product-radius-sm:8px;--product-radius-md:12px;--product-radius-lg:20px;--product-radius-pill:72px;--product-font-display-l:700 24px / 1.1667 var(--product-sys-font-family-heading);--product-font-title-m:700 18px / 1.3333 var(--product-sys-font-family-heading);--product-font-title-s:500 16px / 1.5 var(--product-sys-font-family);--product-font-body-m:400 14px / 1.4286 var(--product-sys-font-family);--product-font-body-s:400 12px / 1.3333 var(--product-sys-font-family);--product-font-caption:500 10px / 1.2 var(--product-sys-font-family);--product-font-numeric-l:600 20px / 1.2 var(--product-sys-font-family);--product-tracking-display-l:0;--product-tracking-title-m:0;--product-tracking-title-s:0;--product-tracking-body-m:0;--product-tracking-body-s:0;--product-tracking-caption:0;--product-tracking-numeric-l:0;--product-type-size-display-l:24px;--product-type-weight-display-l:700;--product-type-line-display-l:1.1667;--product-type-family-display-l:var(--product-sys-font-family-heading);--product-type-size-title-m:18px;--product-type-weight-title-m:700;--product-type-line-title-m:1.3333;--product-type-family-title-m:var(--product-sys-font-family-heading);--product-type-size-title-s:16px;--product-type-weight-title-s:500;--product-type-line-title-s:1.5;--product-type-family-title-s:var(--product-sys-font-family);--product-type-size-body-m:14px;--product-type-weight-body-m:400;--product-type-line-body-m:1.4286;--product-type-family-body-m:var(--product-sys-font-family);--product-type-size-body-s:12px;--product-type-weight-body-s:400;--product-type-line-body-s:1.3333;--product-type-family-body-s:var(--product-sys-font-family);--product-type-size-caption:10px;--product-type-weight-caption:500;--product-type-line-caption:1.2;--product-type-family-caption:var(--product-sys-font-family);--product-type-size-numeric-l:20px;--product-type-weight-numeric-l:600;--product-type-line-numeric-l:1.2;--product-type-family-numeric-l:var(--product-sys-font-family);--product-elevation-none:none;--product-elevation-low:0 1px 2px #1118271f;--product-elevation-medium:0 8px 20px #1118272e;--product-gradient-brand-backdrop:linear-gradient(90deg, #eef2ff 0%, #f0f9ff 100%);--product-role-badge-tone-neutral-background:var(--product-color-secondary);--product-role-badge-tone-neutral-foreground:var(--product-color-on-surface);--product-role-badge-tone-neutral-border:transparent;--product-role-badge-tone-neutral-border-width:0;--product-role-badge-tone-success-background:var(--product-color-success);--product-role-badge-tone-success-foreground:var(--product-color-on-primary);--product-role-badge-tone-success-border:transparent;--product-role-badge-tone-success-border-width:0;--product-role-badge-tone-warning-background:var(--product-color-warning);--product-role-badge-tone-warning-foreground:var(--product-color-on-primary);--product-role-badge-tone-warning-border:transparent;--product-role-badge-tone-warning-border-width:0;--product-role-badge-tone-danger-background:var(--product-color-danger);--product-role-badge-tone-danger-foreground:var(--product-color-on-primary);--product-role-badge-tone-danger-border:transparent;--product-role-badge-tone-danger-border-width:0;--product-role-badge-tone-accent-background:var(--product-color-accent);--product-role-badge-tone-accent-foreground:var(--product-color-on-primary);--product-role-badge-tone-accent-border:transparent;--product-role-badge-tone-accent-border-width:0;--product-role-button-variant-primary-background:var(--product-color-primary);--product-role-button-variant-primary-foreground:var(--product-color-on-primary);--product-role-button-variant-primary-border:transparent;--product-role-button-variant-primary-border-width:0;--product-role-button-variant-secondary-background:var(--product-color-surface);--product-role-button-variant-secondary-foreground:var(--product-color-primary);--product-role-button-variant-secondary-border:var(--product-color-primary);--product-role-button-variant-secondary-border-width:1px;--product-role-button-variant-ghost-background:transparent;--product-role-button-variant-ghost-foreground:var(--product-color-primary);--product-role-button-variant-ghost-border:transparent;--product-role-button-variant-ghost-border-width:0;--product-align-start:start;--product-align-center:center;--product-align-end:end;--product-asset-logo:linear-gradient(135deg, #4f46e5 0%, #312e81 100%);--product-asset-banner:linear-gradient(135deg, #0369a1 0%, #4f46e5 100%);--product-asset-placeholder:repeating-linear-gradient(45deg, #e5e7eb 0, #e5e7eb 8px, #d1d5db 8px, #d1d5db 16px)}.canvas{padding:var(--app-space-lg) var(--app-space-xl) var(--app-space-xxxl);background-color:var(--app-color-canvas-bg);background-image:radial-gradient(var(--app-color-canvas-dot) var(--app-size-border), transparent var(--app-size-border));background-size:var(--app-space-lg) var(--app-space-lg);justify-content:safe center;align-items:flex-start;display:flex;overflow:auto}.canvas__frame{border-radius:var(--app-radius-device);background-color:var(--product-color-surface);color:var(--product-color-on-surface);box-shadow:0 0 0 var(--app-size-border) var(--app-color-border-strong), var(--app-shadow-medium);zoom:var(--canvas-zoom,1);flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.canvas__frame[data-platform=web]{border-radius:var(--app-radius-md)}.canvas__frame>.canvas-node{flex-direction:column;flex:1;display:flex;background:0 0!important}.canvas__frame>.canvas-node>.preview-screen{flex:1}.device-status{padding-inline:var(--app-space-xl);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-semibold);pointer-events:none;-webkit-user-select:none;user-select:none;direction:ltr;flex:none;justify-content:space-between;align-items:center;line-height:1;display:flex;position:relative}.device-status[data-status-icons=light]{color:var(--app-color-device-light)}.device-status[data-status-icons=dark]{color:var(--app-color-device-cutout)}.device-status[data-platform=android]{padding-inline:var(--app-space-lg);font-weight:var(--app-font-weight-medium)}.device-status[data-cutout=island]{font-size:var(--app-font-size-lg)}.device-status__clock{font-variant-numeric:tabular-nums}.device-status__icons{block-size:var(--app-font-size-xs);flex:none}.device-status__cutout{border-radius:var(--app-radius-pill);background:var(--app-color-device-cutout);position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.device-status[data-cutout=island] .device-status__cutout{inline-size:calc(var(--app-space-xxxl) * 2 + var(--app-space-xl));block-size:var(--app-space-xxl)}.device-status[data-cutout=hole] .device-status__cutout{inline-size:var(--app-space-md);block-size:var(--app-space-md)}.device-home{pointer-events:none;flex:none;justify-content:center;align-items:center;display:flex}.device-home__bar{inline-size:calc(var(--app-space-xxxl) * 3 - var(--app-space-sm));block-size:var(--app-space-xs);border-radius:var(--app-radius-pill);background:currentColor}.device-home[data-platform=android] .device-home__bar{inline-size:calc(var(--app-space-xxxl) * 2);block-size:calc(var(--app-space-xs) - var(--app-size-border));opacity:.6}.canvas__frame[data-empty=true]{border:var(--app-space-hair) dashed var(--app-color-border-strong);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-none)}.canvas__frame[data-empty=true]>.device-status,.canvas__frame[data-empty=true]>.device-home,.canvas__frame[data-empty=true]>.canvas-node>.preview-screen>.preview-screen__body>.preview-screen__flow>.canvas-node__empty{display:none}.canvas__empty{inset:var(--app-space-none);padding:var(--app-space-xxl);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.canvas__empty>.ui-empty-state{gap:var(--app-space-md);padding:var(--app-space-none)}.canvas__empty .ui-empty-state__icon{inline-size:calc(var(--app-size-icon-md) * 2);block-size:calc(var(--app-size-icon-md) * 2);color:var(--app-color-accent)}.canvas-toolbar{z-index:var(--app-z-index-panel);gap:var(--app-space-sm);padding:calc(var(--app-space-sm) - var(--app-space-hair)) var(--app-space-md);background-color:var(--app-color-canvas-bg);background-image:radial-gradient(var(--app-color-canvas-dot) var(--app-size-border), transparent var(--app-size-border));background-position:0 100%;background-size:var(--app-space-lg) var(--app-space-lg);font-family:var(--app-font-family);flex-direction:column;display:flex;position:relative;container-type:inline-size}.canvas-toolbar__row{justify-items:center;gap:var(--app-space-sm);grid-template-columns:minmax(0,1fr);display:grid}.canvas-toolbar__slot{min-inline-size:var(--app-space-none);min-block-size:calc(var(--app-size-control-height) + var(--app-space-xs));justify-self:stretch;align-items:center;display:flex}.canvas-toolbar__slot[aria-hidden=true]{display:none}@container (width>=740px){.canvas-toolbar__row:not(:has(.canvas-toolbar__select)){align-items:center;gap:var(--app-space-md);grid-template-columns:minmax(min-content,1fr) auto minmax(0,1fr)}.canvas-toolbar__row:not(:has(.canvas-toolbar__select))>.canvas-toolbar__slot[aria-hidden=true]{display:block}}@container (width>=860px){.canvas-toolbar__row{align-items:center;gap:var(--app-space-md);grid-template-columns:minmax(min-content,1fr) auto minmax(0,1fr)}.canvas-toolbar__row>.canvas-toolbar__slot[aria-hidden=true]{display:block}}.canvas-toolbar__node{align-items:center;gap:var(--app-space-hair);min-inline-size:var(--app-space-none);padding:var(--app-space-hair);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-low);flex:0 auto;display:flex}.canvas-toolbar__node-name{max-inline-size:calc(var(--app-space-xxxl) * 4);padding-inline:var(--app-space-sm);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.canvas-toolbar__node>.canvas-node__actions{flex:none}.canvas-toolbar__view{justify-content:center;align-items:center;gap:var(--app-space-xs) var(--app-space-sm);max-inline-size:100%;padding:var(--app-space-xs) var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-xl);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-medium);flex-wrap:wrap;display:flex}.canvas-toolbar__field{align-items:center;gap:var(--app-space-xs);min-inline-size:var(--app-space-none);color:var(--app-color-text-muted);flex:0 auto;display:flex}.canvas-toolbar__icon{inline-size:var(--app-space-lg);block-size:var(--app-space-lg);flex:none}.ui-field.canvas-toolbar__device-select{max-inline-size:calc(var(--app-space-xxxl) * 3.5)}.canvas-toolbar__theme{inline-size:calc(var(--app-space-xl) + var(--app-space-xs));block-size:calc(var(--app-space-xl) + var(--app-space-xs));padding:var(--app-space-none);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-bg-sunken);color:var(--app-color-text);cursor:pointer;flex:none;justify-content:center;align-items:center;display:flex}.canvas-toolbar__theme:hover{border-color:var(--app-color-border-strong);background:var(--app-color-bg-raised2)}.canvas-toolbar__notice{inset-block-start:100%;inset-inline:var(--app-space-md);z-index:var(--app-z-index-panel);margin:var(--app-space-xs) var(--app-space-none) var(--app-space-none);padding:var(--app-space-xs) var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-sm);background:var(--app-color-bg-raised);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height);text-align:center;position:absolute}.canvas-toolbar__notice-action{font-size:inherit;margin-inline-start:var(--app-space-sm)}.canvas-toolbar__note{min-inline-size:var(--app-space-none);margin:var(--app-space-none);color:var(--app-color-text-faint);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height);text-align:center}.canvas-toolbar__hint{justify-content:center;align-items:baseline;gap:var(--app-space-xs) var(--app-space-md);min-inline-size:var(--app-space-none);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height);flex-wrap:wrap;display:flex}.canvas-toolbar__hint>.ui-link{font-size:inherit}.canvas-toolbar__hint-close{color:var(--app-color-text-faint)}.canvas-toolbar__hint-how{margin:var(--app-space-none);color:var(--app-color-text);text-align:center;flex-basis:100%}.ui-segmented.canvas-toolbar__zoom{flex:none;align-items:center}.ui-icon-button.canvas-toolbar__zoom-value{inline-size:auto;min-inline-size:var(--app-space-xxxl);padding:var(--app-space-none) var(--app-space-xs);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-sm);font-variant-numeric:tabular-nums}.ui-icon-button.canvas-toolbar__zoom-value:disabled{opacity:1;color:var(--app-color-text);cursor:default}.canvas-toolbar__theme:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.canvas-toolbar__condition{min-inline-size:var(--app-space-none);max-inline-size:calc(100% - var(--app-space-md) - var(--app-space-md));margin:var(--app-space-xs) var(--app-space-none) var(--app-space-none);padding:var(--app-space-hair) var(--app-space-sm);border:var(--app-size-border) dashed var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);color:var(--app-color-text-muted);cursor:pointer;font-family:var(--app-font-family);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height);text-align:start;text-overflow:ellipsis;white-space:nowrap;display:block;position:absolute;inset-block-start:100%;inset-inline-start:var(--app-space-md);overflow:hidden}.canvas-toolbar__condition[data-width-mark=true]{max-inline-size:48%;inset-inline-start:auto;inset-inline-end:var(--app-space-md)}.canvas-toolbar:has(>[data-width-mark=true])>.canvas-toolbar__condition:not([data-width-mark=true]){max-inline-size:48%}.canvas-toolbar__layer{padding:var(--app-space-hair) var(--app-space-sm);border-radius:var(--app-radius-lg);background:var(--app-color-accent);color:var(--app-color-accent-text);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-semibold);white-space:nowrap;flex:none}.canvas-toolbar__off-width{padding:var(--app-space-hair) var(--app-space-sm);border:var(--app-size-border) dashed var(--app-color-border-strong);border-radius:var(--app-radius-lg);color:var(--app-color-text-muted);cursor:pointer;font-family:var(--app-font-family);font-size:var(--app-font-size-xs);white-space:nowrap;background:0 0;flex:none}.canvas-toolbar__off-width[aria-pressed=true]{color:var(--app-color-text);border-style:solid}.canvas-toolbar__off-width:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.canvas-toolbar__condition:hover{color:var(--app-color-text)}.canvas-toolbar__condition:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.screen-tabs{align-items:center;gap:var(--app-space-xs);min-block-size:calc(var(--app-space-xxl) + var(--app-space-md));padding:var(--app-space-none) var(--app-space-md);border-block-end:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg-raised);font-family:var(--app-font-family);display:flex}.ui-segmented.screen-tabs__list{min-inline-size:var(--app-space-none);margin:var(--app-space-none);scrollbar-width:none;flex:0 auto;list-style:none;overflow-x:auto}.screen-tabs__item{flex:none}.ui-segmented__option.screen-tab{gap:var(--app-space-xs);max-inline-size:var(--app-size-palette-width);padding:var(--app-space-none) var(--app-space-md)}.ui-segmented__option.screen-tab:focus-visible{outline-offset:calc(-1 * var(--app-space-hair))}.screen-tab__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen-tab__initial{color:var(--app-color-accent);flex:none;line-height:1}.screen-tab__initial:before{content:"▸"}.screen-tab__modal{color:var(--app-color-text-faint);flex:none;line-height:1}.screen-tab__modal:before{content:"▤"}.screen-tab[data-dragging=true]{opacity:.4}.screen-tab[data-drop-over=true]:before,.screen-tabs__tail[data-drop-over=true]:before{content:"";inset-block:var(--app-space-xs);inline-size:var(--app-space-hair);border-radius:var(--app-radius-pill);background:var(--app-color-accent);position:absolute;inset-inline-start:var(--app-space-none)}.ui-segmented__option.screen-tab--overlay{border:var(--app-size-border) solid var(--app-color-accent);background:var(--app-color-bg-raised);color:var(--app-color-text);box-shadow:var(--app-shadow-medium);cursor:grabbing}.screen-tabs__tail{inline-size:var(--app-space-hair);flex:none;margin-inline-start:calc(-1 * var(--app-space-hair));position:relative}.screen-tabs__hint{inline-size:var(--app-size-border);block-size:var(--app-size-border);margin:calc(-1 * var(--app-size-border));padding:var(--app-space-none);clip-path:inset(50%);color:var(--app-color-text-faint);font-size:var(--app-font-size-xs);white-space:nowrap;position:absolute;overflow:hidden}.screen-tabs:has(.screen-tab:focus-visible) .screen-tabs__hint{block-size:auto;inline-size:auto;min-inline-size:var(--app-space-none);margin:var(--app-space-none);clip-path:none;text-overflow:ellipsis;flex:0 1000 auto;margin-inline-start:var(--app-space-sm);position:static}.screen-tabs__live{inline-size:var(--app-size-border);block-size:var(--app-size-border);margin:calc(-1 * var(--app-size-border));padding:var(--app-space-none);clip-path:inset(50%);white-space:nowrap;border:0;position:absolute;overflow:hidden}.canvas-icon{inline-size:calc(var(--app-space-md) + var(--app-space-hair));block-size:calc(var(--app-space-md) + var(--app-space-hair));flex:none}.canvas-node{cursor:pointer;outline:none;position:relative}.canvas-node,.canvas-node *,.canvas-node:before,.canvas-node:after,.canvas-node :before,.canvas-node :after{box-sizing:border-box}.canvas-node:after{content:"";inset:var(--app-space-none);border:var(--app-size-border) solid transparent;border-radius:var(--app-radius-sm);pointer-events:none;z-index:var(--app-z-index-panel);position:absolute}.canvas-node[data-rounded=true]:after{border-radius:inherit}.canvas-node:not([data-rounded=true]):has(>:is(.preview-text-field,.preview-switch,.preview-checkbox)):after{inset:calc(-1 * var(--app-space-hair))}.canvas-node:hover:not(:has(.canvas-node:hover),[data-selected=true],:focus-visible):after{border-color:var(--app-color-accent);opacity:.55}.canvas-node[data-selected=true]:after{border-width:var(--app-space-hair);border-color:var(--app-color-accent);opacity:1}.canvas-node:focus-visible:after{border-width:var(--app-space-hair);border-color:var(--app-color-accent);box-shadow:inset 0 0 0 var(--app-space-hair) var(--app-color-selection);opacity:1}.canvas-node[data-conditional=true]{outline:var(--app-size-border) dashed var(--app-color-border-strong);outline-offset:calc(-1 * var(--app-size-border))}.canvas-node__condition{padding-inline:var(--app-space-xs);background:var(--app-color-bg-raised);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height);pointer-events:none;z-index:var(--app-z-index-panel);border-end-start-radius:var(--app-radius-sm);position:absolute;inset-block-start:var(--app-space-none);inset-inline-end:var(--app-space-none)}.canvas-node__condition:before{content:"◇"}.canvas-node__issue{inline-size:var(--app-space-md);block-size:var(--app-space-md);background:var(--app-color-danger);color:var(--app-color-bg-raised);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);line-height:var(--app-space-md);text-align:center;cursor:default;z-index:var(--app-z-index-panel);border-end-end-radius:var(--app-radius-sm);position:absolute;inset-block-start:var(--app-space-none);inset-inline-start:var(--app-space-none)}.canvas-node__issue:before{content:"!"}.canvas-node__issue[data-inside=true]{border-radius:var(--app-radius-sm);inset-block-start:var(--app-space-xs);inset-inline-start:var(--app-space-xs)}.canvas-node:not(:has(.canvas-node)):has(.preview-value__badge)>.canvas-node__issue{inset-inline-start:calc(var(--app-space-lg) + var(--app-space-hair))}.canvas-node:not(:has(.canvas-node)):has(.preview-value__badge)>.canvas-node__issue[data-inside=true]{inset-inline-start:calc(var(--app-space-lg) + var(--app-space-xs) + var(--app-space-hair))}.canvas-node__disables{padding-inline:var(--app-space-xs);background:var(--app-color-bg-raised);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height);pointer-events:none;z-index:var(--app-z-index-panel);border-start-end-radius:var(--app-radius-sm);position:absolute;inset-block-end:var(--app-space-none);inset-inline-start:var(--app-space-none)}.canvas-node__disables:before{content:"⊘"}.preview-button[data-press-disabled=true],.preview-icon-button[data-press-disabled=true]{opacity:var(--product-sys-press-disabled)}.canvas-node[data-press-disabled=true],.canvas-node[data-press-disabled=true]>.preview-button,.canvas-node[data-press-disabled=true]>.preview-icon-button{cursor:default}.canvas-node__actions{align-items:center;gap:var(--app-space-hair);display:flex}.canvas-node__empty{padding:var(--app-space-md);border:var(--app-size-border) dashed var(--app-color-border-strong);border-radius:var(--app-radius-md);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);text-align:center}.canvas-node[data-node-type=Screen]{font:var(--product-font-body-m);letter-spacing:var(--product-tracking-body-m);color:var(--product-color-on-surface);--product-sys-safe-bottom:var(--app-space-none);--product-sys-safe-top:var(--app-space-none)}.preview-screen{min-block-size:var(--app-size-header-height);flex-direction:column;display:flex}.preview-screen__bar{flex-direction:column;flex:none;display:flex}.preview-screen__body,.preview-screen__flow{flex-direction:column;flex:1 0 auto;display:flex;position:relative}.preview-screen__bottom{flex-direction:column;flex:none;display:flex;position:relative}.preview-screen__pinned,.preview-screen__nav{flex-direction:column;display:flex}.preview-screen__bar>.canvas-node>.preview-app-bar,.preview-screen__top>.canvas-node>.preview-nav-bar{padding-block-start:var(--product-sys-safe-top)}.canvas__frame[data-status=overlay]>.device-status{inset-block-start:var(--app-space-none);inset-inline:var(--app-space-none);z-index:2;position:absolute}.preview-screen[data-body-top=screenTop]{position:relative}.preview-screen[data-body-top=screenTop]>.preview-screen__bar{inset-block-start:var(--app-space-none);inset-inline:var(--app-space-none);z-index:1;pointer-events:none;position:absolute}.preview-screen[data-body-top=screenTop]>.preview-screen__bar>.canvas-node{pointer-events:auto}.preview-screen[data-content-max]>.preview-screen__bar>.canvas-node>.preview-app-bar,.preview-screen[data-content-max]>.preview-screen__top>.canvas-node>.preview-nav-bar,.preview-screen[data-content-max]>.preview-screen__bottom>.preview-screen__nav>.canvas-node>.preview-nav-bar{inline-size:100%;max-inline-size:var(--product-sys-content-max);margin-inline:auto}.canvas-node[data-off-width=true]>:not(.canvas-node__condition,.canvas-node__zone){opacity:.4}.canvas__frame[data-off-width-nodes=hidden] :is(.canvas-node,.canvas-node__share,.canvas-node__layer)[data-off-width=true]{display:none}.preview-screen__bottom:not(:has(>.preview-screen__nav)){padding-block-end:var(--product-sys-safe-bottom)}.canvas-node[data-node-type=NavBar]{background:var(--product-color-surface);border-block-start:1px solid var(--product-color-border)}.preview-nav-bar{flex-direction:row;align-items:stretch;padding-block-end:var(--product-sys-safe-bottom);display:flex}.preview-nav-bar>.canvas-node{flex:1 1 0;min-inline-size:0;display:flex}.preview-nav-item{justify-content:center;align-items:center;gap:var(--product-space-xs);min-inline-size:0;padding:var(--product-space-sm) var(--product-space-xs);color:var(--product-named-color-secondary,var(--product-color-muted));flex-direction:column;flex:auto;display:flex}.preview-nav-item[data-active=true]{color:var(--product-named-color,var(--product-color-primary))}.preview-nav-item__label{max-inline-size:100%;font:var(--product-font-body-s);letter-spacing:var(--product-tracking-body-s);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-screen__top{flex-direction:column;flex:none;display:flex}.canvas-node[data-node-type=NavBar][data-nav-place=top]{border-block-start:0;border-block-end:1px solid var(--product-color-border)}.canvas-node[data-node-type=NavBar][data-nav-place=appBar]{background:0 0;border:0;flex:none}.preview-nav-bar[data-nav-place]{justify-content:flex-start;align-items:center;gap:var(--product-space-xs);padding-block-end:var(--product-space-none)}.preview-nav-bar[data-nav-place]>.canvas-node{flex:none}.preview-nav-bar[data-nav-place] .preview-nav-item{padding:var(--product-space-sm) var(--product-space-md);flex-direction:row;flex:none}.preview-nav-bar[data-nav-place] .preview-nav-item__icon{flex:none}.preview-nav-bar[data-nav-place] .preview-nav-item__label{max-inline-size:var(--product-sys-nav-label-max);font:var(--product-font-body-m);letter-spacing:var(--product-tracking-body-m);text-align:start}[data-nav-mode=icons] .preview-nav-bar[data-nav-place] .preview-nav-item,.preview-nav-bar[data-nav-place][data-nav-mode=icons] .preview-nav-item{gap:var(--product-space-none);position:relative}[data-nav-mode=icons] .preview-nav-bar[data-nav-place] .preview-nav-item__label,.preview-nav-bar[data-nav-place][data-nav-mode=icons] .preview-nav-item__label{inline-size:var(--app-space-hair);block-size:var(--app-space-hair);clip-path:inset(50%);max-inline-size:none;position:absolute;overflow:hidden}.preview-app-bar__nav{flex:none;align-items:center;display:flex}.preview-app-bar__nav:not(:last-child){margin-inline-end:calc(var(--product-space-sm) - var(--product-space-xs))}.canvas-node[data-own-height=true]{flex-direction:column;display:flex}.canvas-node[data-own-height=true]>[class^=preview-]{flex:auto;min-block-size:0}.canvas-node[data-own-width=true]>[class^=preview-]{inline-size:100%}.canvas-node[data-main-space]{flex-direction:column;display:flex}.canvas-node[data-main-space]>[class^=preview-]{flex:auto;min-block-size:0}.canvas-node[data-clamped-height=true]{flex-direction:column;display:flex}.canvas-node[data-clamped-height=true]>[class^=preview-image]{flex:auto;min-block-size:0}.canvas-node[data-role-surface=true]{display:flex}.canvas-node[data-role-surface=true]>:is(.preview-button,.preview-icon-button,.preview-badge){flex:auto;align-self:stretch;min-inline-size:0}.canvas-node[data-own-width=true]{max-inline-size:100%}.preview-row>.canvas-node[data-own-width=true],.preview-container[data-direction=row]>.canvas-node[data-own-width=true],.preview-repeater[data-direction=row]>.canvas-node[data-own-width=true]{max-inline-size:none}.preview-row[data-scrollable=true]>.canvas-node[data-row-stretch=true]{flex:none;inline-size:100%}.preview-carousel{gap:var(--product-space-sm);min-inline-size:var(--app-space-none);flex-direction:column;inline-size:100%;display:flex}.preview-row[data-carousel],.preview-repeater[data-carousel]{overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto}.preview-row[data-carousel]>*,.preview-repeater[data-carousel]>*{flex:none}.preview-row[data-carousel=cards]>*,.preview-repeater[data-carousel=cards]>*{inline-size:var(--product-sys-carousel-card);min-inline-size:var(--app-space-none);max-inline-size:none}.preview-carousel[data-snap=true]>[data-carousel]{scroll-snap-type:x mandatory}.preview-carousel[data-snap=true]>[data-carousel]>*{scroll-snap-align:start}.preview-carousel[data-snap=true]>[data-carousel]:focus-visible{outline:var(--app-size-border) solid var(--product-color-primary)}.preview-carousel__dots{justify-content:center;gap:var(--product-space-sm);flex-direction:row;display:flex}.preview-carousel__dot{inline-size:var(--product-space-sm);block-size:var(--product-space-sm);border-radius:var(--product-radius-pill);background:color-mix(in srgb, var(--product-color-primary) 30%, transparent)}.preview-carousel__dot[data-active=true]{background:var(--product-color-primary)}.canvas-node[data-tight-slot=true]{place-self:start;max-inline-size:100%}.canvas-node__share{display:flex}.canvas-node__share>.canvas-node{flex:auto;min-inline-size:0}.canvas-node[data-row-rigid=true]{flex-shrink:0;max-inline-size:100%}.preview-column{flex-direction:column;display:flex}[data-main-free$=-block]:before,[data-main-free$=-block]:after,[data-main-free$=-inline]:before,[data-main-free$=-inline]:after{content:"";flex:none;display:block}[data-main-free=center-block]:before,[data-main-free=end-block]:before{margin-block-start:auto;margin-block-end:calc(-1 * var(--main-gap,0px))}[data-main-free=center-block]:after{margin-block-start:calc(-1 * var(--main-gap,0px));margin-block-end:auto}[data-main-free=center-inline]:before,[data-main-free=end-inline]:before{margin-inline-start:auto;margin-inline-end:calc(-1 * var(--main-gap,0px))}[data-main-free=center-inline]:after{margin-inline-start:calc(-1 * var(--main-gap,0px));margin-inline-end:auto}.preview-column>*,.preview-container[data-direction=column]>*{flex-shrink:0}.preview-column>*{align-self:stretch}.preview-row{flex-direction:row;display:flex}.preview-grid{align-items:start;display:grid}.preview-stack{display:grid}.preview-stack>*{grid-area:1/1}.preview-stack>[data-fill=true]{place-self:stretch stretch;min-block-size:0;min-inline-size:0}.preview-stack>.canvas-node__layer{place-self:stretch stretch;justify-items:inherit;align-items:inherit;contain:size;pointer-events:none;min-block-size:0;min-inline-size:0;display:grid}.canvas-node__layer>.canvas-node{pointer-events:auto;max-inline-size:100%}.canvas-node[data-layer-rotated=true]{rotate:var(--layer-rotate)}[dir=rtl] .canvas-node[data-layer-rotated=true]{rotate:calc(-1 * var(--layer-rotate))}.preview-container{display:flex}.preview-text{margin:var(--product-space-none);overflow-wrap:anywhere}.preview-list-item{align-items:baseline;display:flex}.preview-list-item>.preview-text{min-inline-size:var(--product-space-none);flex:auto}.preview-list-item__marker{white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;justify-content:flex-end;display:flex}.preview-choice-group{flex-direction:column;display:flex}.preview-choice-group>*{align-self:stretch}.canvas-node[data-column-align=start]{align-self:flex-start}.canvas-node[data-column-align=center]{align-self:center}.canvas-node[data-column-align=end]{align-self:flex-end}.canvas-node[data-column-capped=true]{inline-size:-moz-available;inline-size:-webkit-fill-available;inline-size:stretch}.preview-app-bar{color:var(--product-named-color,var(--product-color-on-surface));grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr);align-items:center;display:grid;container-type:inline-size}.preview-app-bar__leading{justify-self:start;align-items:center;display:flex}.preview-app-bar__leading[data-leading=node]{box-sizing:border-box;min-inline-size:var(--product-space-none);max-inline-size:calc(50cqi + var(--product-space-sm))}.preview-app-bar[data-leading-tight]>.preview-app-bar__leading[data-leading=node]{max-inline-size:calc(var(--product-sys-leading-max) + var(--product-space-sm))}.preview-app-bar__leading[data-leading=node]>.canvas-node{min-inline-size:var(--product-space-none);max-inline-size:100%}.preview-app-bar__trailing{justify-self:end;gap:var(--product-space-xs);align-items:center;display:flex}.preview-app-bar__leading[data-filled=true]{padding-inline-end:var(--product-space-sm)}.preview-app-bar__trailing[data-filled=true]{padding-inline-start:var(--product-space-sm)}.preview-app-bar__back{inline-size:var(--product-space-xl);block-size:var(--product-space-xl);color:var(--product-named-color,var(--product-color-on-surface));font:var(--product-font-title-m);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;rotate:180deg}.preview-app-bar__back-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.preview-app-bar__back-button[aria-disabled=true]{cursor:default;opacity:.4}.preview-app-bar__back-button:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.preview-app-bar__body{gap:var(--product-space-xs);min-inline-size:var(--product-space-none);text-align:center;flex-direction:column;display:flex}.preview-app-bar__title{font:var(--product-font-title-m);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-app-bar__subtitle{color:var(--product-named-color-secondary,var(--product-color-muted));font:var(--product-font-body-s);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-app-bar[data-title-align=start]{grid-template-columns:max-content minmax(0,1fr) max-content}.preview-app-bar[data-title-align=start]>.preview-app-bar__body{text-align:start}.preview-tabs{gap:var(--product-space-md);flex-direction:column;display:flex}.preview-tabs__bar{gap:var(--product-space-lg);display:flex;overflow-x:auto}.preview-tabs__title{padding-block:var(--product-space-sm) calc(var(--product-space-sm) - var(--product-space-xs));border-block-end:var(--product-space-xs) solid transparent;font:var(--product-font-title-s);color:var(--product-named-color-secondary,var(--product-color-muted));white-space:nowrap;flex:none}.preview-tabs__title[role=tab]{cursor:pointer}.preview-tabs__title:focus-visible{border-radius:var(--product-radius-sm);outline:calc(var(--product-space-xs) / 2) solid var(--product-color-primary);outline-offset:var(--product-space-xs)}.preview-tabs__title[data-open=true]{color:var(--product-named-color,var(--product-color-primary));border-block-end-color:var(--product-color-primary)}.preview-tab{gap:var(--product-space-md);flex-direction:column;display:flex}.preview-tab__note{margin:var(--product-space-none);font:var(--product-font-caption);color:var(--product-color-muted)}.preview-accordion{gap:var(--product-space-sm);flex-direction:column;display:flex}.preview-accordion__header{align-items:center;gap:var(--product-space-sm);display:flex}.preview-accordion__title{min-inline-size:var(--product-space-none);font:var(--product-font-title-s);color:var(--product-named-color,var(--product-color-on-surface));overflow-wrap:anywhere;flex:1}.preview-accordion__chevron{color:var(--product-named-color-secondary,var(--product-color-muted));font:var(--product-font-title-m);flex:none;line-height:1}.preview-accordion[data-expanded=true] .preview-accordion__chevron{rotate:90deg}[dir=rtl] .preview-accordion[data-expanded=true] .preview-accordion__chevron{rotate:-90deg}.preview-accordion__body{gap:var(--product-space-sm);flex-direction:column;display:flex}.preview-accordion[data-expanded=false] .preview-accordion__body{padding:var(--app-space-sm);border:var(--app-size-border) dashed var(--app-color-border-strong);border-radius:var(--app-radius-md);opacity:.75}.preview-accordion__note{margin:var(--product-space-none);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs)}.preview-image{inline-size:100%}.preview-image--asset{background-position:50%;background-repeat:no-repeat;background-size:cover}.preview-image--url{object-fit:cover;display:block}.preview-image--binding{outline:var(--app-size-border) dotted var(--app-color-accent);outline-offset:var(--app-space-hair)}.preview-image--broken{justify-content:center;align-items:center;gap:var(--product-space-xs);padding:var(--product-space-sm);border:var(--app-size-border) dashed var(--product-color-danger);background:var(--product-color-secondary);color:var(--product-color-muted);font:var(--product-font-caption);text-align:center;flex-direction:column;display:flex;overflow:hidden}.preview-image__broken-glyph{color:var(--product-color-danger);font:var(--product-font-title-m);line-height:1}.preview-image__broken-host{overflow-wrap:anywhere;max-inline-size:100%;color:var(--product-color-on-surface)}.preview-divider--horizontal{border-block-start:var(--app-size-border) solid var(--product-color-muted)}.preview-divider--vertical{border-inline-start:var(--app-size-border) solid var(--product-color-muted);min-block-size:var(--product-space-lg)}.preview-spacer--horizontal{inline-size:100%}.preview-spacer--vertical{min-block-size:var(--product-space-lg)}.preview-tile{align-items:center;gap:var(--product-space-sm);color:var(--product-named-color,var(--product-color-on-surface));display:flex}.preview-tile__body{min-inline-size:var(--product-space-none);flex-direction:column;flex:1;display:flex}.preview-tile__title{font:var(--product-font-title-s)}.preview-tile__subtitle{font:var(--product-font-body-s);color:var(--product-named-color-secondary,var(--product-color-muted))}.preview-tile__trailing{align-items:center;gap:var(--product-space-xs);font:var(--product-font-body-m);flex:none;display:flex}.preview-tile__trailing[data-part-styled=true]{font:var(--product-sys-part-font,var(--product-font-body-m));letter-spacing:var(--product-sys-part-tracking,inherit);color:var(--product-sys-part-color,inherit)}.preview-tile__trailing-column{flex-direction:column;flex:none;align-items:flex-end;display:flex}.preview-tile__caption{font:var(--product-sys-part-font,var(--product-font-body-s));letter-spacing:var(--product-sys-part-tracking,var(--product-tracking-body-s));color:var(--product-sys-part-color,var(--product-named-color-secondary,var(--product-color-muted)));white-space:nowrap}.preview-tile__title[data-max-lines],.preview-tile__subtitle[data-max-lines]{-webkit-line-clamp:var(--product-sys-max-lines);line-clamp:var(--product-sys-max-lines);overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.preview-tile__plate{inline-size:var(--product-sys-plate-size);block-size:var(--product-sys-plate-size);border-radius:var(--product-sys-plate-radius,var(--product-radius-sm));background:var(--product-sys-plate-color,transparent);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.preview-tile__chevron{color:var(--product-named-color-secondary,var(--product-color-muted));font:var(--product-font-title-s);flex:none}.preview-tile__image{inline-size:calc(2 * var(--product-space-xl));block-size:calc(2 * var(--product-space-xl));border-radius:var(--product-radius-sm);flex:none;display:block;overflow:hidden}.preview-tile__image>*{block-size:100%}.preview-tile__radio{inline-size:var(--product-space-lg);block-size:var(--product-space-lg);border:var(--app-size-border) solid var(--product-color-muted);border-radius:var(--product-radius-pill);flex:none;display:inline-block}.preview-tile__radio[data-selected=true]{border-color:var(--product-color-primary);background:var(--product-color-primary);box-shadow:inset 0 0 0 var(--app-space-hair) var(--product-color-surface)}.preview-icon{color:var(--product-named-color,var(--product-color-primary));flex:none}.preview-icon[data-own-color=true]{color:var(--product-sys-part-color,var(--product-named-color,var(--product-color-primary)))}[class*=preview-icon--]:before{content:"";block-size:1lh;inline-size:1em;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--product-sys-icon-mask,linear-gradient(transparent, transparent));mask-image:var(--product-sys-icon-mask,linear-gradient(transparent, transparent));background-color:currentColor;flex:none;display:block}[dir=rtl] [data-icon-mirrored]:before{scale:-1 1}.preview-glyph{justify-content:center;align-items:center;display:flex}.preview-beside-icon{flex:none;justify-content:center;align-items:center;display:flex}.preview-glyph--sm{font:var(--product-font-body-s)}.preview-glyph--md{font:var(--product-font-title-m)}.preview-glyph--lg{font:var(--product-font-display-l)}.preview-button{justify-content:center;align-items:center;gap:var(--product-space-xs);padding:var(--product-space-sm) var(--product-space-md);border-radius:var(--product-radius-md);font:var(--product-font-title-s);text-align:center;display:inline-flex}.preview-button[data-size=sm]{padding:var(--product-space-xs) var(--product-space-md);font:var(--product-font-body-m)}.preview-button[data-size=lg]{padding:var(--product-space-md) var(--product-space-lg);font:var(--product-font-title-m)}.preview-icon-button{padding:var(--product-space-sm);border-radius:var(--product-radius-pill);font:var(--product-font-title-s);justify-content:center;align-items:center;display:inline-flex;position:relative}.preview-icon-button[data-size=sm]{padding:var(--product-space-xs);font:var(--product-font-body-m)}.preview-icon-button[data-size=lg]{padding:var(--product-space-md);font:var(--product-font-title-m)}.preview-icon-button__glyph{flex:none;justify-content:center;align-items:center;inline-size:1lh;display:flex}.preview-glyph[data-glyph-own]:before,.preview-icon-button__glyph[data-glyph-own]:before{inline-size:var(--product-sys-glyph-size);block-size:var(--product-sys-glyph-size);min-inline-size:var(--product-space-none);min-block-size:var(--product-space-none);flex:0 auto;max-block-size:100%;max-inline-size:100%}.preview-icon-button__glyph[data-glyph-own]{inline-size:auto;min-inline-size:var(--product-space-none);min-block-size:var(--product-space-none);flex:auto;align-self:stretch}.preview-icon-button__name,.canvas-node__press-name{inline-size:var(--app-size-border);block-size:var(--app-size-border);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.preview-button--full{inline-size:100%;display:flex}.preview-button--primary{border:var(--product-role-button-variant-primary-border-width) solid var(--product-role-button-variant-primary-border);background:var(--product-role-button-variant-primary-background);color:var(--product-role-button-variant-primary-foreground)}.preview-button--secondary{border:var(--product-role-button-variant-secondary-border-width) solid var(--product-role-button-variant-secondary-border);background:var(--product-role-button-variant-secondary-background);color:var(--product-role-button-variant-secondary-foreground)}.preview-button--ghost{border:var(--product-role-button-variant-ghost-border-width) solid var(--product-role-button-variant-ghost-border);background:var(--product-role-button-variant-ghost-background);color:var(--product-role-button-variant-ghost-foreground)}.preview-value--binding{text-underline-offset:var(--app-space-hair);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.preview-value--untranslated{color:var(--app-color-warning);-webkit-text-decoration:underline dashed var(--app-color-warning);text-decoration:underline dashed var(--app-color-warning);text-underline-offset:var(--app-space-hair)}.preview-value__badge{opacity:.7;margin-inline-end:var(--app-space-hair)}.preview-text-field{gap:var(--product-space-xs);min-inline-size:var(--product-space-none);flex-direction:column;display:flex}.preview-text-field[data-disabled=true],.preview-switch[data-disabled=true],.preview-checkbox[data-disabled=true]{opacity:var(--product-sys-input-disabled)}.preview-required{color:var(--product-color-danger);margin-inline-start:var(--product-space-xs)}.preview-text-field__label{font:var(--product-font-body-s);letter-spacing:var(--product-tracking-body-s);color:var(--product-color-muted)}.preview-text-field__box{box-sizing:border-box;inline-size:100%;block-size:var(--product-sys-field-height,calc(var(--product-sys-input-lines) * 1lh + 2 * var(--product-space-md) + 2 * var(--product-sys-input-border)));margin:var(--product-space-none);padding:var(--product-space-md);border:var(--product-sys-input-border) solid var(--product-sys-field-border-color,var(--product-color-border));border-radius:var(--product-sys-field-radius,var(--product-radius-sm));background:var(--product-sys-field-background,var(--product-color-surface));color:var(--product-color-on-surface);font:var(--product-font-body-m);letter-spacing:var(--product-tracking-body-m);text-align:start;white-space:nowrap;display:block;overflow:hidden}.preview-text-field__box[data-multiline=true]{white-space:pre-wrap;overflow-wrap:anywhere}.preview-text-field__box[data-field-height=true]{padding-block:var(--product-space-none)}span.preview-text-field__box[data-field-height=true]{align-items:center;display:flex}.preview-text-field__box[data-affixed=true]{align-items:center;gap:var(--product-space-sm);display:flex}.preview-text-field__box[data-affixed=true][data-multiline=true]{align-items:flex-start}.preview-text-field__box[data-affixed=true]>:not(.preview-text-field__affix){min-inline-size:var(--product-space-none);text-align:-webkit-match-parent;text-align:match-parent;flex:1}.preview-text-field__affix{color:var(--product-color-muted);white-space:nowrap;flex:none;align-items:center;display:flex}.preview-text-field__bare{box-sizing:border-box;block-size:100%;margin:var(--product-space-none);padding:var(--product-space-none);color:inherit;font:inherit;letter-spacing:inherit;white-space:inherit;background:0 0;border:none}.preview-text-field__box[data-affixed=true]:has(.preview-text-field__bare:focus-visible){border-color:var(--product-color-primary);box-shadow:inset 0 0 0 var(--product-sys-input-ring) var(--product-color-primary)}.preview-text-field[data-state=error] .preview-text-field__box[data-affixed=true]:has(.preview-text-field__bare:focus-visible){border-color:var(--product-color-danger);box-shadow:inset 0 0 0 var(--product-sys-input-ring) var(--product-color-danger)}.preview-text-field__under{align-items:flex-start;gap:var(--product-space-sm);display:flex}.preview-text-field__under>:first-child{min-inline-size:var(--product-space-none);flex:1}.preview-text-field__counter{font:var(--product-font-body-s);letter-spacing:var(--product-tracking-body-s);color:var(--product-color-muted);white-space:nowrap;flex:none}.preview-text-field__input{appearance:none;resize:none;text-align:-webkit-match-parent;text-align:match-parent;outline:none}.preview-text-field__input[data-multiline=true]{overflow-y:auto}.preview-text-field__placeholder,.preview-text-field__input::placeholder{color:var(--product-color-muted);opacity:1}.preview-text-field__input:focus-visible{border-color:var(--product-color-primary);box-shadow:inset 0 0 0 var(--product-sys-input-ring) var(--product-color-primary)}.preview-text-field[data-state=error] .preview-text-field__box{border-color:var(--product-color-danger)}.preview-text-field[data-state=error] .preview-text-field__input:focus-visible{box-shadow:inset 0 0 0 var(--product-sys-input-ring) var(--product-color-danger)}.preview-text-field__note{font:var(--product-font-body-s);letter-spacing:var(--product-tracking-body-s);color:var(--product-color-muted)}.preview-text-field__note[data-kind=error]{color:var(--product-color-danger)}.preview-switch,.preview-checkbox{box-sizing:border-box;inline-size:100%;min-inline-size:var(--product-space-none);margin:var(--product-space-none);padding:var(--product-space-none);border:var(--product-space-none);color:var(--product-color-on-surface);font:var(--product-font-body-m);letter-spacing:var(--product-tracking-body-m);text-align:start;background:0 0;display:flex}.preview-switch:focus-visible,.preview-checkbox:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.preview-switch{align-items:center;gap:var(--product-space-md)}.preview-switch__label,.preview-checkbox__label{min-inline-size:var(--product-space-none);overflow-wrap:anywhere;flex:auto}.preview-switch__track{inline-size:var(--product-sys-switch-width);block-size:var(--product-sys-switch-height);border-radius:var(--product-radius-pill);background:var(--product-color-muted);flex:none;position:relative}.preview-switch__thumb{inline-size:var(--product-sys-switch-thumb);block-size:var(--product-sys-switch-thumb);background:var(--product-color-surface);border-radius:50%;position:absolute;inset-block-start:calc((var(--product-sys-switch-height) - var(--product-sys-switch-thumb)) / 2);inset-inline-start:var(--product-sys-switch-offset)}.preview-switch[data-on=true] .preview-switch__track{background:var(--product-color-primary)}.preview-switch[data-on=true] .preview-switch__thumb{background:var(--product-color-on-primary)}.preview-checkbox{align-items:flex-start;gap:var(--product-space-sm)}.preview-checkbox__box{box-sizing:border-box;inline-size:var(--product-sys-checkbox-size);block-size:var(--product-sys-checkbox-size);border:var(--product-sys-checkbox-border) solid var(--product-color-muted);border-radius:var(--product-sys-checkbox-radius);color:var(--product-color-on-primary);flex:none;justify-content:center;align-items:center;margin-block-start:max(var(--product-space-none), calc((1lh - var(--product-sys-checkbox-size)) / 2));display:flex}.preview-checkbox[data-on=true] .preview-checkbox__box{border-color:var(--product-color-primary);background:var(--product-color-primary)}.preview-checkbox__mark{font-size:var(--product-sys-checkbox-mark);line-height:1}.preview-progress{gap:var(--product-space-xs);flex-direction:column;inline-size:100%;display:flex}.preview-progress__track{inline-size:100%;block-size:var(--product-space-sm);border-radius:var(--product-radius-pill);overflow:hidden}.preview-progress__fill{border-radius:var(--product-radius-pill);block-size:100%}[dir=rtl] .preview-progress__fill{--product-sys-progress-line:270deg}.preview-progress__segments{gap:var(--product-space-xs);inline-size:100%;min-inline-size:calc((var(--product-sys-segments-count) - 1) * var(--product-space-xs));flex-direction:row;display:flex}.preview-progress__segment{min-inline-size:var(--app-space-none);border-radius:var(--product-radius-pill);flex:1 1 0;block-size:100%;position:relative;overflow:hidden}.preview-progress__segment-fill{inline-size:calc(var(--product-sys-segments-filled) * 100% + (var(--product-sys-segments-filled) - 1) * var(--product-space-xs));position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--product-sys-segment-index) * (100% + var(--product-space-xs)))}[dir=rtl] .preview-progress__segment-fill{--product-sys-progress-line:270deg}.preview-progress__label{font:var(--product-font-caption);color:var(--product-color-muted);text-align:end}.preview-circular-progress-slot{flex:none;inline-size:fit-content;display:flex;position:relative}.preview-circular-progress-slot[data-ring-box=true]{justify-content:center;align-items:center;inline-size:100%;display:flex}.canvas-node[data-fill=true]>.preview-circular-progress-slot[data-ring-box=true]{block-size:100%}.preview-circular-progress__label{inset:var(--product-space-none);color:var(--product-color-on-surface);font:var(--product-font-caption);font-variant-numeric:tabular-nums;white-space:pre;justify-content:center;align-items:center;display:flex;position:absolute}.preview-circular-progress{border-radius:var(--product-radius-pill);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--product-sys-ring-thickness,var(--product-space-sm))), black calc(100% - var(--product-sys-ring-thickness,var(--product-space-sm))), black 100%, transparent 100%);mask:radial-gradient(farthest-side, transparent calc(100% - var(--product-sys-ring-thickness,var(--product-space-sm))), black calc(100% - var(--product-sys-ring-thickness,var(--product-space-sm))), black 100%, transparent 100%);flex:none}.preview-circular-progress--sm{inline-size:calc(2 * var(--product-space-xl));block-size:calc(2 * var(--product-space-xl))}.preview-circular-progress--md{inline-size:calc(3 * var(--product-space-xl));block-size:calc(3 * var(--product-space-xl))}.preview-circular-progress--lg{inline-size:calc(4 * var(--product-space-xl));block-size:calc(4 * var(--product-space-xl))}.preview-badge{align-self:start;align-items:center;gap:var(--product-space-xs);padding:var(--product-space-xs) var(--product-space-sm);border-radius:var(--product-radius-pill);font:var(--product-font-caption);display:inline-flex}.preview-badge--neutral{border:var(--product-role-badge-tone-neutral-border-width) solid var(--product-role-badge-tone-neutral-border);background:var(--product-role-badge-tone-neutral-background);color:var(--product-role-badge-tone-neutral-foreground)}.preview-badge--success{border:var(--product-role-badge-tone-success-border-width) solid var(--product-role-badge-tone-success-border);background:var(--product-role-badge-tone-success-background);color:var(--product-role-badge-tone-success-foreground)}.preview-badge--warning{border:var(--product-role-badge-tone-warning-border-width) solid var(--product-role-badge-tone-warning-border);background:var(--product-role-badge-tone-warning-background);color:var(--product-role-badge-tone-warning-foreground)}.preview-badge--danger{border:var(--product-role-badge-tone-danger-border-width) solid var(--product-role-badge-tone-danger-border);background:var(--product-role-badge-tone-danger-background);color:var(--product-role-badge-tone-danger-foreground)}.preview-badge--accent{border:var(--product-role-badge-tone-accent-border-width) solid var(--product-role-badge-tone-accent-border);background:var(--product-role-badge-tone-accent-background);color:var(--product-role-badge-tone-accent-foreground)}.canvas-node__styled{inline-size:var(--app-space-md);block-size:var(--app-space-md);border:var(--app-size-border) solid var(--app-color-warning);border-radius:var(--app-radius-pill);background:linear-gradient(to right, var(--app-color-bg-raised) 50%, var(--app-color-warning) 50%);box-shadow:0 0 0 var(--app-size-border) var(--app-color-bg-raised);pointer-events:none;z-index:var(--app-z-index-panel);position:absolute;inset-block-end:calc(var(--app-space-md) / -2);inset-inline-end:calc(var(--app-space-md) / -2)}.canvas-node__styled[data-inside=true]{inset-block-end:var(--app-space-xs);inset-inline-end:var(--app-space-xs)}.preview-repeater{min-inline-size:var(--app-space-none);flex-direction:column;display:flex}.preview-repeater[data-direction=row]{flex-direction:row;align-items:center}.preview-repeater__ghost{min-block-size:var(--app-space-xl);border:var(--app-size-border) dashed color-mix(in srgb, currentColor 35%, transparent);border-radius:var(--product-radius-sm);background:color-mix(in srgb, currentColor 8%, transparent);pointer-events:none}.preview-repeater[data-direction=row] .preview-repeater__ghost{min-inline-size:var(--app-space-xxl);flex:auto}.preview-repeater[data-carousel] .preview-repeater__ghost{flex:none;align-self:stretch}.preview-repeater[data-columns] .preview-repeater__ghost{min-inline-size:var(--app-space-none);flex:none}.preview-repeater__unknown{margin:var(--app-space-none);color:var(--product-color-danger);font-family:var(--app-font-family);font-size:var(--app-font-size-xs)}.ui-tool-button.screen-tabs__map{gap:var(--app-space-xs);min-block-size:calc(var(--app-space-xl) + var(--app-space-xs));padding-block:var(--app-space-none)}.ui-tool-button.screen-tabs__map[aria-pressed=true],.ui-tool-button.screen-tabs__map[aria-pressed=true]:hover:not(:disabled){border-color:var(--app-color-accent);background:var(--app-color-hover);color:var(--app-color-accent)}.screen-tabs__divider{inline-size:var(--app-size-border);block-size:var(--app-size-icon-md);margin-inline:var(--app-space-xs);background:var(--app-color-border);flex:none}.preview{gap:var(--app-space-xl);min-block-size:var(--app-space-none);padding:var(--app-space-lg);border-inline-start:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg);flex-direction:column;display:flex;overflow:auto}.preview__panel{flex:none}.preview__control{gap:var(--app-space-sm);padding:var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);flex-direction:column;display:flex}.preview__control .ui-tool-button{inline-size:auto}.preview__settings{gap:var(--app-space-sm);flex-direction:column;display:flex}.preview__setting{grid-template-columns:calc(var(--app-space-xxxl) * 2) minmax(0, 1fr);gap:var(--app-space-sm);align-items:center;display:grid}.preview__setting[data-stacked=true]{gap:var(--app-space-xs);grid-template-columns:minmax(0,1fr)}.preview__setting[data-stacked=true] .ui-segmented{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.preview__setting[data-stacked=true] .ui-segmented__option{white-space:normal;text-align:center}.preview__setting-label{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.preview__setting .ui-segmented{min-inline-size:var(--app-space-none)}.preview__setting .ui-segmented__option{min-inline-size:var(--app-space-none);padding-inline:var(--app-space-xs)}.preview__screen{margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium)}.preview__summary,.preview__conditional{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.preview__hidden{color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs)}.preview__hidden-summary{cursor:pointer}.preview__hidden-summary:focus-visible,.preview__hidden-item:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.preview__hidden-list{gap:var(--app-space-xs);margin:var(--app-space-xs) var(--app-space-none) var(--app-space-none);padding:var(--app-space-none);flex-direction:column;list-style:none;display:flex}.preview__hidden-item{inline-size:100%;min-inline-size:var(--app-space-none);padding:var(--app-space-xs) var(--app-space-sm);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);color:var(--app-color-text);cursor:pointer;font:inherit;text-align:start;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.preview__hidden-item[aria-current=true]{border-color:var(--app-color-accent)}.preview__flow{gap:var(--app-space-sm);flex-wrap:wrap;display:flex}.preview__flow-trail{margin:var(--app-space-none);color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height)}.preview__notices{z-index:2;block-size:var(--app-space-none);margin-block-end:calc(-1 * var(--app-space-xl));position:sticky;inset-block-start:var(--app-space-none);overflow:visible}.preview__notices-stack{inset-inline:var(--app-space-none);gap:var(--app-space-xs);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset-block-start:var(--app-space-none)}.preview__flow-notice{margin:var(--app-space-none);padding:var(--app-space-sm) var(--app-space-md);border-inline-start:var(--app-space-hair) solid var(--app-color-border-strong);border-radius:var(--app-radius-sm);background:var(--app-color-bg-raised);box-shadow:var(--app-shadow-medium);color:var(--app-color-text);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height)}.preview__flow-notice[data-tone=blocked]{border-inline-start-color:var(--app-color-warning)}.preview__flow-notice[data-tone=host]{border-inline-start-color:var(--app-color-accent)}.preview__diverged{align-items:flex-start;gap:var(--app-space-sm);padding:var(--app-space-sm) var(--app-space-md);border:var(--app-size-border) dashed var(--app-color-accent);border-radius:var(--app-radius-lg);background:var(--app-color-hover);flex-direction:column;display:flex}.preview__diverged-text{margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height)}.preview__width{align-items:center;gap:var(--app-space-xs) var(--app-space-sm);flex-wrap:wrap;display:flex}.preview__width-class,.preview__fit-note{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.preview__fit{flex:none}.preview[data-wide=true] .preview__panel:first-of-type>.ui-panel__body{grid-template-columns:var(--app-size-inspector-width) minmax(var(--app-space-none), 1fr);column-gap:var(--app-space-lg);align-items:start;display:grid}.preview[data-wide=true] .preview__panel:first-of-type>.ui-panel__body>*{grid-column:1}.preview[data-wide=true] .preview__panel:first-of-type>.ui-panel__body>.preview__stage{grid-area:1/2/span 12;align-self:stretch}.preview__stage{padding:var(--app-space-md);border-radius:var(--app-radius-lg);background:var(--app-color-canvas-bg);justify-content:center;display:flex;overflow:auto}.preview-device{border-radius:var(--app-radius-lg);background:var(--product-color-surface);box-shadow:var(--app-shadow-medium);flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.preview-device[data-chrome=device]{border-radius:var(--app-radius-device);background:var(--product-color-surface);color:var(--product-color-on-surface);box-shadow:0 0 0 var(--app-size-border) var(--app-color-border-strong), var(--app-shadow-medium)}.preview-device[data-chrome=none]{border-radius:var(--app-radius-none);box-shadow:none}.preview-device[data-chrome=device] .preview-device__home--device{background:0 0}.preview-device[data-home=row] .preview-device__home--device{flex:none;position:static}.preview-device[data-status=overlay]>:is(.preview-device__inset,.device-status){inset-block-start:var(--app-space-none);inset-inline:var(--app-space-none);z-index:2;pointer-events:none;position:absolute}.preview-device[data-status=overlay]:has(.preview-screen[data-body-top=screenTop])>.preview-device__inset{opacity:.7}.preview-device__inset{background:var(--app-color-bg-sunken);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);flex:none;justify-content:center;align-items:center;display:flex}.preview-device__inset-label{opacity:.7}.preview-device__viewport{min-block-size:var(--app-space-none);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.preview-device__scroll{min-block-size:var(--app-space-none);flex-direction:column;flex:1;display:flex;position:relative}.preview-device__content{min-block-size:var(--app-space-none);flex-direction:column;flex:1;display:flex}.preview-document>.canvas-node[data-node-type=Screen]{flex-direction:column;flex:1 0 auto;display:flex}.preview-document>.canvas-node[data-node-type=Screen]>.preview-screen{flex:1}.preview-device .preview-document>.canvas-node[data-node-type=Screen]{min-block-size:var(--app-space-none);flex:auto}.preview-device .preview-document>.canvas-node[data-node-type=Screen]>.preview-screen{min-block-size:var(--app-space-none)}.preview-device .preview-screen__bottom{flex:none}.preview-device .preview-screen__body{min-block-size:var(--app-space-none);overscroll-behavior:contain;flex:1 1 0;overflow:hidden auto}.preview-device__scroll:not(.preview-device__scroll--modal) .preview-screen__body{container-type:size}.preview-device[data-screen-backdrop=true] .preview-document>.canvas-node[data-node-type=Screen]{background:0 0!important}.preview-device__scroll--modal{justify-content:flex-end;block-size:100%}.preview-device__content--modal{flex:0 auto;max-block-size:100%;position:relative}.preview-device__home-room{flex:none}.preview-device__content--modal>.preview-document>.canvas-node[data-node-type=Screen],.preview-device__content--modal>.preview-document>.canvas-node[data-node-type=Screen]>.preview-screen,.preview-device__content--modal .preview-screen__body{flex:0 auto}.preview-device__content--modal .preview-screen__flow{flex:none}.preview-device__scroll--modal[data-modal-placement=center]{padding:var(--product-space-xl);justify-content:center;align-items:center}.preview-device__scroll--modal[data-modal-placement=center]>.preview-device__content--modal{inline-size:100%}.preview-device__scrim{padding:var(--app-space-md);background:var(--app-color-device-cutout);opacity:.45;pointer-events:none;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0}.preview-device__scrim[data-dismissable=true]{pointer-events:auto}.preview-device__scrim-label[data-hidden=true]{visibility:hidden}.preview-device__scrim-label{color:var(--app-color-device-light);font-size:var(--app-font-size-xs);text-align:center}.preview-device__beyond{background:var(--app-color-selection);opacity:.25;pointer-events:none;position:absolute;inset-block:100cqb 0;inset-inline:0}.preview-device__home{background:var(--app-color-bg-sunken);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.preview-device__home-bar{inline-size:var(--app-size-header-height);block-size:var(--app-space-hair);border-radius:var(--app-radius-pill);background:var(--app-color-border-strong)}.preview-device__fold{margin:var(--app-space-none);border-block-start:var(--app-size-border) dashed var(--app-color-warning);pointer-events:none;position:absolute;inset-block-start:calc(100cqb - var(--app-size-border));inset-inline:0}.preview-device__fold-label{padding:var(--app-space-hair) var(--app-space-xs);border-radius:var(--app-radius-sm);background:var(--app-color-warning);color:var(--app-color-accent-text);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);white-space:nowrap;position:absolute;inset-block-end:100%;inset-inline-end:var(--app-space-xs)}.preview-device .canvas-node__zone{display:none}.preview-device .preview-button{cursor:pointer}.preview-device .preview-accordion[data-expanded=false] .preview-accordion__body{display:none}.preview-device .canvas-node:has(>.preview-tab[data-open=false]){display:none}.preview-document{display:contents}.preview-device :is(.canvas-node,.canvas-node__share,.canvas-node__layer)[data-off-width=true]{display:none}.preview-device [data-preview-hidden]{opacity:.4;filter:grayscale();position:relative}.preview-device [data-preview-hidden]:after{content:attr(data-preview-hidden);inset-inline:var(--app-space-none);padding-inline:var(--app-space-xs);border-radius:var(--app-radius-sm);background:var(--app-color-bg-raised);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height);text-align:center;pointer-events:none;position:absolute;inset-block-end:var(--app-space-none)}.preview-device .preview-app-bar [data-preview-hidden]:after{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preview-device [data-preview-hidden] [data-preview-hidden]:after{content:none}.preview__disclaimer{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.preview-warnings{gap:var(--app-space-sm);margin:var(--app-space-none);padding:var(--app-space-none);flex-direction:column;list-style:none;display:flex}.preview-warnings__item{display:flex}.preview-warning{gap:var(--app-space-xs);inline-size:100%;padding:var(--app-space-sm) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-inline-start:var(--app-space-hair) solid var(--app-color-warning);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);text-align:start;cursor:pointer;flex-direction:column;display:flex}.preview-warning:hover{border-color:var(--app-color-accent)}.preview-warning:focus-visible{outline:var(--app-size-border) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.preview-warning[aria-current=true]{border-color:var(--app-color-accent);background:var(--app-color-hover)}.preview-warning__head{justify-content:space-between;align-items:baseline;gap:var(--app-space-sm);display:flex}.preview-warning__node{font-weight:var(--app-font-weight-medium)}.preview-warning__code{color:var(--app-color-warning);font-size:var(--app-font-size-xs);text-transform:uppercase;letter-spacing:var(--app-space-hair);flex:none}.preview-warning__message{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);line-height:var(--app-font-line-height)}[data-phone-view] .canvas-node__empty,[data-phone-view] .preview-repeater__ghost,[data-phone-view] .preview-repeater__unknown,[data-phone-view] .canvas-node__zone,[data-phone-view] .canvas-node__condition,[data-phone-view] .canvas-node__disables,[data-phone-view] .canvas-node__issue,[data-phone-view] .canvas-node__styled,[data-phone-view] .preview-value__badge,[data-phone-view] [data-preview-hidden],[data-phone-view] [data-preview-hidden-slot],[data-phone-view] .preview-accordion[data-expanded=false] .preview-accordion__body{display:none}[data-phone-view] .canvas-node:has(>.preview-tab[data-open=false]){display:none}[data-phone-view] .preview-screen__bar:has(>[data-preview-hidden]){display:none}[data-phone-view] .preview-screen:has(>.preview-screen__bar>[data-preview-hidden])>.preview-screen__body>.preview-screen__flow{padding-block-start:var(--product-sys-screen-pad-top,var(--app-space-none))!important}[data-phone-view] .preview-screen:not([data-body-top]):has(>.preview-screen__bar>[data-preview-hidden])>.preview-screen__body{margin-block-start:var(--product-sys-safe-top)}[data-phone-view] .preview-device__content--modal .preview-screen__top,[data-phone-view] .preview-device__content--modal .preview-app-bar__nav,[data-phone-view] .preview-device__content--modal .preview-screen__nav{display:none}[data-phone-view] .preview-screen__pinned:has(>[data-preview-hidden]){display:none}[data-phone-view] .preview-screen__nav:has(>[data-preview-hidden]){display:none}[data-phone-view] .preview-screen__top:has(>[data-preview-hidden]){display:none}[data-phone-view] .preview-app-bar__nav:has(>[data-preview-hidden]){display:none}[data-phone-view] .preview-screen[data-pinned=true]:has(>.preview-screen__bottom>.preview-screen__pinned>[data-preview-hidden])>.preview-screen__body>.preview-screen__flow{padding-block-end:var(--product-sys-screen-pad-bottom,var(--app-space-none))!important}[data-phone-view] .preview-screen[data-app-bar=true]:not(:has(>.preview-screen__bar>[data-preview-hidden]))>.preview-screen__body>.preview-screen__flow:not(:has(>.canvas-node:not([data-preview-hidden]))){padding-block-start:var(--app-space-none)!important}[data-phone-view] .canvas-node[data-conditional=true],[data-phone-view] .preview-image--binding{outline:none}[data-phone-view] .preview-value--binding{text-decoration:none}.preview-device .canvas-node__issue,.preview-device .canvas-node__styled{display:none}.preview-device .canvas-node:not(:focus-visible):after,[data-phone-view] .canvas-node:not(:focus-visible):after{border-style:none}.auth{align-items:center;gap:var(--app-space-xs);display:flex}.auth--in{align-items:center;gap:var(--app-space-sm);flex-direction:row}.auth__who{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth__field{align-items:center;display:flex}.auth__label{clip-path:inset(50%);inline-size:var(--app-space-hair);block-size:var(--app-space-hair);white-space:nowrap;position:absolute;overflow:hidden}.ui-field.auth__input{inline-size:calc(var(--app-space-xxxl) * 3)}.ui-tool-button.auth__submit:disabled{cursor:progress;opacity:.7}.auth__status{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.auth__error{max-inline-size:calc(var(--app-space-xxxl) * 4);margin:var(--app-space-none);text-overflow:ellipsis;white-space:nowrap;border-inline-start:var(--app-space-hair) solid var(--app-color-danger);color:var(--app-color-text);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height);padding-inline-start:var(--app-space-xs);overflow:hidden}.auth__switch{gap:var(--app-space-sm);flex-wrap:wrap;justify-content:space-between;display:flex}.ui-link.auth__link{font-size:var(--app-font-size-xs);text-decoration:underline}.auth__hint{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.auth__notice{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.app-gate__card .auth{align-items:stretch;gap:var(--app-space-md);flex-direction:column}.app-gate__card .auth__field{align-items:stretch;gap:var(--app-space-xs);flex-direction:column}.app-gate__card .auth__label{clip-path:none;block-size:auto;inline-size:auto;color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium);position:static;overflow:visible}.app-gate__card .ui-field.auth__input,.app-gate__card .ui-tool-button.auth__submit{inline-size:100%}.app-gate__card .auth__error{text-overflow:clip;white-space:normal;max-inline-size:none;overflow:visible}.ui-panel{gap:var(--app-space-md);min-block-size:var(--app-space-none);flex-direction:column;display:flex}.ui-panel__title,.ui-eyebrow{margin:var(--app-space-none);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-semibold);letter-spacing:calc(var(--app-font-size-xs) * .06);text-transform:uppercase;color:var(--app-color-text-muted)}.ui-panel__body{gap:var(--app-space-sm);min-block-size:var(--app-space-none);flex-direction:column;display:flex}.ui-tool-button{align-items:center;gap:var(--app-space-sm);inline-size:100%;min-block-size:var(--app-size-control-height);padding:var(--app-space-xs) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-md);background:var(--app-color-bg-raised2);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);line-height:var(--app-font-line-height);text-align:start;cursor:pointer;display:flex}.ui-tool-button:hover:not(:disabled){border-color:var(--app-color-text-muted);background:var(--app-color-bg-sunken)}.ui-tool-button:active:not(:disabled){transform:translateY(var(--app-size-border))}.ui-tool-button:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.ui-tool-button:disabled{opacity:.45;cursor:not-allowed}.ui-tool-button[data-align=center]{font-weight:var(--app-font-weight-medium);white-space:nowrap;justify-content:center}.ui-tool-button[data-width=hug]{flex:none;inline-size:auto}.ui-tool-button[data-size=sm]{min-block-size:calc(var(--app-size-control-height) - var(--app-space-xs));padding:var(--app-space-hair) calc(var(--app-space-sm) + var(--app-space-hair));font-size:var(--app-font-size-sm)}.ui-tool-button[data-variant=primary]{border-color:var(--app-color-accent);background:var(--app-color-accent);color:var(--app-color-accent-text);font-weight:var(--app-font-weight-semibold)}.ui-tool-button[data-variant=primary]:hover:not(:disabled){border-color:var(--app-color-accent-strong);background:var(--app-color-accent-strong)}.ui-tool-button[data-variant=quiet],.ui-tool-button[data-variant=quiet-danger]{color:var(--app-color-text-muted);font-weight:var(--app-font-weight-regular);background:0 0;border-color:#0000}.ui-tool-button[data-variant=quiet]:hover:not(:disabled){background:var(--app-color-bg-raised2);color:var(--app-color-text);border-color:#0000}.ui-tool-button[data-variant=danger]{border-color:var(--app-color-danger);color:var(--app-color-danger);background:0 0}.ui-tool-button[data-variant=quiet-danger]{color:var(--app-color-danger)}.ui-tool-button[data-variant=danger]:hover:not(:disabled){border-color:var(--app-color-danger);background:var(--app-color-danger-soft)}.ui-tool-button[data-variant=quiet-danger]:hover:not(:disabled){background:var(--app-color-danger-soft);border-color:#0000}.ui-tool-button__icon{color:var(--app-color-text-muted);flex:none}.ui-icon-button{inline-size:calc(var(--app-size-control-height) - var(--app-space-xs));block-size:calc(var(--app-size-control-height) - var(--app-space-xs));padding:var(--app-space-none);border-radius:var(--app-radius-sm);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-md);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.ui-icon-button[data-size=sm]{inline-size:var(--app-space-xl);block-size:var(--app-space-xl)}.ui-icon-button:hover:not(:disabled){background:var(--app-color-bg-raised2);color:var(--app-color-text)}.ui-icon-button[data-tone=danger],.ui-icon-button[data-tone=danger]:hover:not(:disabled){color:var(--app-color-danger)}.ui-icon-button[data-tone=danger]:hover:not(:disabled){background:var(--app-color-danger-soft)}.ui-icon-button:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.ui-icon-button:disabled{opacity:.45;cursor:not-allowed}.ui-field{inline-size:100%;min-inline-size:var(--app-space-none);block-size:var(--app-size-control-height);box-sizing:border-box;padding:var(--app-space-none) calc(var(--app-space-sm) + var(--app-space-hair));border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-bg-sunken);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md)}.ui-field::placeholder{color:var(--app-color-text-faint)}.ui-field[data-width=hug]{inline-size:auto}.ui-field[data-size=sm]{block-size:calc(var(--app-size-control-height) - var(--app-space-xs));padding-inline:var(--app-space-sm);font-size:var(--app-font-size-sm)}.ui-field[data-mono=true]{font-family:var(--app-font-family-mono)}.ui-field[data-multiline=true]{block-size:auto;padding-block:var(--app-space-sm);line-height:var(--app-font-line-height)}.ui-field[data-variant=quiet]{background:0 0;border-color:#0000}.ui-field:hover:enabled{border-color:var(--app-color-border-strong)}.ui-field[data-variant=quiet]:hover:enabled,.ui-field[data-variant=quiet]:focus-visible{background:var(--app-color-bg-sunken)}.ui-field:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.ui-field[aria-invalid=true],.ui-field[data-invalid=true]{border-color:var(--app-color-danger)}.ui-field:disabled{opacity:.5;cursor:not-allowed}select.ui-field{cursor:pointer;max-inline-size:100%}select.ui-field,select.ui-field[data-variant],select.ui-field[data-size]{--ui-select-gap:calc(var(--app-space-sm) + var(--app-space-hair));--ui-select-arrow:var(--app-space-xs);appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-repeat:no-repeat;background-size:var(--ui-select-arrow) var(--ui-select-arrow);background-position:right calc(var(--ui-select-gap) + var(--ui-select-arrow)) center, right var(--ui-select-gap) center;padding-inline-end:calc(var(--ui-select-gap) * 2 + var(--ui-select-arrow) * 2)}[dir=rtl] select.ui-field,[dir=rtl] select.ui-field[data-variant],[dir=rtl] select.ui-field[data-size]{background-position:left var(--ui-select-gap) center, left calc(var(--ui-select-gap) + var(--ui-select-arrow)) center}select.ui-field:disabled{cursor:not-allowed}.ui-link{padding:var(--app-space-none);border:var(--app-radius-none);color:var(--app-color-accent);font-family:var(--app-font-family);font-size:inherit;cursor:pointer;background:0 0;text-decoration:none}.ui-link:hover:not(:disabled){color:var(--app-color-accent-strong);text-decoration:underline}.ui-link:focus-visible{border-radius:var(--app-radius-sm);outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.ui-link:disabled{opacity:.45;cursor:not-allowed}.ui-empty-state{margin:var(--app-space-none);padding:var(--app-space-lg) var(--app-space-md);border:var(--app-size-border) dashed var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-md);text-align:center}.ui-empty-state[data-layout=rich]{align-items:center;gap:var(--app-space-sm);padding:var(--app-space-xxl) var(--app-space-xl);flex-direction:column;display:flex}.ui-empty-state[data-size=sm]{padding:var(--app-space-lg);font-size:var(--app-font-size-sm)}.ui-empty-state[data-frame=none]{background:0 0;border:0}.ui-empty-state__icon{inline-size:var(--app-space-xxl);block-size:var(--app-space-xxl);color:var(--app-color-text-faint);flex:none}.ui-empty-state__icon>svg{block-size:100%;inline-size:100%;display:block}.ui-empty-state__title{margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-semibold);line-height:var(--app-font-line-height)}.ui-empty-state__text{max-inline-size:calc(var(--app-size-form-width) * 1.2);margin:var(--app-space-none);line-height:var(--app-font-line-height)}.ui-empty-state__action{inline-size:100%;justify-content:center;margin-block-start:var(--app-space-sm);display:flex}.ui-visually-hidden{inline-size:var(--app-size-border);block-size:var(--app-size-border);padding:var(--app-space-none);margin:var(--app-space-none);clip-path:inset(50%);white-space:nowrap;border:0;position:absolute;overflow:hidden}.ui-segmented{gap:var(--app-space-hair);padding:var(--app-space-hair);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-bg-sunken);display:flex}.ui-segmented__option{min-block-size:calc(var(--app-size-control-height) - 3 * var(--app-space-hair));padding:var(--app-space-none) var(--app-space-sm);border-radius:var(--app-radius-sm);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-md);line-height:var(--app-font-line-height);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;justify-content:safe center;align-items:center;display:flex;position:relative}.ui-segmented[data-fit=label]{flex-wrap:wrap}.ui-segmented[data-fit=label]>.ui-segmented__option{flex:auto}.ui-segmented[data-size=sm]>.ui-segmented__option{font-size:var(--app-font-size-sm)}.ui-segmented__option:hover:not(:disabled,:has(:disabled)){color:var(--app-color-text)}.ui-segmented__input{inset:var(--app-space-none);block-size:100%;inline-size:100%;margin:var(--app-space-none);opacity:0;cursor:inherit;position:absolute}.ui-segmented__option[aria-pressed=true],.ui-segmented__option[aria-current=true]{background:var(--app-color-bg-raised2);box-shadow:var(--app-shadow-low);color:var(--app-color-text);font-weight:var(--app-font-weight-medium)}.ui-segmented__option:has(.ui-segmented__input:checked){background:var(--app-color-bg-raised2);box-shadow:var(--app-shadow-low);color:var(--app-color-text);font-weight:var(--app-font-weight-medium)}.ui-segmented__option:focus-visible{outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.ui-segmented__option:has(:focus-visible){outline:var(--app-space-hair) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.ui-segmented__option:disabled{opacity:.45;cursor:not-allowed}.ui-segmented__option:has(:disabled){opacity:.45;cursor:not-allowed}.ui-alert-bar{align-items:center;gap:var(--app-space-md);padding:calc(var(--app-space-sm) + var(--app-space-hair)) var(--app-space-lg);border-block-start:var(--app-size-border) solid var(--app-color-border);background:var(--app-color-bg-raised);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);line-height:var(--app-font-line-height);display:flex}.ui-alert-bar[data-tone=danger]{border-block-start-color:var(--app-color-danger);background:var(--app-color-danger-soft)}.ui-alert-bar__icon{inline-size:var(--app-space-lg);block-size:var(--app-space-lg);color:var(--app-color-warning);flex:none}.ui-alert-bar[data-tone=danger] .ui-alert-bar__icon{color:var(--app-color-danger)}.ui-alert-bar__text{min-inline-size:var(--app-space-none);margin:var(--app-space-none);flex:1}.ui-alert-bar[data-action=inline] .ui-alert-bar__text{flex:0 auto}.ui-alert-bar__text[data-pressable=true]{cursor:pointer}.ui-alert-bar__lead{font-weight:var(--app-font-weight-semibold)}.ui-alert-bar .ui-tool-button{flex:none;inline-size:auto}.ui-alert-bar[data-variant=card]{border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg)}.ui-alert-bar[data-variant=card][data-tone=danger]{border-color:var(--app-color-danger)}.ui-message{margin:var(--app-space-none);padding:var(--app-space-sm) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-bg-sunken);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height)}.ui-message[data-tone=danger]{border-color:var(--app-color-danger);background:var(--app-color-danger-soft)}.ui-badge{padding:var(--app-size-border) var(--app-space-sm);border-radius:var(--app-radius-pill);background:var(--app-color-bg-sunken);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-regular);line-height:var(--app-font-line-height);white-space:nowrap;flex:none}.ui-badge[data-size=sm]{padding:var(--app-space-none) var(--app-space-xs)}.ui-badge[data-size=lg]{padding:var(--app-space-hair) var(--app-space-sm)}.ui-badge[data-strong=true]{font-weight:var(--app-font-weight-semibold)}.ui-badge[data-tone=accent]{background:var(--app-color-hover);color:var(--app-color-accent)}.ui-badge[data-tone=success]{background:color-mix(in srgb, var(--app-color-success) 16%, transparent);color:var(--app-color-success)}.ui-badge[data-tone=warning]{background:color-mix(in srgb, var(--app-color-warning) 16%, transparent);color:var(--app-color-warning)}.ui-badge[data-tone=danger]{background:var(--app-color-danger-soft);color:var(--app-color-danger)}.ui-widget-icon{inline-size:var(--app-size-icon-md);block-size:var(--app-size-icon-md);color:var(--app-color-text-muted);flex:none}.ui-brand-mark{inline-size:var(--app-size-icon-md);block-size:var(--app-size-icon-md);flex:none;display:block}.ui-brand-mark[data-size=lg]{inline-size:var(--app-space-xxxl);block-size:var(--app-space-xxxl)}.ui-brand-mark__back-solid{fill:var(--app-color-mark-back-end)}.ui-brand-mark__front-solid{fill:var(--app-color-mark-front-start)}.ui-brand-mark__back-start{stop-color:var(--app-color-mark-back-start)}.ui-brand-mark__back-end{stop-color:var(--app-color-mark-back-end)}.ui-brand-mark__front-start{stop-color:var(--app-color-mark-front-start)}.ui-brand-mark__front-end{stop-color:var(--app-color-mark-front-end)}.ui-tool-button,.ui-icon-button,.ui-field,.ui-segmented__option,.workspace-rail__button,.document-tree__row,.document-tree__toggle,.pp-token,.ui-link,.design-system__swatch{transition:background-color var(--app-motion-quick) var(--app-motion-standard), border-color var(--app-motion-quick) var(--app-motion-standard), color var(--app-motion-quick) var(--app-motion-standard), opacity var(--app-motion-quick) var(--app-motion-standard)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.design-system{gap:var(--app-space-none);min-block-size:var(--app-space-none);min-inline-size:var(--app-space-none);background:var(--app-color-bg);flex-direction:column;display:flex;overflow:hidden}.design-system__bar{align-items:center;gap:var(--app-space-sm) var(--app-space-md);padding:var(--app-space-lg) var(--app-space-xl) var(--app-space-md);border-block-end:var(--app-size-border) solid var(--app-color-border);flex-wrap:wrap;flex:none;display:flex}.design-system__heading{flex:1 1 calc(var(--app-space-xxxl) * 4);gap:var(--app-space-hair);min-inline-size:var(--app-space-none);flex-direction:column;display:flex}.design-system__title{margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-semibold)}.design-system__subtitle{margin:var(--app-space-none);color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.design-system__bar .ui-field.theme-identity__select{flex:0 1 calc(var(--app-space-xxxl) * 4);block-size:var(--app-size-control-height)}.design-system__bar .ui-tool-button{flex:none;inline-size:auto}.design-system__scroll{gap:var(--app-space-xl);min-block-size:var(--app-space-none);padding:var(--app-space-lg) var(--app-space-xl);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.design-system__scroll>*{flex:none}.design-system__name{margin:var(--app-space-none);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-medium)}.design-system__id,.design-system__source,.design-system__note{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-regular)}.design-system__source,.design-system__note{margin:var(--app-space-xs) var(--app-space-none) var(--app-space-none);font-family:var(--app-font-family);line-height:var(--app-font-line-height)}.design-system__actions{align-items:center;gap:var(--app-space-sm);flex-wrap:wrap;margin-block-start:var(--app-space-md);display:flex}.design-system__actions .ui-tool-button,.theme-identity__actions .ui-tool-button{background:var(--app-color-bg-raised);inline-size:auto;box-shadow:var(--app-shadow-low)}.design-system__file:has(:focus-visible){outline:var(--app-size-border) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.design-system__file{padding:var(--app-space-xs) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-md);cursor:pointer;align-items:center;display:inline-flex}.design-system__file input{display:none}.design-system__lock:disabled .design-system__file{opacity:.45;cursor:not-allowed}.design-system__issues{margin:var(--app-space-md) var(--app-space-none) var(--app-space-none);color:var(--app-color-danger);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height);padding-inline-start:var(--app-space-lg)}.design-system__tokens,.design-system__changes{gap:var(--app-space-sm) var(--app-space-lg);margin:var(--app-space-none);padding:var(--app-space-none);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.design-system__token,.design-system__changes li{align-items:center;gap:var(--app-space-sm);font-family:var(--app-font-family);font-size:var(--app-font-size-md);display:flex}.design-system__token:not(.design-system__token--wide,.design-system__token--block){flex-wrap:wrap}.design-system__token:not(.design-system__token--wide,.design-system__token--block)>.design-system__token-name{flex-shrink:0;max-inline-size:100%}.design-system__changes--cards{gap:var(--app-space-sm);grid-template-columns:minmax(0,1fr)}.design-system__changes--cards li{padding:var(--app-space-sm) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised)}.design-system__token--wide{grid-column:1/-1;grid-template-columns:var(--design-system-style-columns);gap:var(--app-space-sm);align-items:center;display:grid}.design-system__tokens--styles,.design-system__columns{--design-system-style-columns:calc(var(--app-space-xxxl) * 2) repeat(3, minmax(0, 1fr)) minmax(0, 1.4fr) minmax(0, 1.4fr)}.design-system__tokens--styles{grid-template-columns:minmax(0,1fr)}.design-system__columns{grid-template-columns:var(--design-system-style-columns);gap:var(--app-space-sm);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);display:grid}.design-system__token--wide .design-system__token-name{flex:none}.design-system__token-name{align-items:center;gap:var(--app-space-xs);min-inline-size:var(--app-space-none);color:var(--app-color-text);text-overflow:ellipsis;white-space:nowrap;flex:auto;display:flex;overflow:hidden}.design-system__provisional{inline-size:var(--app-space-md);block-size:var(--app-space-md);border-radius:var(--app-radius-pill);background:var(--app-color-bg-sunken);color:var(--app-color-text-muted);font-size:var(--app-font-size-xs);cursor:help;justify-content:center;align-items:center;display:inline-flex}.design-system__swatch{inline-size:var(--app-space-xl);block-size:var(--app-space-xl);padding:var(--app-space-none);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-sm);background:var(--app-color-bg);cursor:pointer;flex:none}.design-system__swatch:focus-visible{outline:var(--app-size-border) solid var(--app-color-accent);outline-offset:var(--app-space-hair)}.ui-field.design-system__hex{inline-size:calc(var(--app-space-xxxl) * 2)}.ui-field.design-system__number{inline-size:calc(var(--app-space-xxxl) * 1.5)}.ui-field.design-system__text{flex:auto}.design-system__field{gap:var(--app-space-hair);flex-direction:column;display:flex}.design-system__token--wide .ui-field.design-system__number{padding-inline:var(--app-space-xs)}.design-system__token--wide .ui-field.design-system__number,.design-system__token--wide .ui-field.design-system__select{inline-size:100%}.design-system__field-label{color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);white-space:nowrap}.design-system__unit{color:var(--app-color-text-muted);font-size:var(--app-font-size-xs)}.design-system__change{color:var(--app-color-text-muted);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-xs)}.design-system__change strong{color:var(--app-color-text)}.design-system__published{margin:var(--app-space-none);padding:var(--app-space-sm);border-radius:var(--app-radius-sm);background:var(--app-color-hover);color:var(--app-color-text);font-size:var(--app-font-size-sm)}.theme-identity{gap:var(--app-space-sm);flex-direction:column;display:flex}.theme-identity__row{align-items:center;gap:var(--app-space-sm);display:flex}.theme-identity__label{inline-size:calc(var(--app-space-xxxl) * 2);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);flex:none}.ui-field.theme-identity__input,.ui-field.theme-identity__select{flex:auto}.theme-identity__actions{align-items:center;gap:var(--app-space-sm);flex-wrap:wrap;margin-block-start:var(--app-space-xs);display:flex}.design-system__token-actions{gap:var(--app-space-xs);flex:none;margin-inline-start:auto;display:inline-flex}.design-system__tokens--blocks{grid-template-columns:minmax(0,1fr)}.design-system__token--block{gap:var(--app-space-sm);padding:var(--app-space-sm) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);grid-column:1/-1;justify-items:start;display:grid}.design-system__token-head{align-items:center;gap:var(--app-space-sm);inline-size:100%;display:flex}.design-system__preview{inline-size:var(--app-space-xxxl);block-size:var(--app-space-xl);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-sm);flex:none}.design-system__preview--shadow{background:var(--app-color-bg);border-color:#0000}.design-system__parts{gap:var(--app-space-xs);margin:var(--app-space-none);padding:var(--app-space-none);list-style:none;display:grid}.design-system__part{align-items:center;gap:var(--app-space-sm);display:flex}.design-system__part--shadow,.design-system__columns--shadow{--design-system-shadow-columns:repeat(4, calc(var(--app-space-xxxl) * 1.5)) calc(var(--app-space-xxxl) * 2.5) calc(var(--app-space-xxxl) * 1.5) auto;grid-template-columns:var(--design-system-shadow-columns);gap:var(--app-space-sm);align-items:center;display:grid}.design-system__add{align-items:center;gap:var(--app-space-sm);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);flex-wrap:wrap;margin-block-start:var(--app-space-md);display:flex}.design-system__add-label{color:var(--app-color-text)}.design-system__add-count{color:var(--app-color-text-muted)}.design-system__confirm{gap:var(--app-space-sm);padding:var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-lg);background:var(--app-color-bg-raised);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height);margin-block-start:var(--app-space-md);display:grid}.design-system__confirm-title{margin:var(--app-space-none);color:var(--app-color-text);font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-medium)}.design-system__confirm-field{align-items:center;gap:var(--app-space-sm);margin:var(--app-space-none);display:flex}.design-system__confirm-actions{gap:var(--app-space-sm);flex-wrap:wrap;display:flex}.design-system__confirm .design-system__note{margin:var(--app-space-none)}.design-system__impact-title{margin:var(--app-space-none);color:var(--app-color-text)}.design-system__impact-places{margin:var(--app-space-xs) var(--app-space-none) var(--app-space-none);color:var(--app-color-text-muted);padding-inline-start:var(--app-space-lg)}.design-system__tokens--colors{grid-template-columns:minmax(0,1fr)}.design-system__tokens--colors .ui-field.design-system__hex,.design-system__part .ui-field.design-system__hex{inline-size:calc(var(--app-space-xxxl) * 2.5)}.design-system__lock{gap:var(--app-space-xl);min-inline-size:var(--app-space-none);margin:var(--app-space-none);padding:var(--app-space-none);border:var(--app-space-none);flex-direction:column;display:flex}.design-system__lock>*{flex:none}.design-system__rename-summary{gap:var(--app-space-xs);justify-items:start;margin-block-end:var(--app-space-md);display:grid}.design-system__rename-summary p,.design-system__rename-summary ul{margin:var(--app-space-none)}.design-system__rename-summary ul{padding-inline-start:var(--app-space-lg)}.design-system__roles{margin-block-start:var(--app-space-md)}.design-system__roles-title{margin:var(--app-space-none) var(--app-space-none) var(--app-space-sm);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-xs);font-weight:var(--app-font-weight-medium)}.design-system__role-list{gap:var(--app-space-sm);margin:var(--app-space-none);padding:var(--app-space-none);list-style:none;display:grid}.design-system__role{gap:var(--app-space-sm);padding:var(--app-space-sm) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border);border-radius:var(--app-radius-md);font-family:var(--app-font-family);font-size:var(--app-font-size-md);display:grid}.design-system__role-head{align-items:center;gap:var(--app-space-md);display:flex}.design-system__role-sample{padding:var(--product-space-sm) var(--product-space-md);border:var(--app-size-border) solid transparent;border-radius:var(--product-radius-md);font:var(--product-font-title-s);flex:none;justify-content:center;align-items:center;display:inline-flex}.design-system__role-stage{padding:var(--app-space-sm);border-radius:var(--app-radius-md);background:var(--product-color-surface);flex:none;display:inline-flex}.design-system__role-sample[data-kind=badge]{padding:var(--product-space-xs) var(--product-space-sm);border-radius:var(--product-radius-pill);font:var(--product-font-caption)}.design-system__role-slots{gap:var(--app-space-sm) var(--app-space-lg);flex-wrap:wrap;display:flex}.design-system__role-slot{align-items:center;gap:var(--app-space-xs);display:inline-flex}.design-system__role-slot-label{color:var(--app-color-text-muted);font-size:var(--app-font-size-sm)}.design-system__role-color{font-family:var(--app-font-family-mono)}.design-system__role-swatch{inline-size:var(--app-space-md);block-size:var(--app-space-md);border:var(--app-size-border) solid var(--app-color-border-strong);border-radius:var(--app-radius-sm);flex:none}.design-system__role-swatch[data-empty=true]{background:linear-gradient(to top right, transparent 45%, var(--app-color-border-strong) 45% 55%, transparent 55%)}.design-system__role-choices{gap:var(--app-space-xs);padding:var(--app-space-sm);border-radius:var(--app-radius-md);background:var(--app-color-bg-raised);flex-wrap:wrap;display:flex}.design-system__role-contrast{margin:var(--app-space-none)}.save-status{align-items:center;gap:var(--app-space-sm);min-block-size:var(--app-space-none);display:flex}.save-status--failed{align-items:stretch;gap:var(--app-space-xs);flex-direction:column}.save-status__text{margin:var(--app-space-none);color:var(--app-color-text-muted);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);line-height:var(--app-font-line-height)}.save-status[data-state=pending] .save-status__text{color:var(--app-color-warning)}.save-status[data-state=saved] .save-status__text{color:var(--app-color-success)}.save-status--failed .save-status__text{border-inline-start:var(--app-space-hair) solid var(--app-color-danger);color:var(--app-color-text);padding-inline-start:var(--app-space-sm)}.save-status--header{align-items:center;gap:var(--app-space-sm);flex-direction:row;flex:none}.save-status__dot{inline-size:var(--app-space-sm);block-size:var(--app-space-sm);border-radius:var(--app-radius-pill);background:var(--app-color-text-faint);flex:none}.save-status[data-state=saving] .save-status__dot{background:var(--app-color-accent)}.save-status[data-state=pending] .save-status__dot,.save-status[data-state=off] .save-status__dot{background:var(--app-color-warning)}.save-status[data-state=saved] .save-status__dot{background:var(--app-color-success)}.save-status[data-state=failed] .save-status__dot{background:var(--app-color-danger)}.save-status--header[data-state] .save-status__text{padding:var(--app-space-none);color:var(--app-color-text-muted);white-space:nowrap;border:0}.save-status--header.save-status--failed .save-status__text{color:var(--app-color-danger);font-weight:var(--app-font-weight-medium)}.canvas-node__zone{block-size:var(--app-space-sm);pointer-events:none;z-index:var(--app-z-index-panel);position:absolute;inset-inline:0}.canvas-node__zone--before{inset-block-start:0}.canvas-node__zone--after{inset-block-end:0}.canvas-node__zone[data-active=true]:after{content:"";block-size:var(--app-space-hair);border-radius:var(--app-radius-pill);background:var(--app-color-accent);box-shadow:var(--app-shadow-low);position:absolute;inset-inline:0}.canvas-node__zone--before[data-active=true]:after{inset-block-start:0}.canvas-node__zone--after[data-active=true]:after{inset-block-end:0}.canvas-node[data-drop-axis=inline]>.canvas-node__zone{block-size:auto;inline-size:var(--app-space-sm);inset-block:0;inset-inline:auto}.canvas-node[data-drop-axis=inline]>.canvas-node__zone--before{inset-inline-start:0}.canvas-node[data-drop-axis=inline]>.canvas-node__zone--after{inset-inline-end:0}.canvas-node[data-drop-axis=inline]>.canvas-node__zone[data-active=true]:after{block-size:auto;inline-size:var(--app-space-hair);inset-block:0;inset-inline:auto}.canvas-node[data-drop-axis=inline]>.canvas-node__zone--before[data-active=true]:after{inset-inline-start:0}.canvas-node[data-drop-axis=inline]>.canvas-node__zone--after[data-active=true]:after{inset-inline-end:0}.canvas-node[data-drop-allowed=false] .canvas-node__zone[data-active=true]:after{background:var(--app-color-danger)}.canvas-node[data-drop=inside]{background:var(--app-color-selection);box-shadow:inset 0 0 0 var(--app-space-hair) var(--app-color-accent)}.canvas-node[data-drop-allowed=false]{cursor:not-allowed}.canvas-node[data-drop=inside][data-drop-allowed=false]{background:var(--app-color-danger-soft);box-shadow:inset 0 0 0 var(--app-space-hair) var(--app-color-danger)}.canvas-node[data-dragging=true]{opacity:.4}.dnd-preview{align-items:center;gap:var(--app-space-sm);padding:var(--app-space-sm) var(--app-space-md);border:var(--app-size-border) solid var(--app-color-accent);border-radius:var(--app-radius-md);background:var(--app-color-bg-raised);color:var(--app-color-text);font-family:var(--app-font-family);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-semibold);white-space:nowrap;box-shadow:var(--app-shadow-medium);cursor:grabbing;display:inline-flex}.dnd-preview[data-allowed=false]{border-color:var(--app-color-danger);cursor:not-allowed}.dnd-preview__deny{color:var(--app-color-danger);font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-regular)}.dnd-live{inline-size:var(--app-size-border);block-size:var(--app-size-border);margin:calc(-1 * var(--app-size-border));padding:var(--app-space-none);clip-path:inset(50%);white-space:nowrap;border:0;position:absolute;overflow:hidden}