html:root .button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--height-control-small);padding-inline:var(--space-4);border:0;border-radius:var(--radius-control);background-color:var(--surface-wash);color:var(--color-utility);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-ui-strong);line-height:var(--leading-body);padding-block:var(--space-1);white-space:normal;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast),color var(--duration-fast),transform var(--duration-press) var(--motion-ease)}html:root .button:active:not(:disabled,[aria-disabled=true]){transform:translateY(var(--motion-offset)) scale(var(--motion-scale));background-color:var(--surface-wash-hover)}@media (hover:hover){html:root .button:hover:not(:disabled,[aria-disabled=true]){background-color:var(--surface-wash-hover)}}html:root .button:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset);box-shadow:none}html:root .button:disabled,html:root .button[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed}html:root .button:disabled:hover,html:root .button[aria-disabled=true]:hover{background-color:var(--surface-wash)}html:root .button--action,html:root .button--large{min-height:var(--height-control-large);padding-inline:var(--space-6)}html:root .button--action{background-color:var(--color-accent);color:var(--surface-card)}html:root .button--action:active:not(:disabled,[aria-disabled=true]){background-color:var(--color-accent-hover)}@media (hover:hover){html:root .button--action:hover{background-color:var(--color-accent-hover)}}html:root .button--action:disabled:hover,html:root .button--action[aria-disabled=true]:hover{background-color:var(--color-accent)}html:root .button--danger{color:var(--color-error)}html:root .button--disc{min-height:var(--height-control-icon);height:var(--height-control-icon);flex-shrink:0;width:var(--height-control-icon);padding:0;border-radius:var(--radius-disc)}html:root .button--disc.button--large{min-height:var(--height-control-large);height:var(--height-control-large);width:var(--height-control-large)}html:root .button--full{width:100%}html:root .text-button{display:inline;padding:0;border:0;border-radius:var(--radius-control);background:none;font:inherit;font-weight:var(--weight-ui-strong);color:var(--color-ink);text-underline-offset:2px;cursor:pointer;transition:color var(--duration-fast)}@media (hover:hover){html:root .text-button:hover:not(:disabled,[aria-disabled=true]){text-decoration:underline}}html:root .text-button:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset);box-shadow:none}html:root .text-button:is(:disabled,[aria-disabled=true]){opacity:var(--opacity-disabled);cursor:not-allowed}html:root .text-button--muted{color:var(--color-utility)}@media (hover:hover){html:root .text-button--muted:hover:not(:disabled,[aria-disabled=true]){color:var(--color-ink)}html:root .button:not(.button--action,.button--danger):hover:not(:disabled,[aria-disabled=true]){color:var(--color-utility-hover,var(--color-utility))}}.field{display:block;width:100%;height:var(--height-control-small);padding-inline:var(--space-4);border:1px solid var(--border-rule);border-radius:var(--radius-field);background-color:var(--surface-muted);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-interface);line-height:var(--leading-body);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.field::-moz-placeholder{color:var(--color-muted);opacity:1}.field::placeholder{color:var(--color-muted);opacity:1}html:root .field{color:var(--color-ink);font:var(--weight-interface) var(--text-body)/var(--leading-body) var(--font-sans)}.field:focus-visible{background-color:var(--surface-card);outline:var(--focus-outline);outline-offset:var(--focus-offset);box-shadow:none}.field--large{height:var(--height-control-large);padding-inline:var(--space-4)}html:root .field:is(.field--error,[aria-invalid=true]){border-color:var(--color-error)}.field:disabled,.field[aria-disabled=true]{opacity:var(--opacity-disabled);background-color:var(--surface-muted);cursor:not-allowed}.field--area{height:auto;min-height:96px;padding-block:var(--space-2);resize:vertical}.field--area.field--large{padding-block:var(--space-3)}.field--grow{overflow:hidden;resize:none}.field--counted{padding-bottom:var(--space-6)}.field--start{padding-left:calc(var(--space-4) + var(--space-close) + var(--icon-inline))}.field--end{padding-right:calc(var(--space-4) + var(--space-close) + var(--icon-inline))}.field-wrap{position:relative}.field-affix{position:absolute;top:50%;display:inline-flex;color:color-mix(in srgb,var(--color-ink) 75%,transparent);transform:translateY(-50%);pointer-events:none}.field-affix--start{left:var(--space-4)}.field-affix--end{right:var(--space-4);pointer-events:auto}.field-count{position:absolute;right:var(--space-3);bottom:var(--space-2)}.field--select{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);text-align:left;cursor:pointer}.field--select[aria-expanded=true]{outline:var(--focus-outline);outline-offset:var(--focus-offset);box-shadow:none}.field__caret{flex-shrink:0;color:color-mix(in srgb,var(--color-ink) 75%,transparent);transition:transform var(--duration-fast)}.field--select[aria-expanded=true] .field__caret{transform:rotate(180deg)}.field-shell{display:flex;align-items:center;min-height:var(--height-control-large);padding:var(--space-1);border:1px solid var(--border-rule);border-radius:var(--radius-field);background-color:var(--surface-muted)}@media (min-width:640px){.field-shell--compact{max-width:176px}}.menu{position:fixed;z-index:var(--z-popover);max-height:240px;overflow:auto;margin:0;padding:var(--space-1);border:1px solid var(--border-rule);border-radius:var(--radius-menu);list-style:none;background-color:var(--surface-card);animation:measured-arrive var(--ui-enter) var(--ui-ease)}.menu__option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:var(--height-control-small);border-radius:var(--radius-menu-item);color:var(--color-utility);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-interface);line-height:var(--leading-body);cursor:pointer}.menu__option[data-active]{background-color:var(--surface-wash)}.menu__option[aria-selected=true]{background-color:var(--surface-selected);color:var(--color-selected);font-weight:var(--weight-ui-strong)}.menu__option[aria-disabled=true]{color:var(--color-muted);cursor:not-allowed}.menu__check{flex-shrink:0;visibility:hidden}.menu__option[aria-selected=true] .menu__check{visibility:visible}.avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--height-control-small);height:var(--height-control-small);overflow:hidden;border-radius:var(--radius-disc);background-color:var(--surface-wash);color:color-mix(in srgb,var(--color-ink) 75%,transparent);font-family:var(--font-sans);font-size:var(--text-micro);font-weight:var(--weight-ui-strong);letter-spacing:0;line-height:1}.avatar--large{width:96px;height:96px;font-size:var(--text-display)}.avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:24px;padding-inline:var(--space-2);border-radius:8px;background-color:var(--surface-wash);color:color-mix(in srgb,var(--color-ink) 75%,transparent);font-family:var(--font-sans);font-size:var(--text-micro);font-weight:var(--weight-regular);letter-spacing:0;line-height:var(--leading-compact);white-space:nowrap}.badge--error{background-color:var(--surface-error);color:var(--color-error)}.badge--paper{border:0;background-color:var(--surface-card);color:var(--color-ink)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--height-control-small);max-width:100%;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-control);background-color:var(--surface-wash);color:var(--color-utility);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-ui-strong);line-height:var(--leading-body);text-align:left;overflow-wrap:anywhere}button.chip{cursor:pointer;transition:background-color var(--duration-fast),color var(--duration-fast)}html:root .chip{font:var(--weight-ui-strong) var(--text-body)/var(--leading-body) var(--font-sans)}html:root .chip:not([aria-pressed=true]){color:var(--color-utility)}@media (hover:hover){html:root button.chip:hover:not([aria-pressed=true]){background-color:var(--surface-wash-hover);color:var(--color-utility-hover,var(--color-utility))}}.chip[aria-pressed=true]{background-color:var(--surface-selected);color:var(--color-selected)}.chip:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset);box-shadow:none}.chip__remove{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);margin-right:calc(var(--space-1) * -1);padding:0;border:0;border-radius:var(--radius-disc);background:none;color:inherit;cursor:pointer;transition:background-color var(--duration-fast),color var(--duration-fast)}@media (hover:hover){.chip__remove:hover{background-color:var(--surface-wash-hover);color:var(--color-utility-hover,var(--color-utility))}}.chip__remove:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset);box-shadow:none}.overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.overlay__scrim{position:absolute;inset:0;background-color:var(--consumer-modal-scrim);animation:fade-in var(--ui-exit) var(--ui-ease)}.overlay__scrim--closing{animation:fade-out var(--ui-exit) var(--ui-ease) forwards}.overlay__panel{position:relative;display:flex;flex-direction:column;width:100%;max-height:calc(100dvh - 32px);border:0;box-shadow:var(--shadow-content);border-radius:var(--radius-dialog);background-color:var(--surface-card);animation:measured-arrive var(--ui-enter) var(--ui-ease)}.overlay__panel--closing{animation:fade-out var(--ui-exit) var(--ui-ease) forwards}.overlay__panel--md{max-width:512px}.overlay__panel--lg{max-width:672px}.overlay__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-close);padding:var(--space-group) var(--space-group) var(--space-close);border-bottom:0}.overlay__body{flex:1;min-height:0;overflow:auto}.overlay__body,.overlay__foot{padding:0 var(--space-group) var(--space-group)}.overlay__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-close);border-top:0}.drawer{position:absolute;display:flex;flex-direction:column;border:0;background-color:var(--surface-card);animation:measured-arrive var(--ui-enter) var(--ui-ease)}.drawer--closing{animation:fade-out var(--ui-exit) var(--ui-ease) forwards}.drawer--right{inset-block:0;right:0;width:100%;max-width:448px;border-radius:var(--radius-dialog) 0 0 var(--radius-dialog)}.drawer--bottom{inset-inline:0;bottom:0;max-height:70dvh;border-radius:var(--radius-dialog) var(--radius-dialog) 0 0}.tooltip{position:absolute;z-index:var(--z-tooltip);padding:var(--space-1) var(--space-2);border-radius:8px;background-color:var(--color-ink);color:var(--surface-card);width:-moz-max-content;width:max-content;max-width:min(280px,calc(100vw - 32px));white-space:normal;overflow-wrap:anywhere;font:var(--weight-interface) var(--text-micro)/var(--leading-body) var(--font-sans);pointer-events:none;transition:opacity var(--ui-exit)}.overlay__head .type-section-heading{font-family:var(--font-sans);font-size:var(--text-panel);font-weight:var(--weight-heading);line-height:calc(var(--text-panel) + 8px)}.overlay__body:first-child{padding-top:var(--space-group)}.overlay__head .type-section-heading{overflow-wrap:anywhere}@media (max-width:599px){.overlay{padding:max(var(--space-4),env(safe-area-inset-top)) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom))}.overlay__panel{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.overlay__foot{flex-direction:column;align-items:stretch}}.content-surface{min-width:0;padding:var(--space-group);border-radius:var(--radius-card);background-color:var(--surface-card);color:var(--color-ink)}.content-surface .box--content{border-radius:0;background-color:transparent}.supporting-region,.supporting-region .tool-card .type-tool-name{color:color-mix(in srgb,var(--color-ink) 75%,transparent)}.segmented{position:relative;display:inline-flex;align-items:center;height:var(--height-control-small);padding:2px;border-radius:var(--radius-control);background-color:var(--surface-wash)}.segmented--large{height:var(--height-control-large)}.segmented--fluid{display:flex;width:100%}.segmented--disabled{opacity:var(--opacity-disabled)}.segmented__thumb{position:absolute;top:2px;bottom:2px;background-color:var(--surface-selected);pointer-events:none;transition:left var(--ui-feedback) var(--ui-ease),width var(--ui-feedback) var(--ui-ease),opacity var(--duration-fast)}.segmented__option,.segmented__thumb{border:0;border-radius:calc(var(--radius-control) - 2px)}.segmented__option{position:relative;z-index:1;height:100%;padding-inline:var(--space-4);background:none;color:var(--color-utility);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-ui-strong);line-height:var(--leading-body);white-space:nowrap;cursor:pointer;transition:color var(--duration-fast)}.segmented--fluid .segmented__option{flex:1;min-width:0;padding-inline:var(--space-2);overflow:hidden;text-overflow:ellipsis}.segmented__option[aria-pressed=true]{font-weight:var(--weight-ui-strong);color:var(--color-selected)}html:root .segmented__option{font:var(--weight-ui-strong) var(--text-body)/var(--leading-body) var(--font-sans)}html:root .segmented__option:not([aria-pressed=true]){color:var(--color-utility)}@media (hover:hover){html:root .segmented__option:hover:not(:disabled,[aria-pressed=true]){color:var(--color-utility-hover,var(--color-utility))}}.segmented__option:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset);box-shadow:none}.segmented__option:disabled{cursor:not-allowed}.medallion{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:96px;height:96px;border-radius:var(--radius-disc);background-color:var(--surface-muted);color:color-mix(in srgb,var(--color-ink) 75%,transparent)}.medallion--error{background-color:var(--surface-error);color:var(--color-error)}.medallion__ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.medallion__track{fill:none;stroke:var(--border-rule);stroke-width:2.5}.medallion__arc{fill:none;stroke:var(--color-accent);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:75 224;transform-origin:center;animation:medallion-spin 1.4s linear infinite}@keyframes medallion-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.medallion__arc{stroke-dasharray:none;opacity:.3;animation:none}}.tool-card{display:flex;flex-direction:column;min-width:0;background:transparent;border-radius:0;box-shadow:none}.tool-card__media{width:100%;aspect-ratio:16/10;border-radius:var(--radius-artwork)}.tool-card__copy{min-width:0;padding:var(--space-close) 0 0}.tool-card__copy .type-tool-name{font-size:var(--text-item);font-weight:var(--weight-heading);line-height:1.4;letter-spacing:0}.tool-card__meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:var(--space-1)}.tool-card__creator{display:inline-flex;align-items:center;gap:7px}.tool-card__creator-link{position:relative;z-index:11;border-radius:50%}.tool-card__creator .avatar{width:24px;height:24px;font-size:10px}.tool-card__photo-note{display:none}.tool-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-group)}@media (min-width:761px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-group)}.tool-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.tool-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.tool-card__media img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 25%;object-position:50% 25%}.tool-card__actions-frame{position:absolute;inset:0 0 auto;z-index:12;width:100%;aspect-ratio:16/10;pointer-events:none}.experience-actions{position:absolute;bottom:8px;right:8px;z-index:12;color:var(--color-utility);pointer-events:auto}.tool-card:has(.experience-actions[open]){z-index:13}.experience-actions summary{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;list-style:none;cursor:pointer}.experience-actions summary::-webkit-details-marker{display:none}.experience-actions summary:before{position:absolute;inset:4px;border-radius:50%;background:var(--consumer-on-artwork);content:""}.experience-actions summary svg{position:relative;width:18px;height:18px}.experience-actions summary:hover:before,.experience-actions__menu{background:var(--surface-card)}.experience-actions__menu{position:absolute;bottom:calc(100% + 4px);right:0;width:180px;max-width:calc(100vw - 40px);padding:6px;border-radius:var(--radius-menu);box-shadow:var(--shadow-content)}.experience-actions__menu .button{width:100%;justify-content:flex-start;border-radius:10px;background:transparent}.experience-actions__menu p{font-size:12px;padding-inline:8px}.experience-actions__menu p:empty{display:none}.tool-card__media:empty{min-height:0}.tool-card__media:not(:has(img)){aspect-ratio:16/10}