.color-popover{align-items:center;gap:var(--space-xxsmall);grid-template-columns:auto 24px;min-width:0;display:inline-grid;position:relative}.color-popover__label{color:var(--indigo600);font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.color-popover__trigger,.color-popover__option{border:2px solid var(--white);border-radius:var(--border-radius-circle);width:24px;min-width:24px;height:24px;box-shadow:0 0 0 1px var(--indigo300);cursor:pointer;padding:0;display:block}.color-popover__trigger:hover,.color-popover__trigger:focus-visible,.color-popover__option:hover,.color-popover__option:focus-visible,.color-popover__option.active{box-shadow:0 0 0 2px var(--blue700)}.color-popover__trigger:disabled{cursor:not-allowed;opacity:.5}.color-popover__menu{top:calc(100% + var(--space-xsmall));z-index:10;box-sizing:border-box;width:min(256px, calc(100vw - (2 * var(--space-small))));max-width:calc(100vw - (2 * var(--space-small)));gap:var(--space-small);border:1px solid var(--indigoAlpha12);border-radius:var(--border-radius-large);background:var(--white);box-shadow:var(--shadow-medium);padding:var(--space-small);flex-direction:column;display:flex;position:absolute}.color-popover--align-start .color-popover__menu{left:0}.color-popover--align-end .color-popover__menu{right:0}.color-popover__swatches{gap:var(--space-xsmall);grid-template-columns:repeat(auto-fit,minmax(32px,1fr));display:grid}.color-popover__option{justify-self:center}.color-popover__custom-trigger{border:1px dashed var(--indigo300);border-radius:var(--border-radius-circle);background:var(--white);width:32px;height:32px;color:var(--indigo600);cursor:pointer;justify-content:center;justify-self:center;align-items:center;padding:0;display:inline-flex}.color-popover__custom-trigger svg{width:16px;height:16px;display:block}.color-popover__custom-trigger:hover,.color-popover__custom-trigger:focus-visible,.color-popover__custom-trigger.active{border-color:var(--blue700);background:var(--blue100);color:var(--blue700)}.color-popover__custom{gap:var(--space-xxsmall);border-top:1px solid var(--indigoAlpha12);padding-top:var(--space-small);flex-direction:column;display:flex}.color-popover__custom>label{margin:0}.color-popover__custom-inputs{align-items:center;gap:var(--space-xsmall);grid-template-columns:40px minmax(0,1fr);display:grid}.color-popover__native-input{border:1px solid var(--indigo200);border-radius:var(--border-radius-medium);background:var(--white);cursor:pointer;width:40px;height:40px;padding:3px}.color-popover__hex-input[aria-invalid=true]{border-color:var(--red400);box-shadow:0 0 0 1px var(--red400)}.color-popover__custom-actions{align-items:start;gap:var(--space-xsmall);grid-template-columns:minmax(0,1fr) auto;display:grid}.color-popover__custom-actions .button{margin:0}.color-popover__error{min-height:1.4em;color:var(--red700);font-size:var(--font-size-small);font-weight:var(--font-weight-normal);line-height:1.4}.search-field{font-weight:var(--font-weight-normal);margin:0;display:block;position:relative}.search-field .icon{left:var(--space-xsmall);color:var(--indigo500);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-field .input{padding-left:calc(var(--space-large) + var(--space-xxsmall))}.sticky-panel-toolbar{z-index:4;background:var(--white);padding-bottom:var(--space-xsmall);position:sticky;top:0}.switch-control{align-items:center;gap:var(--space-xsmall);border-radius:var(--border-radius-medium);color:var(--indigo700);cursor:pointer;padding:var(--space-xxsmall);background:0 0;border:0;margin:0;display:inline-flex}.switch-control:hover{background:var(--indigo50)}.switch-control:focus-visible{outline:2px solid var(--blue700);outline-offset:2px}.switch-control:disabled{cursor:not-allowed;opacity:.5}.switch-control__label{color:var(--indigo600);font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.switch-control__track{border:1px solid var(--indigo300);border-radius:var(--border-radius-large);background:var(--indigo100);flex:0 0 36px;align-items:center;width:36px;height:20px;transition:background .12s,border-color .12s;display:inline-flex;position:relative}.switch-control__thumb{border-radius:var(--border-radius-circle);background:var(--white);width:16px;height:16px;box-shadow:var(--shadow-small);transition:transform .12s;transform:translate(1px)}.switch-control[aria-checked=true] .switch-control__track{border-color:var(--blue700);background:var(--blue700)}.switch-control[aria-checked=true] .switch-control__thumb{transform:translate(17px)}.toolbar-control-group{justify-content:space-between;align-items:center;gap:var(--space-small);box-sizing:border-box;border:1px solid var(--indigoAlpha12);border-radius:var(--border-radius-large);background:var(--indigo50);width:100%;min-width:0;padding:var(--space-xsmall);display:flex}.toolbar-control-group>*{flex:0 auto}.card-recipe-preview{width:var(--card-width);max-width:var(--card-max-width);box-sizing:border-box;border-radius:calc(2 * var(--humaneyes-u));padding:var(--card-padding);font-family:var(--humaneyes-preview-font);text-align:left;border:2px solid #0000;font-weight:400;display:grid}.card-recipe-preview.component-preview{width:var(--card-width);max-width:var(--card-max-width);padding:var(--card-padding)}.card-recipe-preview--inline-icon{grid-template-columns:var(--card-icon-size) minmax(0, 1fr);column-gap:var(--card-icon-gap);align-items:start}.card-recipe-preview--stacked-icon,.card-recipe-preview--text-only{grid-template-columns:minmax(0,1fr)}.card-recipe-preview--stacked-icon{row-gap:var(--card-icon-gap)}.card-recipe-preview__icon{width:var(--card-icon-size);height:var(--card-icon-size);display:block}.card-recipe-preview__icon svg{width:100%;height:100%;display:block}.card-recipe-preview__text{gap:var(--card-title-body-gap);min-width:0;font-size:var(--card-body-size);flex-direction:column;line-height:1.35;display:flex}.card-recipe-preview__text strong{font-size:var(--card-title-size);font-weight:700;line-height:1.25}.a4-page-preview{width:min(100%,230px);aspect-ratio:var(--a4-width) / var(--a4-height);border:1px solid var(--indigoAlpha12);background:var(--a4-background);font-family:var(--humaneyes-preview-font);color:var(--a4-text-color);margin:0 auto;display:block;position:relative;overflow:hidden;box-shadow:0 2px 10px #0e25461a;container-type:inline-size}.a4-page-preview__guide{background:var(--a4-guide-color);opacity:var(--a4-guide-opacity);position:absolute;transform:translate(-50%,-50%)}.a4-page-preview__text{color:var(--a4-text-color);text-align:left;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;display:block;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.a4-page-preview__text--title{line-height:1.1}.a4-page-preview__text--body{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box}.a4-page-preview__card{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;transform:translate(-50%,-50%)}.a4-page-preview__card .card-recipe-preview{border-radius:calc(8 / var(--a4-width) * 100cqi);border-width:0}.component-grid--text .component-card{min-height:112px}.text-component-preview{width:100%;max-width:var(--component-width);justify-content:center;gap:var(--space-xxsmall);min-width:0;font-family:var(--humaneyes-preview-font);text-align:left;flex-direction:column;display:flex}.text-component-preview__copy{max-width:100%;font-size:clamp(12px, calc(var(--component-text-size) * .72), 26px);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.18;display:-webkit-box;overflow:hidden}.text-component-preview__copy--strong{font-weight:700}.text-component-preview__meta{color:var(--indigo500);font-size:var(--font-size-small);line-height:1.2}.component-browser{gap:var(--space-small);overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.component-toolbar,.component-sections{gap:var(--space-xsmall);flex-direction:column;display:flex}.component-sections>h2{margin:var(--space-xsmall) 0 0}.component-grid{gap:calc(1.5 * var(--humaneyes-u));grid-template-columns:1fr;min-width:0;display:grid}.component-search-field{width:100%}.component-card[hidden]{display:none}.component-card{border-radius:var(--border-radius-medium);background:var(--indigo50);width:100%;min-height:156px;padding:calc(1.5 * var(--humaneyes-u));color:var(--indigo700);cursor:pointer;border:0;align-items:stretch;display:flex;overflow:hidden;container-type:inline-size}.component-card:hover,.component-card:focus-visible{background:var(--blue100)}.component-card .asset-drag-preview{width:100%;display:flex}@font-face{font-family:HumanEyes GT Walsheim;src:url(/assets/HumanEyesGTWalsheim-Regular-Dvnmzgrn.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:HumanEyes GT Walsheim;src:url(/assets/HumanEyesGTWalsheim-Bold-B1HLeEnx.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}.component-preview{width:100%;max-width:var(--component-width);box-sizing:border-box;border-radius:calc(2 * var(--humaneyes-u));padding:var(--component-padding);font-family:var(--humaneyes-preview-font);text-align:left;border:2px solid #0000;font-weight:400;display:grid}.component-preview--inline-icon{grid-template-columns:var(--component-icon-size) minmax(0, 1fr);column-gap:var(--component-icon-gap);align-items:start}.component-preview--stacked-icon,.component-preview--text-only{grid-template-columns:minmax(0,1fr)}.component-preview--stacked-icon{row-gap:var(--component-icon-gap)}.component-preview__icon,.component-preview__icon svg{width:var(--component-icon-size);height:var(--component-icon-size);display:block}.component-preview__text{gap:var(--component-title-body-gap);min-width:0;font-size:var(--component-body-size);flex-direction:column;line-height:1.35;display:flex}.component-preview__text strong{font-size:var(--component-title-size);font-weight:700;line-height:1.25}.behavior-process-preview{width:100%;aspect-ratio:var(--behavior-width) / var(--behavior-height);font-family:var(--humaneyes-preview-font);color:var(--behavior-text-color);display:block;position:relative;overflow:hidden}.behavior-process-preview__cards{inset:0 var(--behavior-side-inset) auto;z-index:2;height:var(--behavior-card-height);grid-template-columns:repeat(var(--behavior-step-count), minmax(0, 1fr));gap:var(--behavior-card-gap);display:grid;position:absolute}.behavior-process-preview__step{min-width:0;position:relative}.behavior-process-preview__card{background:color-mix(in srgb, var(--behavior-card-color) calc(var(--behavior-card-opacity) * 100%), transparent);text-align:center;border-radius:8px;width:100%;height:100%;overflow:hidden}.behavior-process-preview__card-content{box-sizing:border-box;align-items:center;gap:var(--behavior-title-meta-gap);width:100%;height:100%;transform:translateY(var(--behavior-card-content-offset));flex-direction:column;padding:7% 4%;display:flex}.behavior-process-preview__badge{width:var(--behavior-badge-width);aspect-ratio:1;background:var(--behavior-badge-color);font-size:calc(var(--behavior-step-number-size) / var(--behavior-width) * 100cqi);border-radius:50%;place-items:center;font-weight:700;display:grid}.behavior-process-preview__illustration{width:var(--behavior-illustration-width);object-fit:contain;height:22%}.behavior-process-preview__card-content strong{width:100%;font-size:calc(var(--behavior-step-title-size) / var(--behavior-width) * 100cqi)}.behavior-process-preview__card-content>span:last-child:not(.behavior-process-preview__badge){width:100%;font-size:calc(var(--behavior-step-meta-size) / var(--behavior-width) * 100cqi);line-height:1.2}.behavior-process-preview__arrow{top:50%;right:calc(-.5 * var(--behavior-card-gap));z-index:4;width:min(18px,16%);display:block;position:absolute;transform:translate(50%,-50%)}.behavior-process-preview__arrow svg{width:100%;height:auto;display:block}.behavior-process-preview__foundation{top:var(--behavior-foundation-top);z-index:3;height:var(--behavior-foundation-height);text-align:center;position:absolute;left:0;right:0}.behavior-process-preview__foundation-shape{width:100%;height:100%;display:block;position:absolute;inset:0}.behavior-process-preview__foundation-content{top:var(--behavior-foundation-body-top);flex-direction:column;justify-content:center;align-items:center;gap:2%;display:flex;position:absolute;bottom:0;left:0;right:0}.behavior-process-preview__foundation-icon{width:var(--behavior-foundation-icon-width);aspect-ratio:1;height:auto;display:block}.behavior-process-preview__foundation-icon svg{width:100%;height:100%;display:block}.behavior-process-preview__foundation strong{font-size:calc(var(--behavior-foundation-title-size) / var(--behavior-width) * 100cqi)}.behavior-process-preview__foundation-content>span:last-child{font-size:calc(var(--behavior-foundation-meta-size) / var(--behavior-width) * 100cqi)}.unified-asset-browser{gap:var(--space-medium);overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.asset-library-tabs{gap:var(--space-xxsmall);border-bottom:1px solid var(--indigoAlpha12);display:flex}.asset-library-tab{color:var(--indigo500);cursor:pointer;font-size:var(--font-size-large);font-weight:var(--font-weight-bold);padding:var(--space-xsmall) var(--space-small);background:0 0;border:0;border-bottom:3px solid #0000}.asset-library-tab.active,.asset-library-tab:hover,.asset-library-tab:focus-visible{border-bottom-color:var(--blue700);color:var(--blue700)}.unified-asset-toolbar,.unified-asset-section{gap:var(--space-xsmall);flex-direction:column;display:flex}.unified-asset-section__header{justify-content:space-between;align-items:center;gap:var(--space-small);display:flex}.unified-asset-section h2{color:var(--indigo700);font-size:var(--font-size-large);margin:0;line-height:1.25}.asset-section-action{color:var(--indigo500);cursor:pointer;padding:var(--space-xxsmall);background:0 0;border:0}.asset-section-action:hover,.asset-section-action:focus-visible{color:var(--blue700);text-decoration:underline}.unified-asset-browser .asset-replacement-note{border-radius:var(--border-radius-large);background:var(--blue100);color:var(--blue800);padding:var(--space-small);line-height:1.4}.unified-asset-browser .asset-preview--icon{justify-content:center;align-items:center;display:inline-flex}.unified-asset-browser .asset-preview--icon svg{width:32px;height:32px;display:block}.unified-asset-browser .illustration-grid{--asset-tile-min:104px;--asset-preview-size:64px}.unified-asset-browser .illustration-grid .asset-card{min-height:104px}.asset-load-more{height:1px}.asset-grid{--asset-tile-min:72px;--asset-preview-size:44px;grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--asset-tile-min)), 1fr));align-items:stretch;gap:var(--space-xsmall);display:grid}.asset-card{align-items:center;gap:var(--space-xsmall);width:100%;color:var(--indigo700);cursor:pointer;font-size:var(--font-size-small);border-radius:var(--border-radius-medium);background:var(--indigo50);min-width:0;min-height:72px;padding:var(--space-xxsmall);border:0;flex-direction:column;justify-content:center;line-height:1.2;display:flex;overflow:hidden}.asset-card:hover,.asset-card:focus-visible{border-color:var(--blue500);background:var(--blue100)}.asset-preview{object-fit:contain;width:100%;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.asset-drag-preview{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;max-width:100%;display:inline-flex}.asset-drag-preview img,.asset-drag-preview svg,.asset-drag-preview .asset-preview{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.asset-card .asset-preview{max-width:100%;height:var(--asset-preview-size);flex:none}.asset-card--icon{min-height:72px}.asset-card--icon .asset-preview{width:32px;height:32px}.asset-preview--icon svg{width:100%;height:100%;display:block}.asset-card--scribble{min-height:84px}.asset-card--scribble .asset-preview,.asset-card--logo .asset-preview{width:var(--asset-preview-size);height:56px}.logo-grid{--asset-tile-min:120px;--asset-preview-size:56px}.scribble-grid{--asset-tile-min:96px;--asset-preview-size:56px}.native-tool--disabled{cursor:not-allowed;opacity:.62}.native-tool-badge{margin-top:var(--space-xxsmall);border-radius:var(--border-radius-medium);background:var(--indigo50);color:var(--indigo600);font-size:var(--font-size-small);padding:2px var(--space-xxsmall);align-self:flex-start;display:inline-flex}.asset-label{max-width:100%;color:var(--indigo600);font-size:var(--font-size-small);text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.logo-grid .asset-card{min-height:104px}.font-awesome-grid{--asset-tile-min:72px;--asset-preview-size:32px}.asset-grid .native-empty{grid-column:1/-1}.asset-state{align-items:flex-start;gap:var(--space-xsmall);border-radius:var(--border-radius-large);background:var(--indigo50);padding:var(--space-medium);flex-direction:column;display:flex}.asset-state--error{border:1px solid var(--red400);background:var(--red50)}.asset-state__icon{border-radius:var(--border-radius-circle);background:var(--white);width:32px;height:32px;color:var(--indigo600);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:inline-flex}.asset-state--loading .asset-state__icon{animation:1.2s ease-in-out infinite asset-state-pulse}.asset-state--error .asset-state__icon{color:var(--red700)}.asset-state__copy h2,.asset-state__copy p{margin:0}.asset-state__copy h2{font-size:var(--font-size-large);line-height:1.25}.asset-state__copy p{margin-top:var(--space-xxsmall);color:var(--indigo600);line-height:1.4}.asset-card:disabled{cursor:wait;opacity:.72}@keyframes asset-state-pulse{0%,to{opacity:.45}50%{opacity:1}}.illustration-grid{--asset-tile-min:120px;--asset-preview-size:72px}.asset-card--illustration{min-height:112px}.asset-card--illustration .asset-preview{object-fit:contain;width:100%;height:72px}.context-actions-panel{gap:var(--space-medium)}.context-actions-header{align-items:center;gap:var(--space-small);padding:var(--space-xsmall) 0;display:flex}.context-actions-header h1,.context-actions-header p{margin:0}.context-actions-header h1{margin-top:var(--space-xxsmall);color:var(--indigo700);font-size:var(--font-size-xlarge);line-height:1.2}.context-actions-eyebrow{color:var(--indigo500);font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.context-actions-list{gap:var(--space-xsmall);flex-direction:column;display:flex}.context-action-option{align-items:center;gap:var(--space-small);border:1px solid var(--indigoAlpha12);border-radius:var(--border-radius-large);background:var(--white);width:100%;color:var(--indigo700);cursor:pointer;padding:var(--space-small);text-align:left;grid-template-columns:minmax(0,1fr) auto;display:grid}.context-action-option:hover,.context-action-option:focus-visible{border-color:var(--blue500);background:var(--blue100)}.context-action-option strong,.context-action-option small{display:block}.context-action-option strong{font-size:var(--font-size-large);line-height:1.25}.context-action-option small{margin-top:var(--space-xxsmall);color:var(--indigo500);font-size:var(--font-size-medium);line-height:1.35}.context-action-option>.icon{color:var(--indigo500)}