:where(input[type=range]){appearance:none;cursor:pointer;background:0 0;max-width:100%;min-height:44px}:where(input[type=range])::-webkit-slider-runnable-track{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);height:6px}:where(input[type=range])::-moz-range-track{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);height:6px}:where(input[type=range])::-webkit-slider-thumb{appearance:none;border:2px solid var(--color-surface);background:var(--color-scout-blue-strong);width:18px;height:18px;box-shadow:0 0 0 1px var(--color-border);border-radius:5px;margin-top:-7px}:where(input[type=range])::-moz-range-thumb{border:2px solid var(--color-surface);background:var(--color-scout-blue-strong);width:14px;height:14px;box-shadow:0 0 0 1px var(--color-border);border-radius:5px}:where(input[type=range]):focus-visible{outline:3px solid var(--color-scout-blue-border);outline-offset:3px}:where(input[type=range]):disabled{opacity:.5;cursor:default}@media (forced-colors:active){:where(input[type=range])::-webkit-slider-thumb{background:buttontext}:where(input[type=range])::-moz-range-thumb{background:buttontext}}.ui-sample{color-scheme:light;--color-canvas:#f7f6f4;--color-surface:#fff;--color-surface-muted:#f1efed;--color-surface-hover:#f2edeb;--color-text:#292526;--color-text-muted:#70696a;--color-heading:var(--color-core-graphite);--color-link:var(--color-scout-blue);--color-link-hover:var(--color-scout-blue-strong);--color-border:#e1dedd;--color-border-strong:#bfb7b5;--color-info:var(--color-scout-blue-strong);--color-info-background:var(--color-scout-blue-soft);--color-info-border:var(--color-scout-blue-border);--color-success:var(--color-builder-green-strong);--color-success-background:var(--color-builder-green-soft);--color-success-border:var(--color-builder-green-border);--color-warning:var(--color-thinker-orange-strong);--color-warning-background:var(--color-thinker-orange-soft);--color-warning-border:var(--color-thinker-orange-border);--color-error:var(--color-auditor-red-strong);--color-error-background:var(--color-auditor-red-soft);--color-error-border:var(--color-auditor-red-border);--color-focus:var(--color-scout-blue);color:var(--color-text);background:var(--color-surface)}.platform-index{border-block:1px solid var(--color-border);flex-wrap:wrap;gap:.55rem 1.25rem;padding:.9rem 0;display:flex}.platform-index a{font-size:var(--font-size-small);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.platform-index span,.element-category-heading>span{color:var(--color-text-muted);font-size:var(--font-size-small);font-variant-numeric:tabular-nums}.catalog-note{max-width:74ch;color:var(--color-text-muted);font-size:var(--font-size-small);margin:1rem 0 0}.catalog-platform{scroll-margin-top:1rem}.element-category{margin-top:1.5rem;scroll-margin-top:1rem}.element-category-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.4rem;padding:.5rem 0;display:flex}.element-category-heading h3{font-size:var(--font-size-body);margin:0}.element-list{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.element-entry{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;padding:.9rem}.element-entry-heading{align-items:center;gap:.65rem;min-width:0;margin-bottom:.75rem;display:flex}.element-order{min-width:1.8rem;color:var(--color-text-muted);font-size:var(--font-size-small);font-variant-numeric:tabular-nums}.element-name{flex:1;gap:.1rem;min-width:0;display:grid}.element-name strong{font-size:var(--font-size-body);font-weight:600}.element-expand-button{min-height:2.25rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-size-small);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:.4rem .65rem;font-weight:600;display:inline-flex}.element-expand-button:hover{background:var(--color-scout-blue-border)}.element-name small{overflow-wrap:anywhere;color:var(--color-text-muted);font-size:var(--font-size-small)}.element-preview{min-height:15rem;color:var(--color-text);background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-sm);place-items:center;padding:1rem;display:grid;overflow:auto}.element-preview:has(.sample-context-demo){min-height:18rem;overflow:visible}.element-preview .ui-sample:has(.sample-context-demo){align-items:center;min-height:15rem;overflow:visible}.element-preview:has(.sample-hover){min-height:17rem;overflow:visible}.element-preview:has(.sample-hover-card[data-state=open]){min-height:23.5rem;padding-bottom:7.5rem}.element-preview:has(.sample-combo-menu:not([hidden])){align-items:start;min-height:15rem;overflow:visible}.element-preview .ui-sample:has(.sample-combo-menu:not([hidden])){align-content:start;min-height:13rem;padding-top:.5rem}.element-preview:has(.sample-save-panel){transition:min-height .18s cubic-bezier(.2,.8,.2,1)}.element-preview:has(.sample-save-menu:not([hidden])){place-items:start center;min-height:29rem;overflow:visible}.element-preview .ui-sample:has(.sample-save-panel){transition:min-height .18s cubic-bezier(.2,.8,.2,1)}.element-preview .ui-sample:has(.sample-save-menu:not([hidden])){align-content:start;min-height:27rem;padding-top:.5rem}.element-preview .ui-sample:has(.sample-hover){min-height:15rem}.element-preview .ui-sample{width:100%;max-width:44rem;min-height:12rem}.element-preview:has(.sample-search-demo){transition:min-height .17s cubic-bezier(.2,.75,.25,1)}.element-preview:has(.sample-search-recents:not([hidden])){place-items:start center;min-height:20rem;overflow:visible}.element-preview .ui-sample:has(.sample-search-recents:not([hidden])){align-items:flex-start;min-height:18rem;padding-top:.5rem;overflow:visible}.element-preview .ui-sample>*{max-width:100%}.element-preview:has(.sample-bottom-nav-demo){place-items:start center}.element-preview .ui-sample:has(.sample-bottom-nav-demo){align-items:flex-start}.element-notes{border-top:1px solid var(--color-border);margin-top:.75rem}.element-notes>summary{color:var(--color-link);font-size:var(--font-size-small);cursor:pointer;padding:.65rem 0 .1rem;font-weight:600}.element-notes>summary:focus-visible,.element-expand-button:focus-visible,.ui-sample button:focus-visible,.ui-sample input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.element-content{padding:.65rem .1rem .35rem}.element-demo-dialog{width:min(58rem,100vw - 2rem);max-width:none;max-height:calc(100vh - 2rem);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1.25rem;box-shadow:0 1.25rem 4rem #443a3b3d}.element-demo-dialog[data-anchor-top=true]{top:min(var(--demo-dialog-anchor-top), calc(100vh - 3rem));top:min(var(--demo-dialog-anchor-top), calc(100dvh - 3rem));max-height:calc(100vh - min(var(--demo-dialog-anchor-top), calc(100vh - 3rem)) - 1rem);max-height:calc(100dvh - min(var(--demo-dialog-anchor-top), calc(100dvh - 3rem)) - 1rem);overscroll-behavior:contain;margin:0;position:fixed;bottom:auto;left:50%;right:auto;overflow:auto;transform:translate(-50%)}.element-demo-dialog::backdrop{background:#1f1b1c9e}.element-demo-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.element-demo-heading .eyebrow{margin-bottom:.25rem}.element-demo-heading h2{margin:0;font-size:1.35rem}.element-demo-description{max-width:70ch;color:var(--color-text-muted)}.element-demo-stage{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-sm);place-items:center;min-height:18rem;padding:1.25rem;display:grid}.element-demo-stage:has(.sample-bottom-nav-demo){place-items:start center}.element-demo-stage .ui-sample:has(.sample-bottom-nav-demo){align-items:flex-start;min-height:0}.element-demo-stage:has(.sample-menu-bar-demo){place-items:start center;min-height:23rem;overflow:visible}.element-demo-stage:has(.sample-context-demo){min-height:22rem;overflow:visible}.element-demo-stage .ui-sample:has(.sample-context-demo){align-items:center;max-width:44rem;min-height:19rem;overflow:visible}.element-demo-stage .ui-sample:has(.sample-menu-bar-demo){align-items:flex-start;max-width:54rem;min-height:18rem;padding-top:2.5rem;overflow:visible}.element-demo-stage:has(.sample-multi-select-showcase){min-height:29rem}.element-demo-stage:has(.sample-multi-select-showcase) .ui-sample{max-width:54rem;min-height:25rem}.element-demo-stage:has(.sample-hover){min-height:25rem}.element-demo-stage .ui-sample:has(.sample-hover){max-width:34rem;min-height:19rem}.element-demo-stage:has(.sample-control-trio){min-height:22rem}.element-preview:has(.sample-popup-comparison){min-height:18rem;overflow:visible;container-type:inline-size}.element-preview .ui-sample:has(.sample-popup-comparison){min-height:16rem;overflow:visible}.element-demo-stage:has(.sample-popup-comparison){min-height:25rem;overflow:visible;container-type:inline-size}.element-demo-stage .ui-sample:has(.sample-popup-comparison){max-width:56rem;min-height:22rem;overflow:visible}.element-demo-stage:has(.sample-save-panel){min-height:25rem}.element-demo-stage .ui-sample:has(.sample-save-panel){max-width:42rem;min-height:23rem}.element-demo-stage:has(.sample-save-panel){transition:min-height .18s cubic-bezier(.2,.8,.2,1)}.element-demo-stage:has(.sample-save-menu:not([hidden])){min-height:29rem;overflow:visible}.element-demo-stage .ui-sample:has(.sample-save-panel){transition:min-height .18s cubic-bezier(.2,.8,.2,1)}.element-demo-stage .ui-sample:has(.sample-save-menu:not([hidden])){align-content:start;min-height:27rem;padding-top:.5rem}.element-demo-stage .ui-sample{width:100%;max-width:48rem;min-height:15rem;font-size:1.05rem}.element-demo-stage:has(.sample-search-demo){transition:min-height .17s cubic-bezier(.2,.75,.25,1)}.element-demo-stage:has(.sample-search-recents:not([hidden])){place-items:start center;min-height:22rem;overflow:visible}.element-demo-stage .ui-sample:has(.sample-search-recents:not([hidden])){align-items:flex-start;min-height:20rem;padding-top:.5rem;overflow:visible}.element-demo-stage .ui-sample:has(.sample-parallax){max-width:40rem}.element-demo-stage .sample-parallax-viewport{--parallax-scroll-distance:calc(100% - 13rem + 2px);height:13rem}.ui-sample,.ui-sample *{box-sizing:border-box;font-family:Space Grotesk,sans-serif}.ui-sample{width:100%;min-width:0;min-height:12rem;color:var(--color-text);justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1.5;display:flex}:where(.ui-sample) button{color:inherit;font:inherit;line-height:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0}.ui-sample input{min-width:0;color:inherit;font:inherit}.ui-sample strong,.ui-sample b{font-weight:600}.ui-sample small{color:var(--color-text-muted);font-size:.82rem}.ui-sample .ui-icon{color:var(--color-scout-blue);width:.95rem;height:.95rem}.sample-button{min-height:2rem;color:var(--color-white);background:var(--color-scout-blue);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:.35rem .7rem;font-size:.88rem;font-weight:600;display:inline-flex}.sample-button-small{min-height:1.8rem;padding-inline:.55rem}.sample-input-line{min-height:2rem;color:var(--color-text-muted);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:.35rem .55rem;display:flex}.sample-state{border-radius:3px;width:fit-content;padding:.15rem .4rem;font-size:.82rem}.sample-state-green{color:var(--color-builder-green-strong);background:var(--color-builder-green-soft)}.sample-state-orange{color:var(--color-thinker-orange-strong);background:var(--color-thinker-orange-soft)}.sample-state-red{color:var(--color-auditor-red);background:var(--color-auditor-red-soft)}.sample-card-blue{background:var(--color-scout-blue-soft)}.sample-card-orange{background:var(--color-thinker-orange-soft)}.sample-card-green{background:var(--color-builder-green-soft)}.sample-card-red{background:var(--color-auditor-red-soft)}.sample-data-table{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;overflow:hidden;container-type:inline-size}.sample-data-table-scroll{width:100%;overflow-x:auto}.sample-data-table table{width:max(100%, var(--sample-table-width,100%));table-layout:fixed;border-collapse:collapse;text-align:left;min-width:100%;font-size:.72rem}.sample-data-table th,.sample-data-table td{border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.5rem .65rem}.sample-data-table th{border-bottom:1px solid var(--color-border);white-space:nowrap;color:var(--color-text-muted);background:var(--color-surface-muted);padding:.5rem .65rem;font-weight:600;position:relative}.sample-data-table th.sample-data-select,.sample-data-table td:first-child{padding-inline:.65rem .2rem}.sample-data-table th[data-sort-column] button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.4rem;padding:0;display:flex}.sample-data-table .sample-sort-icon{width:.9rem;height:.9rem;color:var(--color-text-muted)}.sample-data-table th[aria-sort] .sample-sort-icon,.sample-data-table th[data-sort-column] button:hover{color:var(--color-scout-blue)}.sample-table-resize-handle{z-index:2;inset-block:0;width:.9rem;color:var(--color-text-muted);cursor:col-resize;touch-action:none;border-radius:3px;place-items:center;display:grid;position:absolute;right:-.45rem}.sample-table-resize-handle:after{content:"";opacity:.4;border-inline:1px solid;width:4px;height:1.1rem;transition:opacity .12s,color .12s}.sample-table-resize-handle:hover,.sample-table-resize-handle:focus-visible{color:var(--color-scout-blue);background:var(--color-scout-blue-soft);outline:2px solid var(--color-scout-blue);outline-offset:-2px}.sample-table-resize-handle:hover:after,.sample-table-resize-handle:focus-visible:after{opacity:1}.sample-data-table tbody tr:nth-child(2n){background:var(--color-surface)}.sample-data-table tbody tr:hover{background:var(--color-surface-muted)}.sample-data-table tbody tr.is-selected,.sample-data-table tbody tr.is-selected:hover{background:var(--color-scout-blue-soft)}.sample-data-table tbody tr.is-entering>td{animation:.19s cubic-bezier(.22,1,.36,1) both sample-data-table-row-enter;animation-delay:var(--table-row-delay,0s)}@keyframes sample-data-table-row-enter{0%{opacity:.35}to{opacity:1}}.sample-data-table td:last-child,.sample-data-table th:last-child{text-align:right}.sample-data-table th:last-child,.sample-data-table td:last-child{padding-inline:.55rem}.sample-data-table td:last-child{font-variant-numeric:tabular-nums;font-weight:600}.sample-data-table input[type=checkbox]{width:.9rem;height:.9rem;accent-color:var(--color-scout-blue);vertical-align:middle;cursor:pointer;margin:0}.sample-data-table-footer{min-height:2.3rem;color:var(--color-text-muted);background:var(--color-white);justify-content:space-between;align-items:center;gap:.65rem;padding:.35rem .65rem;font-size:.66rem;display:flex}.sample-data-table-footer>*,.sample-data-table-pages>*{white-space:nowrap}.sample-data-table-footer [data-table-selection]{color:var(--color-scout-blue-strong);font-weight:600}.sample-data-table-pages{align-items:center;gap:.4rem;display:flex}.sample-data-table-pages button{min-height:2rem;color:var(--color-scout-blue);background:var(--color-white);border:1px solid var(--color-border);font:inherit;cursor:pointer;border-radius:3px;padding:.15rem .45rem}.sample-data-table-pages button:hover:not(:disabled){background:var(--color-scout-blue-soft)}.sample-data-table-pages button:disabled{color:var(--color-text-muted);opacity:.5;cursor:default}@media (prefers-reduced-motion:reduce){.sample-data-table tbody tr.is-entering>td{animation:none}}@container (width<=40rem){.sample-data-table-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"selection range""pages pages";gap:.4rem .65rem;padding-block:.5rem;display:grid}.sample-data-table-footer [data-table-selection]{grid-area:selection}.sample-data-table-footer [data-table-range]{text-align:right;grid-area:range}.sample-data-table-pages{grid-area:pages;grid-template-columns:minmax(0,1fr) auto auto;gap:.35rem;display:grid}}.sample-bottom-nav-demo{width:min(100%,21rem);min-height:17rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:.9rem;grid-template-rows:minmax(0,1fr) auto;display:grid;overflow:hidden;box-shadow:0 .75rem 1.75rem #192a4014}.sample-bottom-screen{background:linear-gradient(180deg, var(--color-white), var(--color-surface-muted));align-content:start;gap:1rem;min-height:12.5rem;padding:1rem 1rem .85rem;display:grid}.sample-bottom-screen.is-entering{animation:.2s ease-out both sample-bottom-panel-enter}@keyframes sample-bottom-panel-enter{0%{opacity:.7;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}.sample-bottom-screen-header{gap:.2rem;display:grid}.sample-bottom-screen-header small{color:var(--color-text-muted);letter-spacing:.08em;text-transform:none;font-size:.62rem;font-weight:600}.sample-bottom-screen-header h3{margin:0;font-size:1rem}.sample-bottom-screen-content{gap:.5rem;display:grid}.sample-bottom-summary{color:var(--color-text-muted);margin:0 0 .15rem;font-size:.7rem}.sample-bottom-project{background:var(--color-white);border:1px solid var(--color-border);border-radius:.55rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.55rem .65rem;display:grid}.sample-bottom-project-mark{width:1.8rem;height:1.8rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-radius:.45rem;place-items:center;font-size:.7rem;font-weight:700;display:grid}.sample-bottom-project-copy{gap:.1rem;min-width:0;display:grid}.sample-bottom-project-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.sample-bottom-project-copy small{color:var(--color-text-muted);font-size:.6rem}.sample-bottom-project .ui-icon{width:.9rem;height:.9rem;color:var(--color-text-muted)}.sample-bottom-nav{width:100%;padding:.35rem .4rem calc(.4rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--color-white);grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:.15rem;display:grid;position:relative}.sample-nav-item{min-width:0;min-height:2.8rem;color:var(--color-text-muted);border-radius:.55rem;align-content:center;justify-items:center;gap:.18rem;padding:.25rem .1rem;text-decoration:none;transition:color .12s,background-color .12s;display:grid;position:relative}.sample-nav-item .ui-icon{width:1rem;height:1rem}.sample-nav-item small{max-width:100%;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:600;overflow:hidden}.sample-nav-item:hover{color:var(--color-scout-blue-strong);background:var(--color-surface-muted)}.sample-nav-item.is-current{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-nav-item:focus-visible{z-index:1;outline:2px solid var(--color-focus);outline-offset:1px}.sample-nav-icon-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.sample-nav-badge{min-width:1rem;height:1rem;color:var(--color-white);background:var(--color-auditor-red-strong);border:2px solid var(--color-white);border-radius:999px;place-items:center;padding-inline:.2rem;font-size:.55rem;font-weight:700;line-height:1;display:grid;position:absolute;top:-.35rem;right:-.625rem}@media (prefers-reduced-motion:reduce){.sample-bottom-screen.is-entering{animation:none}}.element-preview .ui-sample .sample-nav-badge,.element-demo-stage .ui-sample .sample-nav-badge{font-size:.55rem;line-height:1}.sample-timeline{width:min(100%,36rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:.65rem;overflow:hidden}.sample-timeline-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.sample-timeline-heading{gap:.12rem;display:grid}.sample-timeline-heading strong{font-size:.9rem}.sample-timeline-heading small,.sample-timeline-time,.sample-timeline-event small,.sample-timeline-hint{color:var(--color-text-muted)}.sample-timeline-heading small,.sample-timeline-event small{font-size:.75rem}.sample-timeline-status{color:var(--color-scout-blue-strong);text-align:right;font-size:.75rem;font-weight:600}.sample-timeline-list{margin:0;padding:1rem 1.1rem 0;list-style:none;display:grid}.sample-timeline-item{grid-template-columns:4.1rem .9rem minmax(0,1fr);align-items:stretch;column-gap:.75rem;padding-bottom:1rem;display:grid;position:relative}.sample-timeline-item:after{z-index:0;background:var(--color-border-strong);content:"";width:2px;position:absolute;top:.75rem;bottom:-.75rem;left:calc(5.3rem - 1px)}.sample-timeline-item.is-complete:after{background:var(--color-scout-blue)}.sample-timeline-item:last-child{padding-bottom:0}.sample-timeline-item:last-child:after{display:none}.sample-timeline-time{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;padding-top:.15rem;font-size:.7rem}.sample-timeline-marker{z-index:1;justify-content:center;align-items:flex-start;display:flex;position:relative}.sample-timeline-dot{background:var(--color-scout-blue);border:2px solid var(--color-scout-blue);border-radius:50%;flex:none;width:.62rem;height:.62rem;margin-top:.44rem}.sample-timeline-dot-button{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;margin:-.25rem 0 0;padding:0;display:grid;position:relative}.sample-timeline-dot-button:before{background:var(--color-white);border:2px solid var(--color-scout-blue);width:.62rem;height:.62rem;box-shadow:0 0 0 3px var(--color-scout-blue-soft);content:"";border-radius:50%}.sample-timeline-dot-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.sample-timeline-dot-button[aria-pressed=true]:before{background:var(--color-scout-blue);box-shadow:none}.sample-timeline-event{align-content:start;gap:.08rem;min-width:0;display:grid}.sample-timeline-event strong{font-size:.82rem}.sample-timeline-hint{margin:0;padding:.65rem 1.1rem .85rem;font-size:.68rem}.sample-status{width:min(100%,28rem)}.sample-status[data-presence-state=available]{--sample-presence-color:var(--color-success-accent)}.sample-status[data-presence-state=away]{--sample-presence-color:var(--color-warning-accent)}.sample-status[data-presence-state=busy]{--sample-presence-color:var(--color-error-accent)}.sample-status[data-presence-state=offline]{--sample-presence-color:var(--color-border-strong)}.sample-presence-card{color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:.7rem;overflow:hidden}.sample-presence-header{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;font-size:.68rem;font-weight:600;display:flex}.sample-presence-live{color:var(--color-text);align-items:center;gap:.4rem;display:flex}.sample-presence-live-dot,.sample-presence-option-dot{background:var(--sample-presence-color);border-radius:50%;flex:none;width:.5rem;height:.5rem}.sample-presence-live-dot,.sample-presence-avatar-indicator>span{transition:background-color .18s}.sample-presence-person{align-items:center;gap:.8rem;padding:.9rem;display:flex}.sample-presence-avatar{width:3.5rem;height:3.5rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-radius:50%;flex:none;place-items:center;font-size:1rem;font-weight:600;display:grid;position:relative}.sample-presence-avatar-indicator{background:var(--color-white);border-radius:50%;place-items:center;width:1rem;height:1rem;display:grid;position:absolute;bottom:-.08rem;right:-.08rem}.sample-presence-avatar-indicator:before{background:var(--sample-presence-color);content:"";opacity:0;border-radius:50%;position:absolute;inset:0}.sample-status[data-presence-state=available] .sample-presence-avatar-indicator:before{animation:1.8s ease-out infinite sample-presence-ping}.sample-presence-avatar-indicator>span{z-index:1;background:var(--sample-presence-color);border:2px solid var(--color-white);border-radius:50%;width:.58rem;height:.58rem;position:relative}.sample-presence-identity{gap:.12rem;min-width:0;display:grid}.sample-presence-identity strong{font-size:.9rem}.sample-presence-identity>span{color:var(--color-text);font-size:.75rem;font-weight:600}.sample-presence-identity small{color:var(--color-text-muted);font-size:.7rem}.sample-presence-fieldset{border:0;border-top:1px solid var(--color-border);min-width:0;margin:0;padding:.65rem .9rem .7rem}.sample-presence-fieldset legend{color:var(--color-text-muted);padding:0;font-size:.68rem;font-weight:600}.sample-presence-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.sample-presence-option{min-width:0;min-height:2.25rem;color:var(--color-text-muted);background:var(--color-white);border:1px solid var(--color-border);cursor:pointer;font:inherit;white-space:nowrap;border-radius:.35rem;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .25rem;font-size:.64rem;transition:color .18s,background-color .18s,border-color .18s;display:flex}.sample-presence-option[data-status=available] .sample-presence-option-dot{background:var(--color-success-accent)}.sample-presence-option[data-status=away] .sample-presence-option-dot{background:var(--color-warning-accent)}.sample-presence-option[data-status=busy] .sample-presence-option-dot{background:var(--color-error-accent)}.sample-presence-option[data-status=offline] .sample-presence-option-dot{background:var(--color-border-strong)}.sample-presence-option[aria-pressed=true]{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-color:var(--color-scout-blue-border);font-weight:600}.sample-status.is-changing .sample-presence-live,.sample-status.is-changing .sample-presence-identity>span,.sample-status.is-changing .sample-presence-identity small,.sample-status.is-changing .sample-presence-feedback{animation:.18s cubic-bezier(.22,1,.36,1) both sample-presence-copy-enter}.sample-status.is-changing .sample-presence-live-dot,.sample-status.is-changing .sample-presence-avatar-indicator>span{animation:.18s cubic-bezier(.22,1,.36,1) both sample-presence-dot-enter}.sample-presence-option:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sample-presence-feedback{min-height:1.8rem;color:var(--color-text-muted);margin:0;padding:0 .9rem .7rem;font-size:.68rem}@keyframes sample-presence-copy-enter{0%{opacity:.55;transform:translateY(.12rem)}to{opacity:1;transform:translateY(0)}}@keyframes sample-presence-dot-enter{0%{opacity:.65;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes sample-presence-ping{0%{opacity:.38;transform:scale(.72)}to{opacity:0;transform:scale(1.65)}}@media (prefers-reduced-motion:reduce){.sample-status[data-presence-state=available] .sample-presence-avatar-indicator:before{animation:none}.sample-presence-live-dot,.sample-presence-avatar-indicator>span,.sample-presence-option{transition:none}.sample-status.is-changing .sample-presence-live,.sample-status.is-changing .sample-presence-identity>span,.sample-status.is-changing .sample-presence-identity small,.sample-status.is-changing .sample-presence-feedback,.sample-status.is-changing .sample-presence-live-dot,.sample-status.is-changing .sample-presence-avatar-indicator>span{animation:none}}.sample-chat{width:min(100%,28rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:.75rem;display:grid;overflow:hidden}.sample-chat-header{border-bottom:1px solid var(--color-border);align-items:center;gap:.65rem;min-width:0;padding:.8rem .9rem;display:flex}.sample-chat-avatar{width:2.2rem;height:2.2rem;color:var(--color-white);background:var(--color-scout-blue);border-radius:50%;flex:none;place-items:center;font-size:.7rem;font-weight:600;display:grid}.sample-chat-contact{gap:.05rem;min-width:0;display:grid}.sample-chat-contact strong{font-size:.78rem}.sample-chat-contact small{color:var(--color-text-muted);font-size:.65rem}.sample-chat-online{color:var(--color-text-muted);flex:none;align-items:center;gap:.35rem;margin-left:auto;font-size:.64rem;display:inline-flex}.sample-chat-online>span{background:var(--color-success-accent);border-radius:50%;width:.45rem;height:.45rem}.sample-chat-log{align-content:start;gap:.9rem;min-width:0;margin:0;padding:1.1rem;list-style:none;display:grid}.sample-chat-message{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.sample-chat-message-outgoing{align-items:flex-end}.sample-chat-bubble{overflow-wrap:anywhere;max-width:min(82%,22rem);color:var(--color-text);background:var(--color-surface-muted);border-radius:.8rem .8rem .8rem .2rem;margin:0;padding:.6rem .8rem;line-height:1.4;position:relative}.sample-chat-message-incoming .sample-chat-bubble:after,.sample-chat-typing:after{background:inherit;clip-path:polygon(100% 0,100% 100%,0 100%);content:"";width:.48rem;height:.48rem;position:absolute;bottom:.08rem;left:-.38rem}.sample-chat-send-button{color:var(--color-white);background:var(--color-scout-blue);cursor:pointer;font:inherit;text-align:left;border:0;border-radius:.8rem .8rem .2rem}.sample-chat-send-button:after{background:inherit;clip-path:polygon(0 0,0 100%,100% 100%);content:"";width:.48rem;height:.48rem;position:absolute;bottom:.08rem;right:-.38rem}.sample-chat-send-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.sample-chat-send-button[aria-pressed=true]{background:var(--color-scout-blue-strong)}.sample-chat-meta{color:var(--color-text-muted);align-items:center;gap:.3rem;margin-top:.28rem;font-size:.64rem;display:inline-flex}.sample-chat-meta [data-chat-status]{font-weight:600}.sample-chat-typing{background:var(--color-surface-muted);border-radius:.8rem .8rem .8rem .2rem;align-items:center;gap:.24rem;padding:.75rem .8rem;display:inline-flex;position:relative}.sample-chat-typing-dot{background:var(--color-text-muted);border-radius:50%;width:.32rem;height:.32rem;animation:1.2s ease-in-out infinite sample-chat-typing}.sample-chat-typing-dot:nth-child(2){animation-delay:.15s}.sample-chat-typing-dot:nth-child(3){animation-delay:.3s}@keyframes sample-chat-typing{0%,60%,to{opacity:.55;transform:translateY(0)}30%{opacity:1;transform:translateY(-.2rem)}}@media (prefers-reduced-motion:reduce){.sample-chat-typing-dot{animation:none}}.sample-steps-demo{gap:1.1rem;width:100%;max-width:42rem;display:grid}.sample-steps{--step-indicator-size:1.8rem;--step-indicator-half-size:.9rem;--step-indicator-inset:.15rem;--step-connector-height:2.5px;width:100%;margin:0;padding:0;list-style:none;display:flex}.sample-steps>li{min-width:0;color:var(--color-text-muted);flex:1 1 0;justify-content:center;display:flex;position:relative}.sample-steps>li:not(:last-child):after{z-index:0;top:calc(var(--step-indicator-inset) + var(--step-indicator-half-size));left:calc(50% + var(--step-indicator-half-size));width:calc(100% - var(--step-indicator-size));height:var(--step-connector-height);background:var(--color-border-strong);content:"";position:absolute;transform:translateY(-50%)}.sample-steps>li:not(:last-child):before{z-index:1;top:calc(var(--step-indicator-inset) + var(--step-indicator-half-size));left:calc(50% + var(--step-indicator-half-size));width:calc(100% - var(--step-indicator-size));height:var(--step-connector-height);background:var(--color-builder-green-strong);border-radius:var(--radius-pill);content:"";transform-origin:0;transition:transform .48s cubic-bezier(.22,.8,.2,1);position:absolute;transform:translateY(-50%)scaleX(0)}.sample-steps>li.is-done:before{transform:translateY(-50%)scaleX(1)}.sample-step-button{z-index:2;width:100%;min-width:0;padding:var(--step-indicator-inset) .2rem .35rem;color:inherit;border-radius:var(--radius-sm);cursor:pointer;font:inherit;background:0 0;border:0;justify-items:center;gap:.5rem;transition:color .22s cubic-bezier(.2,.75,.3,1),font-weight .22s cubic-bezier(.2,.75,.3,1);display:grid;position:relative}.sample-step-button:disabled{cursor:not-allowed}.sample-step-button:not(:disabled):hover{background:0 0}.sample-steps .sample-step-button:focus-visible{outline:none}.sample-steps .sample-step-button:focus-visible .sample-step-indicator{outline:2px solid var(--color-focus);outline-offset:3px}.sample-step-indicator{width:var(--step-indicator-size);height:var(--step-indicator-size);color:var(--color-text-muted);background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:50%;place-items:center;transition:color .22s cubic-bezier(.2,.75,.3,1),background-color .22s cubic-bezier(.2,.75,.3,1),border-color .22s cubic-bezier(.2,.75,.3,1),box-shadow .22s cubic-bezier(.2,.75,.3,1),transform .22s cubic-bezier(.2,.75,.3,1);display:grid;position:relative;transform:translateY(0);box-shadow:0 0 #0000}.sample-step-indicator>.ui-icon{opacity:0;width:1rem;height:1rem;margin:auto;transition:opacity .16s,transform .22s cubic-bezier(.2,.75,.3,1);position:absolute;inset:0;transform:scale(.72)}.sample-step-number{opacity:1;place-items:center;font-size:.78rem;font-weight:600;transition:opacity .16s,transform .22s cubic-bezier(.2,.75,.3,1);display:grid;position:absolute;inset:0;transform:scale(1)}.sample-step-label{overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:.78rem;line-height:1.25}.sample-step-button:not(:disabled):hover .sample-step-indicator{border-color:var(--color-scout-blue);box-shadow:0 0 0 .2rem var(--color-scout-blue-soft);transform:scale(1.04)}.sample-steps>li.is-done .sample-step-button:not(:disabled):hover .sample-step-indicator{border-color:var(--color-builder-green-strong);box-shadow:0 0 0 .2rem var(--color-builder-green-soft)}.sample-steps>li.is-done{color:var(--color-builder-green-strong)}.sample-steps>li.is-done .sample-step-indicator{color:var(--color-builder-green-strong);background:var(--color-builder-green-soft);border-color:var(--color-builder-green-strong)}.sample-steps>li.is-done .sample-step-number{opacity:0;transform:scale(.72)}.sample-steps>li.is-done .sample-step-indicator>.ui-icon{opacity:1;color:var(--color-builder-green-strong);transform:scale(1)}.sample-steps>li.is-current{color:var(--color-scout-blue-strong);font-weight:600}.sample-steps>li.is-current .sample-step-indicator{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:2px solid var(--color-scout-blue);transform:scale(1.06)}.sample-steps>li.is-current .sample-step-button:not(:disabled):hover .sample-step-indicator{transform:scale(1.1)}.sample-steps-status{color:var(--color-text-muted);text-align:center;margin:0;font-size:.76rem}.sample-steps-status.is-changing{animation:.2s ease-out both sample-steps-status-enter}@keyframes sample-steps-status-enter{0%{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (width<=26rem){.sample-steps-demo{gap:.75rem}.sample-steps{flex-direction:column;width:min(100%,20rem);margin-inline:auto}.sample-steps>li{justify-content:flex-start;min-height:3.25rem}.sample-steps>li:not(:last-child):after{top:calc(50% + var(--step-indicator-half-size));left:calc(.2rem + var(--step-indicator-half-size));width:var(--step-connector-height);height:calc(100% - var(--step-indicator-size))}.sample-steps>li:not(:last-child):before{top:calc(50% + var(--step-indicator-half-size));left:calc(.2rem + var(--step-indicator-half-size));width:var(--step-connector-height);height:calc(100% - var(--step-indicator-size));transform-origin:top;transform:translate(-50%)scaleY(0)}.sample-steps>li.is-done:before{transform:translate(-50%)scaleY(1)}.sample-step-button{text-align:left;justify-content:flex-start;align-items:center;gap:.75rem;padding:.25rem .2rem;display:flex}.sample-step-indicator{flex:0 0 var(--step-indicator-size)}.sample-step-label{text-align:left;max-width:none}}@media (prefers-reduced-motion:reduce){.sample-steps>li:after,.sample-steps>li:before,.sample-step-button,.sample-step-indicator,.sample-step-number,.sample-step-indicator>.ui-icon{transition:none}.sample-steps-status.is-changing{animation:none}}.sample-avatar-group{width:min(100%,30rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);--sample-avatar-surface:var(--color-white);gap:.95rem;padding:1.15rem 1.25rem;display:grid;box-shadow:0 .55rem 1.4rem #1f2a3712;container-type:inline-size}.sample-avatar-heading{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.sample-avatar-heading>div{gap:.08rem;min-width:0;display:grid}.sample-avatar-heading strong{font-size:.9rem}.sample-avatar-heading small,.sample-avatar-heading>span{color:var(--color-text-muted);font-size:.74rem}.sample-avatar-list{align-items:center;min-width:0;margin:0;padding:.15rem 0;list-style:none;display:flex;overflow:visible}.sample-avatar-member,.sample-avatar-toggle-slot{z-index:var(--avatar-order,1);flex:none;transition:margin-inline-start .26s cubic-bezier(.2,.75,.3,1),opacity .22s,transform .26s cubic-bezier(.2,.75,.3,1);position:relative}.sample-avatar-member+.sample-avatar-member,.sample-avatar-toggle-slot{margin-inline-start:-.72rem}.sample-avatar-member>span,.sample-avatar-overflow{width:2.7rem;height:2.7rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:3px solid var(--sample-avatar-surface);border-radius:50%;flex:none;place-items:center;font-size:.7rem;font-weight:700;display:grid}.sample-avatar-member:nth-child(2)>span{color:var(--color-thinker-orange-strong);background:var(--color-thinker-orange-soft)}.sample-avatar-member:nth-child(3)>span{color:var(--color-builder-green-strong);background:var(--color-builder-green-soft)}.sample-avatar-member:nth-child(4)>span{color:var(--color-auditor-red-strong);background:var(--color-auditor-red-soft)}.sample-avatar-member:nth-child(5)>span{color:var(--color-builder-green-strong);background:var(--color-builder-green-soft)}.sample-avatar-member:nth-child(6)>span{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-avatar-member:nth-child(7)>span{color:var(--color-thinker-orange-strong);background:var(--color-thinker-orange-soft)}.sample-avatar-member:nth-child(8)>span{color:var(--color-auditor-red-strong);background:var(--color-auditor-red-soft)}.sample-avatar-overflow{color:var(--color-text-muted);background:var(--color-surface-muted);border-color:var(--sample-avatar-surface);cursor:pointer}.sample-avatar-overflow:hover{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-avatar-overflow:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sample-avatar-overflow .ui-icon{width:1rem;height:1rem}.sample-avatar-overflow [hidden]{display:none}.sample-avatar-group.is-expanded .sample-avatar-member+.sample-avatar-member,.sample-avatar-group.is-expanded .sample-avatar-toggle-slot{margin-inline-start:.2rem}.sample-avatar-member.is-entering{opacity:0;transform:translateY(.35rem)scale(.82)}.sample-avatar-hint{color:var(--color-text-muted);margin:0;font-size:.74rem}.sample-avatar-group [hidden]{display:none}@container (width<=25rem){.sample-avatar-group{padding:.9rem}.sample-avatar-list{flex-wrap:wrap;row-gap:.25rem}.sample-avatar-member>span,.sample-avatar-overflow{width:2.45rem;height:2.45rem;font-size:.64rem}.sample-avatar-member+.sample-avatar-member{margin-inline-start:-.55rem}.sample-avatar-group.is-expanded .sample-avatar-member+.sample-avatar-member,.sample-avatar-group.is-expanded .sample-avatar-toggle-slot{margin-inline-start:.05rem}}@media (prefers-reduced-motion:reduce){.sample-avatar-member,.sample-avatar-toggle-slot{transition:none}}.sample-multi-select-showcase{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.7rem;width:100%;max-width:54rem;display:grid}.sample-multi-variant{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;padding:.7rem;position:relative;box-shadow:0 .25rem .8rem #443a3b0d}.sample-multi-heading{gap:.05rem;margin-bottom:.55rem;display:grid}.sample-multi-heading strong{font-size:.78rem}.sample-multi-heading small{font-size:.68rem}.sample-multi-select-trigger{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:.4rem;width:100%;min-height:2.3rem;display:flex;background:var(--color-surface-muted)!important;border:1px solid var(--color-border)!important;padding:.4rem .55rem!important;font-size:.76rem!important;font-weight:600!important}.sample-multi-select-trigger .ui-icon{color:var(--color-scout-blue)}.sample-multi-checkbox-options{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:.05rem;margin-top:.35rem;padding:.25rem;display:grid}.sample-multi-checkbox-options:not([hidden]),.sample-multi-token-options:not([hidden]){transform-origin:top;animation:.16s cubic-bezier(.2,.8,.2,1) both sample-multi-select-panel-in}.sample-multi-checkbox-options.is-closing,.sample-multi-token-options.is-closing{pointer-events:none;animation:.14s cubic-bezier(.4,0,1,1) both sample-multi-select-panel-out}.sample-multi-checkbox:has(.sample-multi-select-trigger[aria-expanded=true]){z-index:2}.sample-multi-checkbox-options label{cursor:pointer;border-radius:3px;align-items:center;gap:.45rem;min-width:0;min-height:1.8rem;padding:.2rem .35rem;font-size:.74rem;transition:background-color .13s;display:flex}.sample-multi-checkbox-options label:hover{background:var(--color-surface-muted)}.sample-multi-checkbox-options input{width:1rem;height:1rem;accent-color:var(--color-scout-blue);flex:none}.sample-multi-token-variant{z-index:1}.sample-multi-token-field{background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:.25rem;min-height:2.7rem;padding:.3rem;display:flex;position:relative}.sample-multi-token-chip{min-height:1.8rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-radius:3px;align-items:center;gap:.25rem;padding:.2rem .3rem .2rem .45rem;font-size:.72rem;transition:opacity .15s,transform .15s,background-color .13s;display:inline-flex}.sample-multi-token-chip.is-entering{opacity:0;transform:translateY(.2rem)scale(.96)}.sample-multi-token-chip.is-removing{opacity:0;pointer-events:none;transform:translateY(-.1rem)scale(.96)}.sample-multi-token-chip:hover{background:color-mix(in srgb, var(--color-scout-blue-soft) 84%, var(--color-scout-blue) 16%)}.sample-multi-token-input{flex:6rem;width:100%;min-height:1.9rem;outline-offset:0!important;background:0 0!important;border:0!important;padding:.2rem .3rem!important;font-size:.72rem!important}.sample-multi-token-input:focus-visible{outline:0!important}.sample-multi-token-options{z-index:5;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:.1rem;max-height:10rem;padding:.3rem;display:grid;position:absolute;top:calc(100% + .3rem);left:0;right:0;overflow:auto;box-shadow:0 .5rem 1rem #443a3b1f}.sample-multi-token-options button{border-radius:3px;min-height:2rem;padding:.3rem .45rem!important;font-size:.74rem!important}.sample-multi-token-options button:hover{background:var(--color-scout-blue-soft)!important}.sample-multi-token-empty{z-index:6;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.55rem;position:absolute;top:calc(100% + .3rem);left:0;right:0;box-shadow:0 .5rem 1rem #443a3b1f;font-size:.72rem!important}.sample-multi-transfer-variant{grid-column:1/-1}.sample-multi-transfer-content{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.6rem;display:grid}.sample-multi-transfer-column{gap:.25rem;min-width:0;display:grid}.sample-multi-transfer-column>strong{color:var(--color-text-muted);letter-spacing:.05em;text-transform:none;font-size:.66rem}.sample-multi-transfer-list{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);scrollbar-color:var(--color-border-strong) var(--color-surface-muted);scrollbar-width:thin;align-content:start;gap:.1rem;min-width:0;min-height:6rem;max-height:8rem;padding:.25rem;display:grid;overflow:auto}.sample-multi-transfer-list::-webkit-scrollbar{width:.6rem}.sample-multi-transfer-list::-webkit-scrollbar-track{background:var(--color-surface-muted);border-radius:var(--radius-pill)}.sample-multi-transfer-list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:2px solid var(--color-surface-muted);border-radius:var(--radius-pill)}.sample-multi-transfer-list::-webkit-scrollbar-thumb:hover{background:var(--color-scout-blue-border)}.sample-multi-transfer-list::-webkit-scrollbar-button{width:0;height:0;display:none}.sample-multi-transfer-list button{text-overflow:ellipsis;white-space:nowrap;border-radius:3px;min-width:0;min-height:1.9rem;transition:background-color .14s,color .14s,opacity .16s,transform .16s;overflow:hidden;padding:.25rem .4rem!important;font-size:.72rem!important}.sample-multi-transfer-list button.is-entering{opacity:0;transform:translateY(.2rem)scale(.98)}.sample-multi-transfer-list button[aria-selected=true]{transform:translate(.08rem);color:var(--color-scout-blue-strong)!important;background:var(--color-scout-blue-soft)!important}.sample-multi-transfer-column>small{font-size:.66rem}.sample-multi-transfer-actions{gap:.25rem;display:grid}.sample-multi-transfer-actions button{border-radius:var(--radius-sm);place-items:center;width:2rem;height:2rem;transition:background-color .14s,color .14s,opacity .14s,transform .14s;display:grid;color:var(--color-scout-blue-strong)!important;background:var(--color-scout-blue-soft)!important;padding:0!important}.sample-multi-transfer-actions button:not(:disabled):hover{transform:translateY(-1px)}.sample-multi-transfer-actions button:not(:disabled):active{transform:scale(.96)}.sample-multi-transfer-actions .ui-icon{width:1rem;height:1rem}.sample-multi-transfer-actions button:disabled{cursor:not-allowed;opacity:.65;color:var(--color-text-muted)!important;background:var(--color-surface-muted)!important}@keyframes sample-multi-select-panel-in{0%{opacity:0;transform:translateY(-.25rem)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sample-multi-select-panel-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-.15rem)scale(.99)}}@media (prefers-reduced-motion:reduce){.sample-multi-checkbox-options:not([hidden]),.sample-multi-token-options:not([hidden]),.sample-multi-checkbox-options.is-closing,.sample-multi-token-options.is-closing{animation:none}.sample-multi-token-chip,.sample-multi-transfer-list button,.sample-multi-transfer-actions button,.sample-multi-checkbox-options label{transition:none}}.sample-scrollspy-frame{width:100%;max-width:44rem;container-type:inline-size}.sample-scrollspy{grid-template-columns:minmax(7rem,9rem) minmax(0,1fr);align-items:start;gap:1rem;width:100%;display:grid}.sample-scrollspy nav{border-left:1px solid var(--color-border);align-content:start;gap:.35rem;padding-left:.55rem;font-size:.75rem;display:grid;position:sticky;top:.5rem}.sample-scrollspy nav:before{z-index:1;width:2px;height:var(--scrollspy-indicator-height,1rem);content:"";background:var(--color-scout-blue);border-radius:var(--radius-pill);opacity:0;pointer-events:none;transform:translate3d(0, var(--scrollspy-indicator-y,0px), 0);transition:transform .28s cubic-bezier(.2,.8,.2,1),height .16s,opacity .14s;position:absolute;top:0;left:-1px}.sample-scrollspy nav.is-scrollspy-ready:before{opacity:1}.sample-scrollspy nav>strong{margin-bottom:.2rem;font-size:.76rem}.sample-scrollspy nav>a{color:var(--color-text-muted);border-left:2px solid #0000;margin-left:-.62rem;padding:.22rem .3rem .22rem .55rem;text-decoration:none;transition:color .16s,background-color .16s}.sample-scrollspy nav>a:hover{color:var(--color-scout-blue)}.sample-scrollspy nav>a[aria-current=location]{color:var(--color-scout-blue);font-weight:600}.sample-scrollspy-content{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:var(--color-border-strong) transparent;min-width:0;height:11rem;padding:.2rem .5rem .5rem 0;overflow:auto}.sample-scrollspy-content:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.sample-scrollspy-content>section{min-height:8rem;padding:.15rem .1rem .75rem;scroll-margin-top:.5rem}.sample-scrollspy-content>section+section{border-top:1px solid var(--color-border);padding-top:.65rem}.sample-scrollspy-content>section:last-child{min-height:calc(100% + 1.5rem)}.sample-scrollspy-content h4{margin:0;font-size:.88rem}.sample-scrollspy-content p{max-width:55ch;color:var(--color-text-muted);margin:.45rem 0 0;font-size:.76rem;line-height:1.55}@container (width<=28rem){.sample-scrollspy{grid-template-columns:minmax(0,1fr);gap:.65rem}.sample-scrollspy nav{border-left:0;flex-wrap:wrap;gap:.3rem .4rem;padding-left:0;display:flex;position:relative;top:auto}.sample-scrollspy nav:before{width:var(--scrollspy-indicator-width,0px);height:2px;transform:translate3d(var(--scrollspy-indicator-x,0px), var(--scrollspy-indicator-mobile-y,0px), 0);transition:transform .28s cubic-bezier(.2,.8,.2,1),width .18s,opacity .14s;left:0}.sample-scrollspy nav>strong{flex-basis:100%}.sample-scrollspy nav>a,.sample-scrollspy nav>a[aria-current=location]{border-radius:var(--radius-sm) var(--radius-sm) 0 0;text-align:center;text-overflow:ellipsis;white-space:nowrap;border:0;border-bottom:2px solid #0000;flex:1 1 0;min-width:0;margin-left:0;padding:.32rem .25rem;font-size:.7rem;overflow:hidden}.sample-scrollspy nav>a[aria-current=location]{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-scrollspy-content{height:9rem}}@media (prefers-reduced-motion:reduce){.sample-scrollspy-content{scroll-behavior:auto}.sample-scrollspy nav:before,.sample-scrollspy nav>a{transition:none}}.sample-notice-page{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(100%,43rem);box-shadow:var(--shadow-soft);overflow:hidden}.element-preview:has(.sample-notice-page){container-type:inline-size}.sample-notice-kind{color:var(--color-text-muted);letter-spacing:.075em;font-size:.6rem;font-weight:700;line-height:1.25;display:block}.sample-notice-banner{background:var(--color-info-background);border-bottom:1px solid var(--color-info-border);justify-content:space-between;align-items:center;gap:.8rem;min-width:0;padding:.65rem .8rem;display:flex}.sample-notice-banner-copy{gap:.3rem;min-width:0;display:grid}.sample-notice-message{align-items:flex-start;gap:.55rem;min-width:0;display:flex}.sample-notice-message>span:last-child{gap:.05rem;min-width:0;display:grid}.sample-notice-message strong{color:var(--color-text);font-size:.78rem;line-height:1.3}.sample-notice-message small{color:var(--color-text-muted);font-size:.68rem;line-height:1.4}.sample-notice-icon{flex:0 0 1.25rem;place-items:center;width:1.25rem;height:1.25rem;display:grid}.sample-notice-icon-info{color:var(--color-info);background:0 0}.sample-notice-icon-warning{color:var(--color-warning);background:0 0}.sample-notice-dismiss{width:2rem;height:2rem;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;flex:0 0 2rem;place-items:center;padding:0;display:grid}.sample-notice-dismiss .ui-icon{width:1rem;height:1rem}.sample-notice-dismiss:hover{color:var(--color-text);background:var(--color-white);border-color:var(--color-border)}.sample-notice-content{gap:.7rem;padding:.85rem 1rem .75rem;display:grid}.sample-notice-heading{gap:.08rem;display:grid}.sample-notice-heading h3{color:var(--color-text);margin:0;font-size:.98rem;line-height:1.3}.sample-notice-heading p{color:var(--color-text-muted);margin:0;font-size:.7rem;line-height:1.4}.sample-notice-callout{background:var(--color-info-background);border-inline-start:3px solid var(--color-info);border-radius:0 var(--radius-sm) var(--radius-sm) 0;gap:.35rem;padding:.55rem .7rem;display:grid}.sample-notice-inline{border-top:1px solid var(--color-border);grid-template-columns:minmax(7rem,.7fr) minmax(0,1.5fr);align-items:center;gap:.7rem;padding-top:.65rem;display:grid}.sample-notice-field{gap:.12rem;display:grid}.sample-notice-field>strong{color:var(--color-text);font-size:.76rem;line-height:1.3}.sample-notice-field>small{color:var(--color-text-muted);font-size:.66rem}.sample-notice-alert{background:var(--color-warning-background);border:1px solid var(--color-warning-border);border-inline-start:3px solid var(--color-warning);border-radius:var(--radius-sm);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.5rem;min-width:0;padding:.55rem .6rem;display:grid}.sample-notice-alert-copy{gap:.12rem;min-width:0;display:grid}.sample-notice-alert-copy>strong{color:var(--color-text);font-size:.73rem;line-height:1.35}.sample-notice-alert-copy>small{color:var(--color-text-muted);font-size:.65rem;line-height:1.4}.sample-notice-action{border-radius:var(--radius-sm);text-underline-offset:.15em;justify-self:start;min-height:1.75rem;text-decoration:underline;color:var(--color-scout-blue-strong)!important;margin-top:.15rem!important;padding:.2rem .35rem!important;font-size:.67rem!important;font-weight:700!important}.sample-notice-action:hover{background:#fff9!important}.sample-notice-action[aria-disabled=true]{cursor:default;text-decoration:none;color:var(--color-text-muted)!important}.sample-notice-footnote{color:var(--color-text-muted);margin:0;font-size:.62rem;line-height:1.4}.sample-notice-feedback{color:var(--color-scout-blue-strong);margin:0;font-size:.68rem;font-weight:600}.sample-notice-feedback:empty{display:none}@container (width<=29rem){.sample-notice-content{gap:.6rem;padding:.7rem}.sample-notice-inline{grid-template-columns:minmax(0,1fr);align-items:stretch}}.sample-notice-field>strong:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}.element-demo-stage:has(.sample-login){min-height:26rem}.sample-login{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(100%,20rem);box-shadow:var(--shadow-soft);gap:.55rem;padding:1.1rem;display:grid}.sample-login h3{margin:0 0 .3rem;font-size:1.05rem;line-height:1.3}.sample-login-providers{gap:.45rem;display:grid}.sample-login-provider{justify-content:center;align-items:center;gap:.55rem;width:100%;min-height:2.45rem;display:flex;color:var(--color-text)!important;background:var(--color-white)!important;border:1px solid var(--color-border-strong)!important;border-radius:var(--radius-sm)!important;padding:.45rem .65rem!important;font-size:.8rem!important;font-weight:600!important}.sample-login-provider:hover{background:var(--color-surface-muted)!important}.sample-login-provider .ui-brand-icon{flex:none;width:1rem;height:1rem;display:inline-flex}.sample-login-provider-google-mark{object-fit:contain;flex:none;width:1rem;height:1rem;display:block}.sample-login-divider{color:var(--color-text-muted);align-items:center;gap:.6rem;margin-block:.1rem;font-size:.74rem;display:flex}.sample-login-divider:before,.sample-login-divider:after{background:var(--color-border);content:"";flex:1;height:1px}.sample-login label{color:var(--color-text);font-size:.76rem;font-weight:600}.sample-login-input{width:100%;min-height:2.55rem;padding:.55rem .7rem;color:var(--color-text)!important;background:var(--color-white)!important;border:1px solid var(--color-border-strong)!important;border-radius:var(--radius-sm)!important;font-size:.82rem!important}.sample-login-input::placeholder{color:var(--color-text-muted);opacity:1}.sample-login-input[aria-invalid=true]{border-color:var(--color-auditor-red)!important}.sample-login-password-heading{justify-content:space-between;align-items:center;display:flex}.sample-login-link{color:var(--color-scout-blue-strong)!important;padding:.1rem 0!important;font-size:.73rem!important;font-weight:600!important}.sample-login-password-field{position:relative}.sample-login-password-field .sample-login-input{padding-right:2.65rem}.sample-login-password-toggle{border-radius:3px;place-items:center;width:2rem;height:2rem;display:grid;position:absolute;top:50%;right:.3rem;transform:translateY(-50%);color:var(--color-text-muted)!important}.sample-login-password-toggle:hover{color:var(--color-scout-blue-strong)!important;background:var(--color-surface-muted)!important}.sample-login-password-toggle .ui-icon{width:.95rem;height:.95rem}.sample-login .sample-login-submit{border-radius:var(--radius-sm);width:100%;min-height:2.55rem;margin-top:.1rem}.sample-login .sample-form-error{color:var(--color-auditor-red);margin:0;font-size:.75rem;line-height:1.4}.sample-pagination-demo{width:min(100%,25rem);color:var(--color-text);gap:.7rem;display:grid}.sample-pagination-heading{min-width:0;color:var(--color-text-muted);justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.72rem;display:flex}.sample-pagination-heading strong{color:var(--color-text);font-size:.78rem}.sample-pagination-results{gap:.38rem;display:grid}.sample-pagination-result{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:.12rem;min-width:0;padding:.48rem .58rem;display:grid}.sample-pagination-result strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.sample-pagination-result span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;line-height:1.35;overflow:hidden}.sample-pagination-results.is-changing{animation:.18s ease-out both sample-pagination-enter}@keyframes sample-pagination-enter{0%{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.sample-pagination-nav{justify-content:center;align-items:center;gap:.22rem;min-width:0;display:flex}.sample-pagination-nav .sample-pagination{align-items:center;gap:.12rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.sample-pagination-page,.sample-pagination-ellipsis,.sample-page-step{width:1.9rem;min-width:1.9rem;height:1.9rem;color:var(--color-text);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;place-items:center;padding:0;font-size:.72rem;transition:color .14s,background-color .14s,border-color .14s,transform .14s;display:grid}.sample-pagination-page:hover,.sample-page-step:not(:disabled):hover{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-pagination-page:active,.sample-page-step:not(:disabled):active{transform:scale(.94)}.sample-pagination-page.is-current{color:var(--color-white);background:var(--color-scout-blue-strong);border-color:var(--color-scout-blue-strong)}.sample-pagination-page.is-current:hover{color:var(--color-white);background:var(--color-scout-blue)}.sample-pagination-page:focus-visible,.sample-page-step:focus-visible,.sample-pagination-dot:focus-visible{outline:2px solid var(--color-scout-blue-strong);outline-offset:2px}.sample-page-step{color:var(--color-scout-blue-strong)}.sample-page-step:disabled{color:var(--color-text-muted);opacity:.42}.sample-page-step .ui-icon{width:.9rem;height:.9rem}.sample-pagination-ellipsis{color:var(--color-text-muted);cursor:default;font-size:.8rem}.sample-pagination-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sample-pagination-slider{border-top:1px solid var(--color-border);gap:.4rem;padding-top:.45rem;display:grid}.sample-pagination-slide{align-content:center;gap:.12rem;min-height:2.7rem;display:grid}.sample-pagination-slide>span{color:var(--color-text-muted);letter-spacing:.07em;font-size:.55rem;font-weight:700}.sample-pagination-slide strong{color:var(--color-text);font-size:.7rem}.sample-pagination-slide p{color:var(--color-text-muted);margin:0;font-size:.64rem;line-height:1.4}.sample-pagination-slide.is-entering{animation:.18s ease-out both sample-pagination-enter}.sample-pagination-dots{justify-content:center;align-items:center;gap:.38rem;min-height:1.25rem;display:flex}.sample-pagination-dot{background:0 0;border:0;border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;padding:0;transition:transform .16s;display:grid}.sample-pagination-dot:before{content:"";background:var(--color-border-strong);border-radius:999px;width:.42rem;height:.42rem;transition:width .16s,background-color .16s}.sample-pagination-dot:hover{transform:scale(1.18)}.sample-pagination-dot.is-current:before{background:var(--color-scout-blue-strong);width:1rem}.sample-pagination-caption{color:var(--color-text-muted);text-align:center;margin:-.22rem 0 0;font-size:.58rem}@media (prefers-reduced-motion:reduce){.sample-pagination-results.is-changing,.sample-pagination-slide.is-entering{animation:none}.sample-pagination-page,.sample-page-step,.sample-pagination-dot,.sample-pagination-dot:before{transition:none}}.element-preview:has(.sample-date-picker){place-items:start center;min-height:7rem;transition:min-height .22s cubic-bezier(.2,.8,.2,1);overflow:visible}.element-preview:has(.sample-date-picker[data-calendar-open=true]),.element-preview:has(.sample-date-picker[data-calendar-motion=closing]){min-height:24.5rem}.element-preview .ui-sample:has(.sample-date-picker){align-items:flex-start;min-height:0;padding-top:1rem}.element-demo-stage:has(.sample-date-picker){place-items:start center;min-height:8rem;transition:min-height .22s cubic-bezier(.2,.8,.2,1);overflow:visible}.element-demo-stage:has(.sample-date-picker[data-calendar-open=true]),.element-demo-stage:has(.sample-date-picker[data-calendar-motion=closing]){min-height:26rem}.element-demo-stage .ui-sample:has(.sample-date-picker){align-items:flex-start;min-height:0;padding-top:1rem}.sample-date-picker{width:min(100%,18rem);min-height:2.65rem;position:relative}.sample-date-trigger{align-items:center;gap:.55rem;width:100%;min-height:2.65rem;display:flex;color:var(--color-text)!important;background:var(--color-white)!important;border:1px solid var(--color-border-strong)!important;border-radius:var(--radius-sm)!important;text-align:left!important;padding:.45rem .65rem!important;font-size:.78rem!important}.sample-date-trigger>span{flex:1;min-width:0}.sample-date-trigger>.ui-icon{color:var(--color-scout-blue-strong);width:.9rem;height:.9rem}.sample-date-trigger:hover{background:var(--color-surface-muted)!important}.sample-calendar{z-index:4;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(17.5rem,100vw - 4rem);box-shadow:var(--shadow-soft);padding:.7rem;position:absolute;top:calc(100% + .45rem);left:50%;transform:translate(-50%)}.sample-calendar:not([hidden]):not(.is-closing){transform-origin:top;animation:.18s cubic-bezier(.2,.8,.2,1) both sample-calendar-open}.sample-calendar.is-closing{pointer-events:none;transform-origin:top;animation:.15s cubic-bezier(.4,0,1,1) both sample-calendar-close}.sample-calendar header{align-items:center;gap:.6rem;padding-bottom:.35rem;display:flex}.sample-calendar header h3{margin:0 auto 0 0;font-size:.92rem;line-height:1.3}.sample-calendar-controls{align-items:center;gap:.2rem;display:flex}.sample-calendar-controls button{border-radius:.3rem;place-items:center;width:2rem;height:2rem;display:grid;color:var(--color-scout-blue-strong)!important}.sample-calendar-controls button:hover{background:var(--color-scout-blue-soft)!important}.sample-calendar-controls .ui-icon{width:.9rem;height:.9rem}.sample-calendar-grid{gap:.08rem;display:grid}.sample-calendar-grid.is-changing{animation:.17s cubic-bezier(.2,.8,.2,1) both sample-calendar-grid-change}.sample-calendar-grid [role=row]{grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:.08rem;display:grid}.sample-calendar-weekdays [role=columnheader]{min-width:0;min-height:1.55rem;color:var(--color-text-muted);place-items:center;font-size:.66rem;font-weight:600;display:grid}.sample-calendar-weekdays abbr{text-decoration:none}.sample-calendar-grid [role=gridcell][aria-hidden=true]{aspect-ratio:1}.sample-calendar-grid button.sample-calendar-day{aspect-ratio:1;border-radius:.3rem;place-items:center;width:100%;min-width:0;min-height:0;padding:0;font-size:.8rem;transition:color .14s,background-color .14s,box-shadow .14s,border-radius .14s,transform .14s;display:grid}.sample-calendar-grid button.sample-calendar-day:active{transform:scale(.94)}.sample-calendar-grid button.sample-calendar-day:hover:not(.is-selected){background:var(--color-scout-blue-soft)!important}.sample-calendar-grid button.sample-calendar-day.is-selected{border-radius:.3rem;color:var(--color-white)!important;background:var(--color-scout-blue)!important}.sample-calendar-grid button.sample-calendar-day.is-range-middle{border-radius:0;color:var(--color-scout-blue-strong)!important;background:var(--color-scout-blue-soft)!important}.sample-calendar-grid button.sample-calendar-day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px var(--color-scout-blue)}.sample-calendar-grid button.sample-calendar-day.is-today.is-selected{box-shadow:inset 0 0 0 1px var(--color-white)}.sample-calendar-hint{color:var(--color-text-muted);border-top:1px solid var(--color-border);margin:.45rem 0 0;padding-top:.4rem;font-size:.67rem;line-height:1.4}@keyframes sample-calendar-open{0%{opacity:0;transform:translate(-50%,-.25rem)scale(.985)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes sample-calendar-close{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-.15rem)scale(.99)}}@keyframes sample-calendar-grid-change{0%{opacity:.55;transform:translateY(.12rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.element-preview:has(.sample-date-picker),.element-demo-stage:has(.sample-date-picker){transition:none}.sample-calendar:not([hidden]),.sample-calendar.is-closing,.sample-calendar-grid.is-changing{animation:none}.sample-calendar-grid button.sample-calendar-day{transition:none}}.sample-parallax{align-content:center;gap:.55rem;width:100%;min-height:15rem;display:grid}.sample-parallax-legend{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.35rem .85rem;font-size:.7rem;display:flex}.sample-parallax-key{white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex}.sample-parallax-key:before{background:var(--color-scout-blue);content:"";border-radius:1px;flex:none;width:.5rem;height:.5rem}.sample-parallax-key-back:before{background:var(--color-scout-blue)}.sample-parallax-key-middle:before{background:var(--color-builder-green)}.sample-parallax-key-front:before{background:var(--color-thinker-orange)}.sample-parallax-key b{color:var(--color-text);font-size:inherit}.sample-parallax-viewport{overscroll-behavior:contain;background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);border-radius:var(--radius-sm);scrollbar-color:var(--color-scout-blue-border) transparent;scrollbar-width:thin;--parallax-scroll-distance:calc(100% - 9.5rem + 2px);height:9.5rem;overflow:auto}.sample-parallax-viewport:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sample-parallax-track{isolation:isolate;background:var(--color-scout-blue-soft);min-height:27rem;position:relative;overflow:clip}.sample-parallax-layer{pointer-events:none;transform:translate3d(0, var(--parallax-offset-y,0), 0);will-change:transform;position:absolute;inset:0}.sample-parallax-background{z-index:0;--parallax-offset-end:calc(var(--parallax-scroll-distance) * .85)}.sample-parallax-sun{aspect-ratio:1;background:var(--color-thinker-orange);border-radius:50%;width:1.4rem;position:absolute;top:1.15rem;right:16%}.sample-parallax-mountain{background:var(--color-scout-blue-border);clip-path:polygon(0 72%,14% 42%,27% 66%,44% 24%,58% 62%,77% 35%,100% 72%,100% 100%,0 100%);height:8rem;position:absolute;top:3.1rem;left:-4%;right:-4%}.sample-parallax-middle{z-index:1;--parallax-offset-end:calc(var(--parallax-scroll-distance) * .55)}.sample-parallax-hill{background:var(--color-builder-green-soft);clip-path:polygon(0 38%,18% 18%,39% 52%,61% 22%,81% 48%,100% 28%,100% 100%,0 100%);height:8rem;position:absolute;top:7rem;left:-7%;right:-7%}.sample-parallax-content{z-index:2;justify-items:center;gap:2.1rem;padding:2.4rem 1rem 1.25rem;display:grid;position:relative}.sample-parallax-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:.1rem;width:min(78%,19rem);padding:.55rem .7rem;display:grid;box-shadow:0 .2rem .55rem #443a3b14}.sample-parallax-card:nth-child(2){margin-inline:auto}.sample-parallax-card:nth-child(3){margin-inline-start:auto}.sample-parallax-card p{color:var(--color-text-muted);margin:0;font-size:.75rem}@keyframes sample-parallax-scroll{0%{transform:translate(0,0)}to{transform:translate3d(0, var(--parallax-offset-end), 0)}}@supports (animation-timeline:scroll(nearest block)){.sample-parallax-background,.sample-parallax-middle{animation:1ms linear both sample-parallax-scroll scroll()}}@media (prefers-reduced-motion:reduce){.sample-parallax-background,.sample-parallax-middle{will-change:auto;animation:none;transform:translate(0,0)}}.sample-carousel-demo{gap:.7rem;width:100%;display:grid}.sample-carousel-viewport{scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--radius-sm);width:100%;overflow:auto hidden}.sample-carousel-viewport::-webkit-scrollbar{display:none}.sample-carousel-viewport:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.sample-carousel{gap:0;width:100%;display:flex}.sample-carousel-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;align-content:space-between;gap:1rem;min-width:0;min-height:9rem;padding:clamp(1rem,4vw,1.5rem);display:grid}.sample-carousel-card h3{color:var(--color-text);margin:0 0 .3rem;font-size:1.2rem}.sample-carousel-card p{max-width:42ch;color:var(--color-text-muted);margin:0;font-size:.9rem}.sample-carousel-step{color:var(--color-scout-blue-strong);letter-spacing:.08em;font-size:.72rem;font-weight:600}.sample-carousel-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;display:grid}.sample-carousel-button{justify-self:start;align-items:center;gap:.3rem;min-height:2.25rem;padding:.35rem .55rem;display:inline-flex;color:var(--color-scout-blue-strong)!important;background:var(--color-scout-blue-soft)!important;border:1px solid var(--color-scout-blue-border)!important;border-radius:var(--radius-sm)!important;font-size:.82rem!important}.sample-carousel-button:last-child{justify-self:end}.sample-carousel-button .ui-icon{width:.95rem;height:.95rem}.sample-carousel-button:disabled{opacity:.5;cursor:not-allowed}.sample-carousel-picker{justify-content:center;align-items:center;gap:.35rem;display:flex}.sample-carousel-tab{border-radius:50%;flex:0 0 1.75rem;place-items:center;width:1.75rem;height:1.75rem;padding:0;display:grid}.sample-carousel-tab span{background:var(--color-border-strong);border-radius:50%;width:.5rem;height:.5rem;transition:width .16s,background-color .16s}.sample-carousel-tab.is-current span{background:var(--color-scout-blue);border-radius:999px;width:1rem}.sample-carousel-tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}@media (width<=420px){.sample-carousel-button{place-items:center;width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem;padding:0;display:grid}.sample-carousel-button>span{display:none}}@media (prefers-reduced-motion:reduce){.sample-carousel-viewport{scroll-behavior:auto}.sample-carousel-tab span{transition:none}}.sample-site-header{border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;width:100%;padding:.7rem;display:flex}.sample-site-header>strong{color:var(--color-scout-blue);font-size:.95rem}.sample-site-header nav{color:var(--color-text-muted);flex:1;justify-content:center;gap:1.1rem;font-size:.75rem;display:flex;position:relative}.sample-site-header nav>a{min-height:2.2rem;color:var(--color-text-muted);border-bottom:2px solid #0000;align-items:center;padding:.25rem .35rem;text-decoration:none;transition:color .18s;display:inline-flex}.sample-site-header nav>a:hover,.sample-site-header nav>a.is-current{color:var(--color-scout-blue-strong)}.sample-site-nav-indicator{z-index:1;width:var(--site-nav-indicator-width,0px);visibility:hidden;background:var(--color-scout-blue);pointer-events:none;height:2px;transform:translateX(var(--site-nav-indicator-x,0px));border-radius:999px;transition:transform .26s cubic-bezier(.2,.65,.3,1),width .26s cubic-bezier(.2,.65,.3,1);position:absolute;bottom:0;left:0}.sample-site-header nav[data-indicator-ready=true] .sample-site-nav-indicator{visibility:visible}.element-preview .ui-sample .sample-site-header>.sample-button,.element-demo-stage .ui-sample .sample-site-header>.sample-button{white-space:nowrap;min-height:1.75rem;padding:.2rem .55rem;font-size:.78rem;line-height:1.2}.sample-site-header>.sample-button{transition:background-color .16s,transform .16s}@media (hover:hover) and (pointer:fine){.sample-site-header>.sample-button:hover{background-color:var(--color-scout-blue-strong);transform:translateY(-1px)}}.sample-site-header>.sample-button:active{transform:translateY(0)scale(.985)}.ui-sample:has(.sample-site-header){align-content:center;justify-items:stretch;gap:.45rem;display:grid}.sample-site-feedback{width:100%;color:var(--color-text-muted);text-align:right;margin:0;font-size:.78rem;display:block}.sample-site-feedback.is-arriving{animation:.22s cubic-bezier(.2,.65,.3,1) both sample-site-feedback-in}@keyframes sample-site-feedback-in{0%{opacity:0;transform:translateY(.2rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sample-site-header nav>a,.sample-site-header>.sample-button,.sample-site-nav-indicator{transition:none}.sample-site-feedback.is-arriving{animation:none}}.element-preview:has(.sample-site-header){container-type:inline-size}@container (width<=34rem){.sample-site-header{grid-template-columns:minmax(0,1fr) auto;gap:.25rem .5rem;min-width:0;padding:.55rem;display:grid}.sample-site-header nav{grid-column:1/-1;justify-content:space-between;gap:.35rem;width:100%;min-width:0}.sample-site-header nav>a{min-width:0;padding-inline:.15rem}.sample-site-header>.sample-button{grid-column:2;justify-self:end}}.element-preview:has(.sample-share){min-height:18rem}.element-preview .ui-sample:has(.sample-share){place-items:center;min-height:16rem;display:grid}.sample-share{width:min(100%,32rem);min-height:16rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 .5rem 1.25rem #1f2a3712}.sample-share-media{min-height:4.5rem;color:var(--color-scout-blue-strong);background:linear-gradient(120deg,#eaf0f6,#f7eee2 58%,#e9f0e7);flex-direction:column;flex:none;justify-content:flex-end;padding:.65rem .85rem;display:flex;position:relative;overflow:hidden}.sample-share-art-kicker{z-index:1;max-width:60%;color:var(--color-text-muted);letter-spacing:.08em;font-size:.54rem;font-weight:600;position:relative}.sample-share-art-title{z-index:1;max-width:60%;margin-top:.15rem;font-size:.86rem;font-weight:600;position:relative}.sample-share-art-window{background:#ffffffd1;border:1px solid #ffffffe6;border-radius:.35rem;gap:.28rem;width:32%;min-width:4.5rem;padding:.4rem;display:grid;position:absolute;top:.55rem;right:.8rem;box-shadow:0 .2rem .6rem #1f2a3714}.sample-share-art-window span{background:var(--color-border);border-radius:999px;height:.2rem;display:block}.sample-share-art-window span:first-child{background:var(--color-scout-blue);width:42%}.sample-share-art-window span:last-child{width:66%}.sample-share-content{flex-direction:column;flex:1;gap:.35rem;min-width:0;padding:.7rem .85rem .6rem;display:flex}.sample-share-header{gap:.08rem;display:grid}.sample-share-header small{color:var(--color-text-muted);letter-spacing:.07em;font-size:.58rem;font-weight:600}.sample-share-header h3{color:var(--color-text);margin:0;font-size:.95rem}.sample-share-content>p:not(.sample-share-status){color:var(--color-text-muted);margin:0;font-size:.72rem;line-height:1.4}.sample-share-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:.15rem .55rem;font-size:.63rem;display:flex}.sample-share-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.6rem;margin-top:auto;padding-top:.5rem;display:flex}.sample-share-footer button{min-height:2rem;color:var(--color-scout-blue-strong);border-radius:var(--radius-sm);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.sample-share-footer button:first-child{color:var(--color-white);background:var(--color-scout-blue)}.sample-share-footer button:hover{border-color:var(--color-border)}.sample-share-footer button:first-child:hover{background:var(--color-scout-blue-strong)}.sample-share-footer button:focus-visible{outline:2px solid var(--color-scout-blue);outline-offset:2px}.sample-share-footer .ui-icon{width:.9rem;height:.9rem}.sample-share-status{min-height:0;color:var(--color-text-muted);margin:0;font-size:.64rem}.sample-resize{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:.55rem;width:min(100%,22rem);margin:auto;padding:.85rem;display:grid;box-shadow:0 .75rem 1.5rem #1f2a3714}.sample-resize-label{color:var(--color-text);gap:.4rem;font-size:.76rem;font-weight:600;display:grid}.sample-resize-field{width:100%;min-height:5.6rem;max-height:8rem;color:var(--color-text);background:var(--color-surface-muted);border:1px solid var(--color-border);font:inherit;resize:vertical;scrollbar-color:var(--color-border-strong) var(--color-surface-muted);scrollbar-width:thin;border-radius:.45rem;padding:.6rem .65rem;font-size:.73rem;line-height:1.5;display:block;overflow:auto}.sample-resize-field:focus-visible{outline:2px solid var(--color-scout-blue);outline-offset:2px}.sample-resize-field::-webkit-scrollbar{width:.65rem}.sample-resize-field::-webkit-scrollbar-track{background:var(--color-surface-muted);border-radius:var(--radius-pill)}.sample-resize-field::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:2px solid var(--color-surface-muted);border-radius:var(--radius-pill)}.sample-resize-field::-webkit-scrollbar-thumb:hover{background:var(--color-scout-blue-border)}.sample-resize-field::-webkit-scrollbar-button{width:0;height:0;display:none}.sample-resize-field::-webkit-resizer{background:linear-gradient(135deg, transparent 0 42%, var(--color-border-strong) 43% 49%, transparent 50% 59%, var(--color-border-strong) 60% 66%, transparent 67% 76%, var(--color-border-strong) 77% 83%, transparent 84%)}.sample-resize-footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sample-resize-hint{color:var(--color-text-muted);font-size:.67rem}.sample-resize-send{min-height:2rem;color:var(--color-white);background:var(--color-scout-blue);border-radius:var(--radius-sm);padding:.35rem .8rem;font-size:.75rem;font-weight:600}.sample-resize-send:hover{background:var(--color-scout-blue-strong)}.sample-resize-send:focus-visible{outline:2px solid var(--color-scout-blue);outline-offset:2px}.sample-resize-status{color:var(--color-text-muted);grid-column:1/-1;margin:0;font-size:.7rem}.sample-navigation-demo{width:min(100%,34rem);min-height:18rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);isolation:isolate;position:relative;overflow:hidden}.sample-navigation-page{min-height:18rem}.sample-navigation-header{border-bottom:1px solid var(--color-border);align-items:center;gap:.7rem;min-height:3.5rem;padding:.55rem .8rem;display:flex}.sample-navigation-trigger,.sample-navigation-close{width:2.25rem;height:2.25rem;color:var(--color-core-graphite);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:none;place-items:center;display:inline-grid}.sample-navigation-trigger:hover,.sample-navigation-close:hover{background:var(--color-scout-blue-soft)}.sample-navigation-demo :is(a,button):focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sample-navigation-brand{min-width:0;color:var(--color-text);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.sample-navigation-mark{width:1.65rem;height:1.65rem;color:var(--color-white);background:var(--color-scout-blue);border-radius:.45rem;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:inline-grid}.sample-navigation-avatar{width:1.8rem;height:1.8rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-radius:50%;flex:none;place-items:center;margin-left:auto;font-size:.66rem;font-weight:600;display:inline-grid}.sample-navigation-content{width:min(100% - 2rem,27rem);margin:1.1rem auto}.sample-navigation-eyebrow,.sample-navigation-section-label{color:var(--color-text-muted);letter-spacing:.08em;font-size:.65rem;font-weight:600;display:block}.sample-navigation-content h3{color:var(--color-text);margin:.35rem 0 .25rem;font-size:1.2rem;font-weight:600}.sample-navigation-content>p{color:var(--color-text-muted);margin:0;font-size:.78rem;line-height:1.5}.sample-navigation-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem;display:grid}.sample-navigation-metrics article{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:.25rem;padding:.65rem .75rem;display:grid}.sample-navigation-metrics article span{color:var(--color-text-muted);font-size:.65rem}.sample-navigation-metrics article strong{color:var(--color-scout-blue-strong);font-size:1rem}.sample-navigation-content .sample-navigation-hint{margin-top:.8rem;font-size:.66rem}.sample-navigation-scrim{z-index:2;opacity:0;visibility:hidden;background:#2925264d;width:100%;transition:opacity .23s,visibility .23s;position:absolute;inset:0}.sample-navigation-panel{z-index:3;overscroll-behavior:contain;background:var(--color-white);border-right:1px solid var(--color-border);flex-direction:column;width:min(18rem,100% - 2.25rem);min-height:0;padding:.8rem;transition:transform .24s cubic-bezier(.2,.75,.25,1);display:flex;position:absolute;inset:0 auto 0 0;overflow-y:auto;transform:translate(-103%);box-shadow:.75rem 0 1.5rem #2925261a}.sample-navigation-panel-header{flex:none;justify-content:space-between;align-items:center;gap:.6rem;padding-bottom:.65rem;display:flex}.sample-navigation-panel-header .sample-navigation-brand{margin-right:auto}.sample-navigation-section-label{margin:0 0 .5rem .35rem}.sample-navigation-link{min-height:2.25rem;color:var(--color-text-muted);border-radius:var(--radius-sm);flex:none;align-items:center;gap:.65rem;padding:.35rem .55rem;font-size:.8rem;text-decoration:none;transition:color .14s,background-color .14s;display:flex}.sample-navigation-link .ui-icon{color:currentColor;width:1rem;height:1rem}.sample-navigation-link:hover{color:var(--color-scout-blue-strong);background:var(--color-surface-muted)}.sample-navigation-link.is-current{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);font-weight:600}.sample-navigation-account{border-top:1px solid var(--color-border);flex:none;align-items:center;gap:.6rem;margin-top:auto;padding:.55rem .15rem;display:flex}.sample-navigation-account>span:last-child{align-self:center;gap:.05rem;min-width:0;line-height:1.3;display:grid}.sample-navigation-account .sample-navigation-avatar{align-self:center;margin-left:0}.sample-navigation-account strong{color:var(--color-text);font-size:.75rem}.sample-navigation-account small{color:var(--color-text-muted);font-size:.66rem}.sample-navigation-demo[data-drawer-state=open] .sample-navigation-scrim{opacity:1;visibility:visible}.sample-navigation-demo[data-drawer-state=open] .sample-navigation-panel{transform:translate(0)}.sample-navigation-demo[data-drawer-state=closing] .sample-navigation-scrim{opacity:0;visibility:hidden}.sample-navigation-demo[data-drawer-state=closing] .sample-navigation-panel{transform:translate(-103%)}@media (prefers-reduced-motion:reduce){.sample-navigation-scrim,.sample-navigation-panel,.sample-navigation-link{transition-duration:0s}}.element-preview:has(.sample-bento){container-type:inline-size}.sample-bento{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(4.75rem,auto);gap:.5rem;width:100%;padding:.55rem;display:grid}.sample-bento-tile{min-width:0;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;justify-content:space-between;gap:.35rem;padding:.65rem;display:flex;overflow:hidden}.sample-bento-tile>small{color:var(--color-text-muted);letter-spacing:.045em;font-size:.56rem;font-weight:700;line-height:1.3}.sample-bento-main{background:var(--color-scout-blue-soft);grid-area:span 2/span 2;min-height:10rem}.sample-bento-metric{align-content:end;gap:.35rem;display:grid}.sample-bento-metric>span{color:var(--color-text-muted);font-size:.7rem}.sample-bento-metric>strong{color:var(--color-scout-blue-strong);font-size:clamp(1.25rem,3.5cqi,1.8rem);line-height:1}.sample-bento-trend{font-weight:600;color:var(--color-scout-blue-strong)!important;font-size:.65rem!important}.sample-bento-value{font-size:1.05rem;line-height:1.1}.sample-bento-note{color:var(--color-text-muted);font-size:.62rem;line-height:1.35}.sample-bento-signups{grid-column:span 2}@container (width<=30rem){.sample-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(4.5rem,auto);gap:.4rem;padding:.4rem}.sample-bento-main{grid-area:auto/span 2;min-height:7rem}.sample-bento-signups{grid-column:span 2}}.element-preview:has(.sample-masonry-comparison){container-type:inline-size}.sample-masonry-comparison{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.7rem;width:100%;display:grid}.sample-masonry-mode{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;padding:.65rem}.sample-masonry-mode>h3{color:var(--color-text);margin:0 0 .2rem;font-size:.8rem}.sample-masonry-mode>p{min-height:2em;color:var(--color-text-muted);margin:0 0 .55rem;font-size:.62rem;line-height:1.4}.sample-masonry-plain,.sample-masonry-waterfall{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.sample-masonry-waterfall{columns:2;column-gap:.4rem;display:block}.sample-masonry-card{overflow-wrap:anywhere;min-width:0;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);break-inside:avoid;flex-direction:column;gap:.35rem;padding:.55rem;font-size:.66rem;line-height:1.4;display:flex}.sample-masonry-card>strong{font-size:.68rem;line-height:1.25}.sample-masonry-card>span{color:var(--color-text-muted);font-size:.6rem}.sample-masonry-card:first-child{min-height:5.2rem}.sample-masonry-card:nth-child(2){min-height:4rem}.sample-masonry-card:nth-child(3){min-height:6.4rem}.sample-masonry-card:nth-child(4){min-height:4.7rem}.sample-masonry-card:nth-child(5){min-height:5.6rem}.sample-masonry-card:nth-child(6){min-height:3.8rem}.sample-masonry-plain .sample-masonry-card{display:flex}.sample-masonry-waterfall .sample-masonry-card{vertical-align:top;width:100%;margin:0 0 .4rem;display:inline-flex}@supports (grid-template-rows:masonry){.sample-masonry-waterfall{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:masonry;gap:.4rem;display:grid}.sample-masonry-waterfall .sample-masonry-card{width:auto;margin:0;display:flex}}@container (width<=34rem){.sample-masonry-comparison{grid-template-columns:minmax(0,1fr);gap:.55rem}}@container (width<=20rem){.sample-masonry-plain{grid-template-columns:minmax(0,1fr)}.sample-masonry-waterfall{columns:1}}@supports (grid-template-rows:masonry){@container (width<=20rem){.sample-masonry-waterfall{grid-template-columns:minmax(0,1fr)}}}.sample-easing{width:min(100%,48rem);color:var(--color-text);gap:.8rem;display:grid;container-type:inline-size}.sample-easing-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.sample-easing-header>div{gap:.15rem;display:grid}.sample-easing-header>div>span,.sample-easing-option>p,.sample-easing-note{color:var(--color-text-muted);font-size:.78rem}.sample-easing-replay{min-height:2.4rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);border-radius:var(--radius-sm);cursor:pointer;font:inherit;flex:none;padding:.45rem .75rem;font-size:.8rem;font-weight:650}.sample-easing-replay:hover{background:var(--color-surface-hover)}.sample-easing-replay:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sample-easing-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.sample-easing-option{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-content:start;gap:.4rem;min-width:0;padding:.65rem;display:grid}.sample-easing-label{gap:.15rem;display:grid}.sample-easing-label h3{color:var(--color-text);margin:0;font-size:.9rem}.sample-easing-label code{overflow-wrap:anywhere;color:var(--color-scout-blue-strong);font-family:var(--font-mono);font-size:.65rem}.sample-easing-graph{width:100%;height:4.2rem;display:block;overflow:visible}.sample-easing-axis{fill:none;stroke:var(--color-border-strong);stroke-width:1.4px}.sample-easing-path{fill:none;stroke:var(--color-scout-blue);stroke-linecap:round;stroke-width:3px}.sample-easing-track{height:1.25rem;margin:0 .3rem;position:relative;overflow:clip}.sample-easing-track:before{background:var(--color-border);content:"";height:2px;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%)}.sample-easing-start{background:var(--color-white);border:2px solid var(--color-border-strong);border-radius:50%;width:.48rem;height:.48rem;position:absolute;top:50%;left:8%;transform:translate(-50%,-50%)}.sample-easing-target{border-left:1px dashed var(--color-border-strong);position:absolute;top:.1rem;bottom:.1rem;left:92%}.sample-easing-motion{width:84%;position:absolute;top:0;bottom:0;left:8%}.sample-easing-dot{background:var(--color-scout-blue);border:2px solid var(--color-white);width:.78rem;height:.78rem;box-shadow:0 0 0 1px var(--color-scout-blue);border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.sample-easing-endpoints{color:var(--color-text-muted);justify-content:space-between;font-size:.65rem;display:flex}.sample-easing-option>p,.sample-easing-note{margin:0}.sample-easing.is-playing .sample-easing-motion{animation-name:sample-easing-travel;animation-duration:1.2s;animation-fill-mode:both}.sample-easing-linear .sample-easing-motion{animation-timing-function:linear}.sample-easing-out .sample-easing-motion{animation-timing-function:ease-out}.sample-easing-in-out .sample-easing-motion{animation-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes sample-easing-travel{0%{transform:translate(0)}to{transform:translate(100%)}}@container (width<=36rem){.sample-easing-header{flex-direction:column;align-items:flex-start}.sample-easing-options{grid-template-columns:minmax(0,1fr)}.sample-easing-option{grid-template-columns:minmax(5.5rem,.65fr) minmax(0,1fr);align-items:center;column-gap:.7rem}.sample-easing-label{grid-column:1/-1}.sample-easing-graph{grid-row:span 2;height:3.6rem}.sample-easing-track,.sample-easing-endpoints{grid-column:2}.sample-easing-option>p{grid-column:1/-1}}.sample-spring{gap:1.25rem;width:100%;max-width:42rem;display:grid}.sample-spring-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sample-spring-header>div{gap:.15rem;display:grid}.sample-spring-header>div>span,.sample-spring-row>small{color:var(--color-text-muted);font-size:.8rem}.sample-spring-replay{min-height:2.4rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);border-radius:var(--radius-sm);cursor:pointer;font:inherit;flex:none;padding:.45rem .75rem;font-size:.8rem}.sample-spring-replay:hover{background:var(--color-surface-hover)}.sample-spring-replay:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sample-spring-rows{gap:.9rem;display:grid}.sample-spring-guide,.sample-spring-row{grid-template-columns:5.5rem minmax(0,1fr);column-gap:1rem;display:grid}.sample-spring-guide>div{height:1.1rem;position:relative}.sample-spring-guide small{color:var(--color-text-muted);font-size:.72rem;line-height:1;position:absolute}.sample-spring-guide small:first-child{left:10%;transform:translate(-50%)}.sample-spring-guide small:last-child{left:78%;transform:translate(-50%)}.sample-spring-row{align-items:center;row-gap:.2rem}.sample-spring-row>strong{white-space:nowrap;font-size:.9rem}.sample-spring-row>small{grid-column:2}.sample-spring-track{min-width:0;height:2.2rem;position:relative;overflow:clip}.sample-spring-track:before{background:var(--color-border-strong);content:"";height:2px;position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%)}.sample-spring-start{background:var(--color-white);border:2px solid var(--color-scout-blue);border-radius:50%;width:.65rem;height:.65rem;position:absolute;top:50%;left:10%;transform:translate(-50%,-50%)}.sample-spring-target{border-left:2px dashed var(--color-border-strong);position:absolute;top:0;bottom:0;left:78%}.sample-spring-motion{width:68%;position:absolute;top:0;bottom:0;left:10%}.sample-spring-dot{border:3px solid var(--color-white);border-radius:50%;width:1.1rem;height:1.1rem;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 1px}.sample-spring-dot-ease{color:var(--color-scout-blue);background:var(--color-scout-blue)}.sample-spring-dot-spring{color:var(--color-thinker-orange);background:var(--color-thinker-orange)}.sample-spring.is-playing .sample-spring-motion-ease{animation:sample-spring-ease var(--sample-spring-ease-duration,.9s) cubic-bezier(0, 0, .58, 1) both}.sample-spring.is-playing .sample-spring-motion-spring{animation:sample-spring-fallback var(--sample-spring-duration,1.3s) linear both}@supports (animation-timing-function:linear(0, 0.2 50%, 1)){.sample-spring.is-playing .sample-spring-motion-spring{animation:sample-spring-spring var(--sample-spring-duration,1.3s) linear(0 0%, .11 4.16667%, .35 8.33333%, .63 12.5%, .87 16.6667%, 1.04 20.8333%, 1.125 25%, 1.15 29.1667%, 1.135 33.3333%, 1.09 37.5%, 1.035 41.6667%, .99 45.8333%, .963 50%, .955 54.1667%, .962 58.3333%, .977 62.5%, .993 66.6667%, 1.004 70.8333%, 1.008 75%, 1.006 79.1667%, 1.002 83.3333%, .999 87.5%, .998 91.6667%, .999 95.8333%, 1 100%) both}}@keyframes sample-spring-ease{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes sample-spring-fallback{0%{transform:translate(0)}20.8%{transform:translate(104%)}29.2%{transform:translate(115%)}41.7%{transform:translate(103.5%)}50%{transform:translate(96.3%)}54.2%{transform:translate(95.5%)}70.8%{transform:translate(100.4%)}75%{transform:translate(100.8%)}91.7%{transform:translate(99.8%)}to{transform:translate(100%)}}@keyframes sample-spring-spring{0%{transform:translate(0)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.sample-easing.is-playing .sample-easing-motion{animation:none;transform:translate(100%)}.sample-spring.is-playing .sample-spring-motion{animation:none}.sample-spring-motion{transform:translate(100%)}}.sample-scramble{text-align:center;align-content:center;justify-items:center;gap:.65rem;width:min(100%,25rem);min-height:11rem;margin:0 auto;display:grid}.sample-scramble-status{color:var(--color-text-muted);letter-spacing:.1em;align-items:center;gap:.45rem;font-size:.68rem;font-weight:700;display:inline-flex}.sample-scramble-indicator{background:var(--color-border-strong);border-radius:50%;width:.5rem;height:.5rem}.sample-scramble.is-running .sample-scramble-indicator{background:var(--color-scout-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-scout-blue) 14%, transparent)}.sample-scramble-text{max-width:100%;color:var(--color-scout-blue);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.06em;white-space:pre;margin:0;font-size:clamp(1.15rem,4vw,1.65rem);font-weight:700;line-height:1.35}.sample-scramble-progress{background:var(--color-border);border-radius:999px;width:min(100%,19rem);height:3px;overflow:hidden}.sample-scramble-progress>span{border-radius:inherit;background:var(--color-scout-blue);transform-origin:0;width:100%;height:100%;display:block}.sample-scramble-caption{color:var(--color-text-muted);margin:0;font-size:.82rem}.sample-scramble-replay{min-height:2.25rem;color:var(--color-scout-blue);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.4rem;margin-top:.1rem;padding:.45rem .75rem;font-size:.78rem;font-weight:600;transition:background-color .14s,border-color .14s,transform .14s;display:inline-flex}.sample-scramble-replay:hover{background:var(--color-scout-blue-soft);border-color:var(--color-scout-blue)}.sample-scramble-replay:active{transform:translateY(1px)}.sample-scramble-replay:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sample-scramble-replay .ui-icon{width:.9rem;height:.9rem}@media (prefers-reduced-motion:reduce){.sample-scramble-replay{transition:none}}.sample-lightbox{gap:.6rem;width:min(100%,42rem);display:grid}.sample-lightbox-header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.sample-lightbox-header>div{gap:.08rem;display:grid}.sample-lightbox-header small,.sample-lightbox-dialog-header small{color:var(--color-text-muted);letter-spacing:.09em;font-size:.62rem;font-weight:700}.sample-lightbox-header strong{color:var(--color-text);font-size:.95rem}.sample-lightbox-header>span{color:var(--color-text-muted);font-size:.68rem}.sample-lightbox-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.sample-lightbox-tile{--sample-lightbox-inset:.35rem;min-width:0;padding:var(--sample-lightbox-inset);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;gap:.35rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.sample-lightbox-tile:hover{border-color:var(--color-scout-blue);transform:translateY(-2px);box-shadow:0 .35rem .9rem #1f374f1f}.sample-lightbox-tile:focus-visible,.sample-lightbox-dialog button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sample-lightbox-art{aspect-ratio:1.55;isolation:isolate;border-radius:5px;width:100%;display:block;position:relative;overflow:hidden}.sample-lightbox-tile>.sample-lightbox-art{border-radius:max(0px, calc(var(--radius-md) - var(--sample-lightbox-inset) - 1px))}.sample-lightbox-art:before,.sample-lightbox-art:after{content:"";position:absolute}.sample-lightbox-art:before{z-index:1;aspect-ratio:1;background:#ffe5aa;border-radius:50%;width:14%;top:15%;right:15%;box-shadow:0 0 1.8rem #ffdc9e8c}.sample-lightbox-art:after{z-index:2;inset:35% 0 0}.sample-lightbox-art--dunes{background:linear-gradient(#8fbbcb 0%,#eed1a0 54%,#dcaa67 55%,#8c5846 100%)}.sample-lightbox-art--dunes:after{clip-path:polygon(0 50%,22% 25%,45% 46%,72% 5%,100% 28%,100% 100%,0 100%);background:linear-gradient(165deg,#0000 0 33%,#edc17c 34% 57%,#c77d4e 58% 100%)}.sample-lightbox-art--coast{background:linear-gradient(#9ac7d1 0%,#e3d6b2 48%,#5ca0a1 49%,#1f6579 100%)}.sample-lightbox-art--coast:before{background:#fff0c4;width:11%;top:14%;left:16%;right:auto}.sample-lightbox-art--coast:after{clip-path:polygon(0 55%,17% 32%,39% 40%,62% 4%,100% 30%,100% 100%,0 100%);background:linear-gradient(150deg,#0000 0 33%,#78917b 34% 56%,#3b6b68 57% 100%);inset:37% 0 0}.sample-lightbox-art--forest{background:linear-gradient(#b8d0c2 0%,#e1d7b9 55%,#738c78 56%,#294d4b 100%)}.sample-lightbox-art--forest:before{background:#fff0c2;width:10%;top:15%;right:22%}.sample-lightbox-art--forest:after{clip-path:polygon(0 57%,21% 18%,39% 50%,64% 0,100% 42%,100% 100%,0 100%);background:linear-gradient(155deg,#0000 0 30%,#81917c 31% 50%,#496957 51% 69%,#234a49 70% 100%);inset:34% 0 0}.sample-lightbox-tile-caption{gap:.03rem;min-width:0;padding:.1rem .15rem .15rem;display:grid}.sample-lightbox-tile-caption strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.sample-lightbox-tile-caption small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.sample-lightbox-zoom{z-index:3;width:1.6rem;height:1.6rem;color:var(--color-scout-blue-strong);background:var(--color-white);border:1px solid var(--color-scout-blue-border);opacity:1;border-radius:50%;place-items:center;transition:color .17s,background-color .17s,border-color .17s,box-shadow .17s,transform .17s;display:grid;position:absolute;top:.6rem;right:.6rem;box-shadow:0 1px 5px #1224363d}.sample-lightbox-zoom .ui-icon{width:.85rem;height:.85rem;color:var(--color-scout-blue-strong);stroke:currentColor;stroke-width:2.25px}.sample-lightbox-tile:hover .sample-lightbox-zoom,.sample-lightbox-tile:focus-visible .sample-lightbox-zoom{color:var(--color-white);background:var(--color-scout-blue-strong);border-color:var(--color-scout-blue-strong);transform:scale(1.04);box-shadow:0 2px 8px #12243647}.sample-lightbox-tile:hover .sample-lightbox-zoom .ui-icon,.sample-lightbox-tile:focus-visible .sample-lightbox-zoom .ui-icon{color:var(--color-white);stroke:currentColor}.sample-lightbox-hint{color:var(--color-text-muted);margin:0;font-size:.66rem}.sample-lightbox-dialog:not([open]){display:none}.sample-lightbox-dialog{width:min(56rem,100vw - 2rem);max-width:none;max-height:calc(100dvh - 2rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);opacity:0;transition:opacity .18s ease, transform .18s cubic-bezier(.2, .8, .2, 1), display .18s allow-discrete, overlay .18s allow-discrete;margin:auto;padding:1rem;position:fixed;inset:0;overflow:auto;transform:scale(.98);box-shadow:0 1.5rem 5rem #12243647}.sample-lightbox-dialog[open]{opacity:1;align-content:center;gap:.8rem;display:grid;transform:scale(1)}.sample-lightbox-dialog::backdrop{backdrop-filter:blur();transition:opacity .18s ease, backdrop-filter .18s ease, display .18s allow-discrete, overlay .18s allow-discrete;opacity:0;background:#131f2ca8}.sample-lightbox-dialog[open]::backdrop{opacity:1;backdrop-filter:blur(4px)}@starting-style{.sample-lightbox-dialog[open]{opacity:0;transform:scale(.98)}.sample-lightbox-dialog[open]::backdrop{opacity:0;backdrop-filter:blur()}}.sample-lightbox-dialog-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sample-lightbox-dialog-header>div{align-items:center;gap:.65rem;display:flex}.sample-lightbox-dialog-header small{color:var(--color-text-muted)}.sample-lightbox-dialog-header>div>span{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.72rem}.sample-lightbox-close{width:2.3rem;height:2.3rem;color:var(--color-text);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:50%;flex:0 0 2.3rem;place-items:center;padding:0;display:grid}.sample-lightbox-close .ui-icon{width:1rem;height:1rem}.sample-lightbox-close:hover{background:var(--color-surface-muted)}.sample-lightbox-stage{grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;align-items:center;gap:.85rem;display:grid}.sample-lightbox-stage figure{gap:.6rem;min-width:0;margin:0;display:grid;position:relative}.sample-lightbox-hero{aspect-ratio:1.72;border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-height:min(58vh,34rem)}.sample-lightbox-hero:before{width:9%}.sample-lightbox-hero.is-entering{animation:.26s cubic-bezier(.22,1,.36,1) both sample-lightbox-image-enter}.sample-lightbox-image-outgoing{z-index:2;aspect-ratio:1.72;pointer-events:none;width:100%;max-height:min(58vh,34rem);animation:.26s cubic-bezier(.22,1,.36,1) both sample-lightbox-image-leave;position:absolute;inset:0 auto auto 0}@keyframes sample-lightbox-image-enter{0%{opacity:0;transform:scale(1.006)}to{opacity:1;transform:scale(1)}}@keyframes sample-lightbox-image-leave{0%{opacity:1}to{opacity:0}}.sample-lightbox-stage figcaption{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.sample-lightbox-stage figcaption strong{color:var(--color-text);font-size:.9rem}.sample-lightbox-stage figcaption span{color:var(--color-text-muted);font-size:.72rem}.sample-lightbox-arrow{width:2.5rem;height:2.5rem;color:var(--color-scout-blue-strong);background:var(--color-white);border:1px solid var(--color-scout-blue-border);border-radius:50%;place-items:center;padding:0;transition:color .17s,background-color .17s,border-color .17s,box-shadow .17s,transform .17s;display:grid;box-shadow:0 1px 4px #1224361a}.sample-lightbox-arrow .ui-icon{width:1.1rem;height:1.1rem;color:var(--color-scout-blue-strong);stroke:currentColor;stroke-width:2.25px}.sample-lightbox-arrow:hover,.sample-lightbox-arrow:focus-visible{color:var(--color-white);background:var(--color-scout-blue-strong);border-color:var(--color-scout-blue-strong);box-shadow:0 3px 8px #1224362e}.sample-lightbox-arrow:hover .ui-icon,.sample-lightbox-arrow:focus-visible .ui-icon{color:var(--color-white);stroke:currentColor}.sample-lightbox-arrow:active{transform:scale(.96)}.sample-lightbox-thumbnails{align-items:center;gap:.45rem;display:flex}.sample-lightbox-thumbnails>button{background:0 0;border:1px solid #0000;border-radius:6px;flex:0 0 4.4rem;width:4.4rem;height:2.85rem;padding:2px;overflow:hidden}.sample-lightbox-thumbnails>button[aria-pressed=true]{border-color:var(--color-scout-blue);box-shadow:0 0 0 1px var(--color-scout-blue)}.sample-lightbox-thumbnails .sample-lightbox-art{aspect-ratio:auto;border-radius:3px;width:100%;height:100%}.sample-lightbox-key-hint{color:var(--color-text-muted);margin-inline-start:auto;font-size:.65rem}@media (width<=620px){.sample-lightbox-gallery{gap:.4rem}.sample-lightbox-tile{--sample-lightbox-inset:.25rem}.sample-lightbox-tile-caption small{font-size:.55rem}.sample-lightbox-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);padding:.65rem}.sample-lightbox-stage{grid-template-columns:2rem minmax(0,1fr) 2rem;gap:.35rem}.sample-lightbox-arrow{width:2rem;height:2rem}.sample-lightbox-stage figcaption{flex-direction:column;align-items:start;gap:.1rem}.sample-lightbox-thumbnails{flex-wrap:wrap}.sample-lightbox-key-hint{width:100%;margin:0}}@media (prefers-reduced-motion:reduce){.sample-lightbox-tile,.sample-lightbox-zoom,.sample-lightbox-arrow,.sample-lightbox-dialog,.sample-lightbox-dialog::backdrop{transition:none;animation:none!important}.sample-lightbox-dialog{transform:none}}.sample-marquee{width:100%;color:var(--color-scout-blue);gap:.65rem;display:grid}.sample-marquee-window{background:var(--color-scout-blue-soft);width:100%;padding:.75rem 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.sample-marquee-track{width:max-content;animation:18s linear infinite sample-marquee-scroll;display:flex}.sample-marquee-group{white-space:nowrap;flex:none;align-items:center;gap:.9rem;padding-inline-end:1.8rem;display:flex}.sample-marquee-item{min-height:2.75rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:999px;align-items:center;padding:.55rem .9rem;font-size:.88rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #1727370f}.sample-marquee .ui-icon{width:.95rem;height:.95rem;color:var(--color-scout-blue);flex:0 0 .95rem}.sample-marquee-accessible{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sample-marquee-toggle{min-height:2.25rem;color:var(--color-scout-blue-strong);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-self:end;padding:.35rem .8rem;font-size:.82rem;font-weight:600}.sample-marquee-toggle:hover{background:var(--color-scout-blue-soft);border-color:var(--color-scout-blue-border)}.sample-marquee-toggle:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.element-preview .sample-marquee{max-width:100%}.element-preview .sample-marquee-window{padding:.6rem 0}.element-preview .sample-marquee-group{gap:.4rem;padding-inline-end:.8rem}.element-preview .sample-marquee-item{min-height:2rem;padding:.3rem .55rem;font-size:.7rem}.element-preview .sample-marquee .ui-icon{flex-basis:.75rem;width:.75rem;height:.75rem}.element-demo-stage .sample-marquee{gap:.9rem;width:min(100%,48rem)}.element-demo-stage .sample-marquee-window{padding-block:1rem}.sample-marquee-window:hover .sample-marquee-track,.sample-marquee.is-paused .sample-marquee-track{animation-play-state:paused}@keyframes sample-marquee-scroll{to{transform:translate(-50%)}}@media (forced-colors:active){.sample-marquee-window{-webkit-mask-image:none;mask-image:none}}@media (prefers-reduced-motion:reduce){.sample-marquee-track{animation:none}.sample-marquee-toggle{display:none}}.sample-editor{grid-template-columns:minmax(0,1fr);gap:.55rem;width:min(100%,28rem);display:grid}.sample-editor-line{background:var(--color-white);border:1px solid var(--color-border);align-items:center;width:100%;padding:.2rem .65rem;display:flex}.sample-editor-line:focus-within{border-color:var(--color-scout-blue);outline:3px solid var(--color-focus);outline-offset:2px}.sample-editor-line input{width:100%;min-width:0;color:var(--color-text);font:inherit;caret-color:var(--color-scout-blue);background:0 0;border:0;outline:0;padding:.45rem 0}.ui-sample .sample-editor-line input:focus-visible{outline:none}.sample-editor-hint{color:var(--color-text-muted);margin:.55rem 0 0;font-size:.75rem}.sample-cursor{gap:.55rem;width:min(100%,44rem);display:grid}.sample-cursor-tabs{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:.55rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;width:fit-content;max-width:100%;margin-inline:auto;padding:.2rem;display:grid}.sample-cursor-tab{min-width:0;color:var(--color-text-muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.4rem;padding:.32rem .55rem;font-size:.68rem;font-weight:600}.sample-cursor-tab[aria-pressed=true]{color:var(--color-scout-blue-strong);background:var(--color-white);border-color:var(--color-border);box-shadow:0 1px 2px #443a3b14}.sample-cursor-tab:hover{color:var(--color-scout-blue-strong)}.sample-cursor-panel{gap:.5rem;display:grid}.sample-cursor-panel[hidden]{display:none!important}.sample-cursor-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.5rem;display:grid}.sample-cursor-tile{min-width:0;min-height:6.35rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;text-align:left;align-content:start;gap:.35rem;padding:.65rem;display:grid}button.sample-cursor-tile,button.sample-cursor-tile.sample-cursor-pointer{cursor:pointer}button.sample-cursor-tile.sample-cursor-crosshair{cursor:crosshair}button.sample-cursor-tile.sample-cursor-grab{cursor:grab}button.sample-cursor-tile.sample-cursor-grab:active,button.sample-cursor-tile.sample-cursor-grab[data-dragging=true],button.sample-cursor-tile.sample-cursor-grabbing{cursor:grabbing}button.sample-cursor-tile.sample-cursor-copy{cursor:copy}button.sample-cursor-tile.sample-cursor-alias{cursor:alias}.sample-cursor-tile b{color:var(--color-text);font-size:.74rem;line-height:1.25}.sample-cursor-tile span{color:var(--color-text-muted);font-size:.68rem;line-height:1.35}.sample-cursor-tile small{color:var(--color-text-muted);font-family:var(--font-mono);overflow-wrap:anywhere;align-self:end;font-size:.61rem;line-height:1.3}.sample-cursor-default{cursor:default}.sample-cursor-text{cursor:text}.sample-cursor-text input{width:100%;min-width:0;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;cursor:text;padding:.3rem .4rem;font-size:.67rem}.sample-cursor-vertical{cursor:vertical-text}.sample-cursor-pointer{cursor:pointer}.sample-cursor-crosshair{background:var(--color-scout-blue-soft);cursor:crosshair;place-content:center;justify-items:center}.sample-cursor-crosshair[aria-pressed=true]{background:var(--color-scout-blue-border)}.sample-cursor-context{cursor:context-menu}.sample-cursor-pointer[aria-pressed=true]{background:var(--color-scout-blue-soft)}.sample-cursor-not-allowed{color:var(--color-text-muted);background:var(--color-surface);cursor:not-allowed!important}.sample-cursor-platform-only{background:var(--color-surface-muted);border-style:dashed;align-content:center}.sample-cursor-resize-tile{grid-template-rows:auto 1fr auto auto;min-height:9.3rem}.sample-cursor-adjust-preview{background:var(--color-surface-muted);border-radius:.35rem;place-items:center;min-width:0;min-height:3.3rem;padding:.18rem;display:grid;overflow:hidden}.sample-cursor-adjust-surface{width:var(--cursor-adjust-width,68%);height:var(--cursor-adjust-height,1.45rem);min-width:1.5rem;max-width:100%;min-height:.9rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);text-align:center;border-radius:.28rem;place-content:center;padding-inline:.2rem;font-size:.56rem;transition:width .1s,height .1s;display:grid;overflow:hidden}.sample-cursor-resize-tile[data-cursor-adjust-axis=y] .sample-cursor-adjust-surface{height:var(--cursor-adjust-height,48px)}.sample-cursor-resize-tile[data-cursor-adjust-axis=both] .sample-cursor-adjust-surface{width:var(--cursor-adjust-width,62%);height:var(--cursor-adjust-height,28px)}.sample-cursor-adjust-control{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem;min-width:0;display:grid}.sample-cursor-adjust-control input{width:100%;min-width:0;accent-color:var(--color-scout-blue-strong);margin:0}.sample-cursor-adjust-control output{min-width:2.3rem;color:var(--color-text-muted);text-align:right;font-size:.58rem}.sample-cursor-adjust-control:has(.sample-cursor-range-vertical){grid-template-columns:auto auto;justify-content:center;gap:.45rem;min-height:3.5rem}.sample-cursor-adjust-control .sample-cursor-range-vertical{writing-mode:vertical-lr;cursor:ns-resize;direction:rtl;width:1rem;height:3.4rem}.sample-cursor-adjust-control-diagonal{grid-template-columns:auto auto;justify-content:center;gap:.2rem;min-height:2.2rem}.sample-cursor-range-diagonal{cursor:nwse-resize;transform:rotate(-45deg);width:4.2rem!important}.sample-cursor-range-diagonal-reverse{cursor:nesw-resize;transform:rotate(45deg)}.sample-cursor-resize-tile input[data-cursor-value=col-resize]{cursor:col-resize}.sample-cursor-resize-tile input[data-cursor-value=row-resize]{cursor:row-resize}.sample-cursor-resize-tile input[data-cursor-value=w-resize]{cursor:w-resize}.sample-cursor-resize-tile input[data-cursor-value=e-resize]{cursor:e-resize}.sample-cursor-resize-tile input[data-cursor-value=n-resize]{cursor:n-resize}.sample-cursor-resize-tile input[data-cursor-value=s-resize]{cursor:s-resize}.sample-cursor-resize-tile input[data-cursor-value=nwse-resize]{cursor:nwse-resize}.sample-cursor-resize-tile input[data-cursor-value=nesw-resize]{cursor:nesw-resize}.sample-cursor-zoom-tile{grid-template-rows:auto 1fr auto auto;min-height:9.3rem}.sample-cursor-zoom-stage{background:var(--color-surface-muted);border-radius:.35rem;justify-content:center;align-items:center;gap:.55rem;min-height:3.3rem;display:flex;overflow:hidden}.sample-cursor-zoom-target{background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);border-radius:.28rem;width:2.25rem;height:1.55rem;transition:transform .15s;transform:scale(1)}.sample-cursor-zoom-stage button{width:2rem;height:2rem;color:var(--color-scout-blue-strong);background:var(--color-white);border:1px solid var(--color-border);border-radius:.4rem;place-items:center;padding:0;display:grid}.sample-cursor-zoom-in{cursor:zoom-in}.sample-cursor-zoom-out{cursor:zoom-out}.sample-cursor-hint{color:var(--color-text-muted);margin:0;font-size:.68rem;line-height:1.4}.element-preview .sample-cursor{width:100%}.element-preview .sample-cursor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.element-preview .sample-cursor-tile{min-height:6.1rem;padding:.55rem}.element-preview .sample-cursor-resize-tile,.element-preview .sample-cursor-zoom-tile{min-height:9.3rem}@media (width<=680px){.sample-cursor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-cursor-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.sample-cursor-tab{text-align:center}}@media (width<=360px){.sample-cursor-grid{gap:.35rem}.sample-cursor-tile{min-height:6.4rem;padding:.45rem}.sample-cursor-resize-tile,.sample-cursor-zoom-tile{min-height:9rem}.sample-cursor-range-diagonal{width:3.5rem!important}}@media (width<=420px){.element-preview .sample-cursor-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.sample-cursor-adjust-surface,.sample-cursor-zoom-target{transition:none}}.sample-trash{width:min(100%,31rem)}.sample-trash-context{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:.8rem;padding:1rem;display:grid;box-shadow:0 .25rem .75rem #443a3b12}.sample-trash-context>header{align-items:center;gap:.7rem;min-width:0;display:flex}.sample-trash-app-icon{width:2.45rem;height:2.45rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);border-radius:7px;flex:0 0 2.45rem;place-items:center;display:grid}.sample-trash-app-icon .ui-icon{width:1.25rem;height:1.25rem}.sample-trash-context>header>div{gap:.08rem;min-width:0;display:grid}.sample-trash-context>header>div strong{font-size:.95rem}.sample-trash-context>header>div small,.sample-trash-count{color:var(--color-text-muted);font-size:.75rem}.sample-trash-count{white-space:nowrap;margin-inline-start:auto}.sample-trash-items{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.sample-trash-items li{min-width:0;min-height:2.25rem;color:var(--color-text);background:var(--color-surface);border-radius:4px;grid-template-columns:1rem minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.35rem .5rem;font-size:.78rem;display:grid}.sample-trash-items li .ui-icon{width:.95rem;height:.95rem;color:var(--color-scout-blue)}.sample-trash-items li span{overflow-wrap:anywhere;min-width:0}.sample-trash-items li small{color:var(--color-text-muted);white-space:nowrap;font-size:.7rem}.sample-trash-items .sample-trash-more{color:var(--color-text-muted);background:0 0;padding-inline-start:2.05rem;font-size:.73rem;display:block}.sample-trash-open{min-height:2.45rem;color:var(--color-white);background:var(--color-auditor-red);border:1px solid var(--color-auditor-red);border-radius:var(--radius-sm);justify-self:end;padding:.45rem .8rem;font-size:.82rem;font-weight:600}.sample-trash-open:hover{background:var(--color-auditor-red-strong);border-color:var(--color-auditor-red-strong)}.sample-trash-empty{border-top:1px solid var(--color-border);grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.65rem;padding-top:.4rem;display:grid}.sample-trash-success-icon{width:1.8rem;height:1.8rem;color:var(--color-builder-green-strong);background:var(--color-builder-green-soft);border-radius:50%;place-items:center;display:grid}.sample-trash-success-icon .ui-icon{width:1rem;height:1rem}.sample-trash-empty>div:nth-child(2){gap:.1rem;min-width:0;display:grid}.sample-trash-empty>div:nth-child(2) strong{font-size:.82rem}.sample-trash-empty>div:nth-child(2) p{color:var(--color-text-muted);margin:0;font-size:.73rem}.sample-trash-reset-actions{flex-wrap:wrap;grid-column:2;gap:.35rem .6rem;display:flex}.sample-trash-reset-actions button{min-height:2rem;color:var(--color-scout-blue-strong);text-align:left;text-underline-offset:.15em;padding:.25rem 0;font-size:.72rem;text-decoration:underline}.sample-trash-feedback{color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-sm);margin:.75rem 0 0;padding:.55rem .7rem;font-size:.75rem}.sample-trash-feedback:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sample-trash-alert{width:min(30rem,100vw - 2rem);max-width:none;max-height:min(90dvh,36rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);opacity:0;transition:opacity .18s ease, transform .18s cubic-bezier(.2, .8, .2, 1), display .18s allow-discrete, overlay .18s allow-discrete;scrollbar-color:var(--color-border-strong) transparent;scrollbar-width:thin;margin:auto;padding:1.4rem;position:fixed;inset:0;overflow:auto;transform:translateY(.35rem)scale(.98);box-shadow:0 1.25rem 3.5rem #1f1b1c3d}.sample-trash-alert::-webkit-scrollbar{width:.6rem}.sample-trash-alert::-webkit-scrollbar-track{border-radius:var(--radius-pill);background:0 0;margin-block:.55rem}.sample-trash-alert::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:2px solid var(--color-white);border-radius:var(--radius-pill)}.sample-trash-alert::-webkit-scrollbar-thumb:hover{background:var(--color-scout-blue-border)}.sample-trash-alert::-webkit-scrollbar-button{width:0;height:0;display:none}.sample-trash-alert[open]{opacity:1;transform:translateY(0)scale(1)}.sample-trash-alert::backdrop{backdrop-filter:blur(2px);opacity:0;transition:opacity .18s ease, backdrop-filter .18s ease, display .18s allow-discrete, overlay .18s allow-discrete;background:#1f1b1c57}.sample-trash-alert[open]::backdrop{opacity:1;backdrop-filter:blur(3px)}@starting-style{.sample-trash-alert[open]{opacity:0;transform:translateY(.35rem)scale(.98)}.sample-trash-alert[open]::backdrop{opacity:0;backdrop-filter:blur()}}.sample-trash-alert-body{grid-template-columns:3.35rem minmax(0,1fr);align-items:start;gap:.9rem;display:grid}.sample-trash-alert-icon{width:3rem;height:3rem;display:block;position:relative}.sample-trash-alert-app{width:2.65rem;height:2.65rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);border-radius:8px;place-items:center;display:grid}.sample-trash-alert-app .ui-icon{width:1.35rem;height:1.35rem}.sample-trash-alert-badge{width:1.45rem;height:1.45rem;color:var(--color-white);background:var(--color-auditor-red);border:2px solid var(--color-white);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:0;right:0}.sample-trash-alert-badge>.ui-icon{width:.72rem;height:.72rem;color:var(--color-white);stroke:currentColor;flex:0 0 .72rem;display:block;transform:none}.sample-trash-alert-copy{min-width:0}.sample-trash-alert-copy h3{color:var(--color-text);margin:0;font-size:1.05rem;font-weight:700;line-height:1.35}.sample-trash-alert-copy p{color:var(--color-text-muted);margin:.4rem 0 0;font-size:.88rem;line-height:1.5}.sample-trash-suppression{border-top:1px solid var(--color-border);cursor:pointer;align-items:center;gap:.6rem;min-height:2.5rem;margin-top:1rem;padding-top:.8rem;font-size:.82rem;font-weight:600;display:flex}.sample-trash-suppression input{width:1rem;height:1rem;accent-color:var(--color-scout-blue);flex:0 0 1rem;margin:0}.sample-trash-alert-note{color:var(--color-text-muted);margin:.1rem 0 0;font-size:.72rem;line-height:1.45}.sample-trash-alert footer{flex-wrap:wrap;justify-content:end;gap:.55rem;margin-top:1.15rem;display:flex}.sample-trash-alert footer button{border-radius:var(--radius-sm);border:1px solid #0000;min-width:6.5rem;min-height:2.45rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600}.sample-trash-cancel{color:var(--color-white);background:var(--color-scout-blue)}.sample-trash-cancel:hover{background:var(--color-scout-blue-strong)}.sample-trash-confirm{color:var(--color-white);background:var(--color-auditor-red)}.sample-trash-confirm:hover{background:var(--color-auditor-red-strong)}.sample-trash-alert footer button:focus-visible,.sample-trash-suppression input:focus-visible,.sample-trash-open:focus-visible,.sample-trash-reset-actions button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (width<=420px){.sample-trash-context{padding:.75rem}.sample-trash-alert{width:calc(100vw - 1rem);padding:1rem}.sample-trash-alert-body{grid-template-columns:2.7rem minmax(0,1fr);gap:.65rem}.sample-trash-alert-icon{width:2.55rem;height:2.65rem}.sample-trash-alert-app{width:2.35rem;height:2.35rem}.sample-trash-alert-copy h3{font-size:.98rem}.sample-trash-alert-copy p{font-size:.82rem}.sample-trash-alert footer{justify-content:stretch}.sample-trash-alert footer button{flex:7rem}}@media (prefers-reduced-motion:reduce){.sample-trash-alert,.sample-trash-alert::backdrop{transition:none}.sample-trash-alert{transform:none}}.sample-volume{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.75rem;width:min(100%,52rem);min-width:0;display:grid}.sample-volume-setting{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);align-content:start;gap:.55rem;min-width:0;padding:.85rem;display:grid}.sample-volume-heading{justify-content:space-between;align-items:center;gap:.55rem;min-width:0;display:flex}.sample-volume-heading label{min-width:0;font-size:.86rem;font-weight:600}.sample-volume-value{color:var(--color-scout-blue-strong);font-variant-numeric:tabular-nums;flex:none;font-size:.76rem;font-weight:700}.sample-volume-control{grid-template-columns:2rem minmax(0,1fr) 1.1rem;align-items:center;gap:.45rem;min-width:0;display:grid}.sample-volume-mute{border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid;color:var(--color-scout-blue-strong)!important;background:var(--color-scout-blue-soft)!important;border:1px solid var(--color-scout-blue-border)!important;padding:0!important}.sample-volume-mute:hover{background:var(--color-surface-muted)!important}.sample-volume-mute:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sample-volume-mute .ui-icon{width:1rem;height:1rem}.sample-volume-control .sample-range{width:100%;min-width:0;accent-color:var(--color-scout-blue);margin:0}.sample-volume-max-icon{width:1rem;height:1rem;color:var(--color-text-muted)}.sample-volume-hint{color:var(--color-text-muted);margin:0;font-size:.68rem;line-height:1.4}.sample-volume-discrete>.sample-range-discrete{width:calc(100% - 1rem);margin:0 auto}.sample-volume-ticks{width:calc(100% - 1rem);height:1.8rem;margin:-.12rem auto 0;display:block;position:relative}.sample-volume-ticks>span{width:max-content;color:var(--color-text-muted);text-align:center;line-height:1.2;position:absolute;top:.62rem;transform:translate(-50%)}.element-preview .ui-sample .sample-volume-discrete .sample-volume-ticks>span{font-size:.62rem}.sample-volume-ticks>span:first-child{text-align:left;left:0;transform:none}.sample-volume-ticks>span:nth-child(2){left:25%}.sample-volume-ticks>span:nth-child(3){left:50%}.sample-volume-ticks>span:nth-child(4){left:75%}.sample-volume-ticks>span:nth-child(5){text-align:right;left:100%;transform:translate(-100%)}.sample-volume-ticks>span:before{background:var(--color-border-strong);content:"";width:1px;height:.36rem;position:absolute;top:-.62rem;left:50%;transform:translate(-50%)}.sample-volume-ticks>span:first-child:before{left:0;transform:none}.sample-volume-ticks>span:nth-child(5):before{left:100%;transform:translate(-100%)}.sample-color-well{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:.7rem;width:min(100%,23rem);margin-inline:auto;padding:1rem;display:grid;position:relative;box-shadow:0 .35rem 1rem #443a3b12}.sample-color-well-control{align-items:center;gap:.8rem;display:flex}.sample-color-trigger-group{background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);flex:none;display:inline-flex;overflow:hidden}.sample-color-trigger{place-items:center;width:3.25rem;height:2.75rem;padding:.35rem;display:grid;border-right:1px solid var(--color-border)!important}.sample-color-swatch{border-radius:3px;width:100%;height:100%;display:block;overflow:hidden}.sample-color-swatch>span{background:var(--color-scout-blue);width:100%;height:100%;display:block}.sample-color-panel-trigger{place-items:center;width:2.5rem;display:grid;color:var(--color-scout-blue-strong)!important;background:var(--color-surface-muted)!important}.sample-color-panel-trigger:hover{background:var(--color-scout-blue-soft)!important}.sample-color-panel-trigger .ui-icon{width:1.2rem;height:1.2rem}.sample-color-value{gap:.05rem;min-width:0;display:grid}.sample-color-value b{font-size:.98rem}.sample-color-value small{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.sample-color-popover,.sample-color-panel{z-index:12;width:min(24rem,100%);max-height:min(35rem,100vh - 3rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.9rem;position:absolute;top:calc(100% + .55rem);left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 .7rem 1.5rem #443a3b29}.sample-color-popover.opens-up,.sample-color-panel.opens-up{top:auto;bottom:calc(100% + .55rem)}.sample-color-popover:not([hidden]),.sample-color-panel:not([hidden]){animation:.15s cubic-bezier(.2,.75,.25,1) both color-well-popover-enter}.sample-color-popover.opens-up:not([hidden]),.sample-color-panel.opens-up:not([hidden]){transform-origin:bottom}@keyframes color-well-popover-enter{0%{opacity:0;transform:translate(-50%)translateY(-.25rem)scale(.98)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.sample-color-popover:not([hidden]),.sample-color-panel:not([hidden]){animation:none}}.sample-color-popover-heading{gap:.05rem;margin-bottom:.7rem;display:grid}.sample-color-popover-heading b{font-size:.88rem}.sample-color-popover-heading small{color:var(--color-text-muted);font-size:.76rem}.sample-color-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;display:grid}.sample-color-grid [role=option]{aspect-ratio:1;border-radius:var(--radius-sm);place-items:center;width:100%;padding:.23rem;display:grid;border:1px solid #0000!important}.sample-color-grid [role=option]>span{border:1px solid #443a3b21;border-radius:4px;place-items:center;width:100%;height:100%;display:grid}.sample-color-grid [role=option][aria-selected=true]{box-shadow:0 0 0 1px var(--color-scout-blue);border-color:var(--color-scout-blue)!important}.sample-color-grid [role=option]>span>.ui-icon{width:1rem;height:1rem;color:var(--color-white);filter:drop-shadow(0 1px 2px #000c)}.sample-color-grid [role=option][aria-selected=false]>span>.ui-icon{visibility:hidden}.sample-color-sampler{text-align:left;align-items:center;gap:.55rem;width:100%;min-height:2.5rem;font-weight:600;display:flex;color:var(--color-scout-blue-strong)!important;border-top:1px solid var(--color-border)!important;margin-top:.7rem!important;padding:.55rem .15rem .2rem!important;font-size:.83rem!important}.sample-color-sampler:hover{color:var(--color-scout-blue)!important}.sample-color-sampler .ui-icon{width:1rem;height:1rem}.sample-color-sampler-help{color:var(--color-text-muted);display:block;font-size:.72rem!important}.sample-color-panel-heading{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.8rem;padding-bottom:.65rem;display:flex}.sample-color-panel-heading>div{gap:.05rem;display:grid}.sample-color-panel-title{font-size:.98rem}.sample-color-panel-heading small{color:var(--color-text-muted);font-size:.74rem}.sample-color-panel-close{border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid;color:var(--color-text-muted)!important}.sample-color-panel-close:hover{color:var(--color-text)!important;background:var(--color-surface-muted)!important}.sample-color-panel-close .ui-icon{width:1rem;height:1rem}.sample-color-panel-current{align-items:center;gap:.55rem;padding:.4rem 0 .3rem;display:flex}.sample-color-panel-current>span:last-child{gap:.05rem;display:grid}.sample-color-panel-current b{font-size:.84rem}.sample-color-panel-current small{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.76rem}.sample-color-panel-preview{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:2rem;height:2rem;padding:.18rem;display:block}.sample-color-panel-preview>span{background:var(--color-scout-blue);border-radius:3px;width:100%;height:100%;display:block}.sample-color-custom-row{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.75rem;min-height:2.2rem;padding:.2rem 0;display:flex}.sample-color-custom-label,.sample-color-hex-label{justify-content:space-between;align-items:center;gap:.75rem;font-size:.8rem;font-weight:600;display:flex}.sample-color-picker-trigger{cursor:pointer;border-radius:5px;place-items:center;width:2.8rem;height:2rem;display:grid;background:var(--color-white)!important;border:1px solid var(--color-border-strong)!important;padding:.15rem!important}.sample-color-picker-trigger>span{background:var(--color-scout-blue);border:1px solid #443a3b1a;border-radius:3px;width:100%;height:100%;transition:background-color .14s,transform .14s;display:block}.sample-color-picker-trigger:hover>span{transform:scale(.92)}.sample-color-picker{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:.55rem;margin:.35rem 0 .55rem;padding:.65rem}.sample-color-picker:not([hidden]){display:grid}.sample-color-picker-surface{--picker-hue:220deg;--picker-saturation:100%;--picker-brightness:100%;background-color:hsl(var(--picker-hue) 100% 50%);background-image:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(var(--picker-hue) 100% 50%));border:1px solid var(--color-border);cursor:crosshair;touch-action:none;background-clip:padding-box;border-radius:5px;height:6rem;position:relative;overflow:hidden}.sample-color-picker-surface:focus-visible{outline:3px solid var(--color-scout-blue-border);outline-offset:2px}.sample-color-picker-marker{top:clamp(.45rem, calc(100% - var(--picker-brightness)), calc(100% - .45rem));left:clamp(.45rem, var(--picker-saturation), calc(100% - .45rem));border:2px solid var(--color-white);pointer-events:none;border-radius:50%;width:.8rem;height:.8rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #1f1b1c8c,0 1px 3px #1f1b1c59}.sample-color-hue-label{color:var(--color-text);justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.sample-color-hue-label output{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.72rem}.sample-color-hue{appearance:none;cursor:pointer;background:0 0;width:100%;height:1rem;margin:0!important}.sample-color-hue::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid #443a3b2e;border-radius:999px;height:.55rem}.sample-color-hue::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid #443a3b2e;border-radius:999px;height:.55rem}.sample-color-hue::-webkit-slider-thumb{appearance:none;background:var(--color-white);border:2px solid var(--color-scout-blue-strong);border-radius:50%;width:.9rem;height:.9rem;margin-top:-.22rem;box-shadow:0 1px 3px #1f1b1c38}.sample-color-hue::-moz-range-thumb{background:var(--color-white);border:2px solid var(--color-scout-blue-strong);border-radius:50%;width:.72rem;height:.72rem;box-shadow:0 1px 3px #1f1b1c38}.sample-color-picker-help{color:var(--color-text-muted);font-size:.69rem!important}.sample-color-hex-label{margin:.2rem 0 .45rem}.sample-color-hex-label span{color:var(--color-text-muted);letter-spacing:.04em;font-size:.72rem;font-weight:500}.sample-color-custom-entry{gap:.45rem;min-width:0;display:flex}.sample-color-hex{width:0;min-width:0;min-height:2.15rem;color:var(--color-text);background:var(--color-white);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;flex:1;padding:.38rem .6rem;border:1px solid var(--color-border-strong)!important}.sample-color-custom-entry>button{border-radius:var(--radius-sm);min-height:2.15rem;font-weight:600;color:var(--color-white)!important;background:var(--color-scout-blue)!important;padding:.32rem .7rem!important;font-size:.82rem!important}.sample-color-custom-entry>button:hover{background:var(--color-scout-blue-strong)!important}.sample-color-help{color:var(--color-text-muted);margin-top:.25rem;display:block;font-size:.72rem!important}.sample-color-error{color:var(--color-auditor-red-strong);margin:.4rem 0 0;font-size:.76rem!important}.element-preview:has(.sample-color-well){transition:min-height .22s cubic-bezier(.2,.75,.25,1);overflow:visible}.element-preview .ui-sample:has(.sample-color-well),.element-demo-stage .ui-sample:has(.sample-color-well){padding-bottom:var(--sample-color-panel-space,0px);transition:min-height .22s cubic-bezier(.2,.75,.25,1)}.element-entry:has(.sample-color-well){z-index:0;position:relative}.element-entry:has(.sample-color-well .sample-color-popover:not([hidden])),.element-entry:has(.sample-color-well .sample-color-panel:not([hidden])){z-index:4}.element-demo-stage:has(.sample-color-well){place-items:start center;min-height:25rem;overflow:visible}.element-demo-stage .ui-sample:has(.sample-color-well){align-items:flex-start;padding-top:1.5rem;transition:min-height .22s cubic-bezier(.2,.75,.25,1);overflow:visible}@media (prefers-reduced-motion:reduce){.element-preview:has(.sample-color-well),.element-preview .ui-sample:has(.sample-color-well),.element-demo-stage:has(.sample-color-well),.element-demo-stage .ui-sample:has(.sample-color-well),.sample-color-picker-trigger>span{transition:none}}.sample-form-fields{gap:1.1rem;width:min(100%,24rem);display:grid}.sample-form-field{gap:.32rem;width:100%;display:grid}.sample-form-field-label{align-items:baseline;gap:.2rem;display:flex}.sample-form-field-label label{font-size:.84rem;font-weight:600}.sample-form-field-label>span{color:var(--color-error);font-size:.84rem;font-weight:700}.sample-form-field>input{width:100%;min-height:2.55rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:.5rem .7rem}.sample-form-field>input:-webkit-autofill,.sample-form-field>input:-webkit-autofill:hover,.sample-form-field>input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-white) inset;caret-color:var(--color-text)}.sample-form-field>input[aria-invalid=true]{border-color:var(--color-error-accent)}.sample-form-field>input[aria-invalid=true]:focus-visible{outline-color:var(--color-error-accent)}.sample-form-field small,.sample-form-error{margin:0;font-size:.76rem;line-height:1.4}.sample-form-field small{color:var(--color-text-muted)}.sample-form-error{color:var(--color-error)}.sample-truncation{gap:.75rem;width:100%;max-width:36rem;display:grid}.sample-truncation-toolbar{flex-wrap:wrap;align-items:center;gap:.55rem .75rem;display:flex}.sample-truncation-toolbar,.sample-truncation-status{width:min(100%,34rem);margin-inline:auto}.sample-truncation[data-width=narrow] .sample-truncation-toolbar,.sample-truncation[data-width=narrow] .sample-truncation-status{width:min(100%,19rem)}.sample-truncation-width-label{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.sample-truncation-width{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:.15rem;padding:.18rem;display:inline-flex}.sample-truncation-width button,.sample-truncation-expand{border-radius:calc(var(--radius-sm) - 2px);min-height:2rem;font-weight:600;transition:color .16s,background-color .16s,box-shadow .16s;color:var(--color-text-muted)!important;padding:.3rem .65rem!important;font-size:.78rem!important}.sample-truncation-width button[aria-pressed=true]{background:var(--color-white);box-shadow:0 1px 2px #443a3b1a;color:var(--color-scout-blue-strong)!important}.sample-truncation-expand{color:var(--color-scout-blue-strong)!important;background:var(--color-scout-blue-soft)!important;margin-left:auto!important}.sample-truncation-width button:hover,.sample-truncation-expand:hover{color:var(--color-scout-blue-strong)!important}.sample-truncation-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:0;width:min(100%,19rem);margin-inline:auto;padding:0 1rem;transition:width .22s cubic-bezier(.22,1,.36,1);display:grid}.sample-truncation[data-width=wide] .sample-truncation-card{width:min(100%,34rem)}.sample-truncation-example{gap:.25rem;min-width:0;padding:.8rem 0;display:grid}.sample-truncation-example+.sample-truncation-example{border-top:1px solid var(--color-border)}.sample-truncation-example code{color:var(--color-text-muted);font-size:.72rem;line-height:1.4}.sample-truncation-example p{min-width:0;color:var(--color-text);margin:0;font-size:.86rem;line-height:1.5}.sample-truncation-single,.sample-truncation-fade,.sample-truncation-filename{white-space:nowrap;overflow:hidden}.sample-truncation-single{text-overflow:ellipsis}.sample-truncation-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sample-truncation-filename{font-variant-numeric:tabular-nums;width:100%}.sample-truncation-fade{-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000)}.sample-truncation[data-expanded=true] .sample-truncation-single,.sample-truncation[data-expanded=true] .sample-truncation-fade,.sample-truncation[data-expanded=true] .sample-truncation-filename{white-space:normal;overflow-wrap:anywhere;overflow:visible;-webkit-mask-image:none;mask-image:none}.sample-truncation[data-expanded=true] .sample-truncation-clamp{-webkit-line-clamp:unset;display:block;overflow:visible}.sample-truncation-status{color:var(--color-text-muted);justify-self:center;margin:0 auto;font-size:.74rem}.sample-truncation.is-changing .sample-truncation-card{animation:.2s cubic-bezier(.22,1,.36,1) both sample-truncation-preview-enter}.sample-truncation.is-changing .sample-truncation-example p,.sample-truncation.is-changing .sample-truncation-status{animation:.18s cubic-bezier(.22,1,.36,1) both sample-truncation-copy-enter}@keyframes sample-truncation-preview-enter{0%{opacity:.72;transform:translateY(.18rem)}to{opacity:1;transform:translateY(0)}}@keyframes sample-truncation-copy-enter{0%{opacity:.55;transform:translateY(.12rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sample-truncation-width button,.sample-truncation-expand,.sample-truncation-card{transition:none}.sample-truncation.is-changing .sample-truncation-card,.sample-truncation.is-changing .sample-truncation-example p,.sample-truncation.is-changing .sample-truncation-status{animation:none}}.element-demo-stage .ui-sample .sample-truncation-example code{font-size:.78rem}.element-demo-stage .ui-sample .sample-truncation-example p{font-size:.92rem}.element-demo-stage .ui-sample .sample-truncation-width-label,.element-demo-stage .ui-sample .sample-truncation-status{font-size:.8rem}.element-demo-stage .ui-sample .sample-truncation-width button,.element-demo-stage .ui-sample .sample-truncation-expand{font-size:.78rem!important}.sample-drag-comparison{grid-template-columns:minmax(0,1.65fr) minmax(12rem,.9fr);align-items:center;gap:.9rem;width:min(100%,58rem);margin-inline:auto;display:grid}.sample-kanban{width:100%;min-width:0}.sample-kanban-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.8rem;display:grid}.sample-kanban-column{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;padding:.65rem;transition:background-color .14s,border-color .14s,box-shadow .14s}.sample-kanban-column>header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.sample-kanban-column h3{letter-spacing:.055em;text-transform:none;margin:0;font-size:.76rem;font-weight:700}.sample-kanban-column [data-column-count]{min-width:1.4rem;height:1.4rem;color:var(--color-text-muted);background:var(--color-surface);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding-inline:.3rem;font-size:.68rem;display:grid}.sample-kanban-list{align-content:start;gap:.45rem;min-height:6rem;margin:0;padding:0;list-style:none;display:grid}.sample-task-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius-sm) - 2px);grid-template-columns:1.25rem minmax(0,1fr);align-items:center;gap:.25rem;min-width:0;padding:.35rem .4rem;transition:opacity .14s,box-shadow .14s,transform .14s;display:grid;position:relative;box-shadow:0 1px 2px #443a3b0f}.sample-task-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;font-weight:600;overflow:hidden}.sample-task-grip{cursor:grab;place-self:center;place-items:center;width:1.25rem;height:1.25rem;min-height:1.25rem;transition:color .14s,background-color .14s;display:grid;color:var(--color-text-muted)!important;border-radius:var(--radius-sm)!important;background:0 0!important;border:0!important;padding:0!important}.sample-task-grip:hover,.sample-task-grip:focus-visible{color:var(--color-scout-blue-strong)!important;background:var(--color-scout-blue-soft)!important}.sample-task-grip:active{cursor:grabbing}.sample-task-grip .ui-icon{color:currentColor;display:block;width:.9rem!important;height:.9rem!important}.sample-task-grip:focus-visible{outline:2px solid var(--color-scout-blue);outline-offset:2px}.sample-kanban-column.is-drop-target{background:var(--color-scout-blue-soft);border-color:var(--color-scout-blue-border);box-shadow:inset 0 0 0 1px var(--color-scout-blue-border)}.sample-kanban-column.is-drop-target .sample-task-card{background:var(--color-surface)}.sample-task-card.is-dragging{opacity:.36;box-shadow:none}.sample-task-card.is-drop-before:before,.sample-task-card.is-drop-after:after{background:var(--color-scout-blue);content:"";border-radius:2px;height:2px;position:absolute;left:.2rem;right:.2rem}.sample-task-card.is-drop-before:before{top:-.3rem}.sample-task-card.is-drop-after:after{bottom:-.3rem}.sample-task-drag-preview{z-index:9999;background:var(--color-white);border:1px solid var(--color-scout-blue-border);border-radius:calc(var(--radius-sm) - 2px);opacity:1;width:max-content;min-width:12rem;max-width:18rem;padding:.45rem .55rem;position:fixed;top:-10000px;left:-10000px;transform:rotate(1deg);box-shadow:0 12px 26px #212f4933}.sample-kanban-hint{color:var(--color-text-muted);text-align:center;margin:.65rem 0 0;font-size:.7rem;line-height:1.4}.sample-selection-panel{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;padding:.7rem}.sample-selection-panel>header{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;margin-bottom:.55rem;display:flex}.sample-selection-panel h3{margin:0;font-size:.76rem;font-weight:700}.sample-selection-panel>header span{color:var(--color-text-muted);letter-spacing:.045em;flex:none;font-size:.55rem;font-weight:700}.sample-selection-workspace{background-color:var(--color-white);background-image:radial-gradient(var(--color-border-strong) .7px, transparent .7px);border:1px solid var(--color-border);border-radius:calc(var(--radius-sm) - 2px);touch-action:none;background-position:0 0;background-size:12px 12px;min-width:0;height:10rem;position:relative;overflow:hidden}.sample-selection-object{background:color-mix(in srgb, var(--color-scout-blue) 10%, transparent);border:1px solid var(--color-scout-blue);width:65%;min-width:3.25rem;height:58%;min-height:2.5rem;transition:border-color .14s,background-color .14s;position:absolute;top:21%;left:17.5%}.sample-selection-object[data-resizing=true]{background:color-mix(in srgb, var(--color-scout-blue) 17%, transparent)}.sample-selection-handle{z-index:1;touch-action:none;place-items:center;width:1rem;min-width:1rem;height:1rem;min-height:1rem;display:grid;position:absolute;transform:translate(-50%,-50%);background:0 0!important;border:0!important;border-radius:.2rem!important;padding:0!important}.sample-selection-handle:before{background:var(--color-white);border:1px solid var(--color-scout-blue);content:"";border-radius:1px;width:.42rem;height:.42rem;transition:background-color .12s}.sample-selection-handle:hover:before{background:var(--color-scout-blue-soft);box-shadow:0 0 0 2px var(--color-white)}.ui-sample .sample-selection-handle:focus-visible{outline:none}.sample-selection-handle:focus-visible:before{background:var(--color-scout-blue-soft)}.sample-selection-handle-nw{cursor:nwse-resize;top:0;left:0}.sample-selection-handle-n{cursor:ns-resize;top:0;left:50%}.sample-selection-handle-ne{cursor:nesw-resize;top:0;left:100%}.sample-selection-handle-e{cursor:ew-resize;top:50%;left:100%}.sample-selection-handle-se{cursor:nwse-resize;top:100%;left:100%}.sample-selection-handle-s{cursor:ns-resize;top:100%;left:50%}.sample-selection-handle-sw{cursor:nesw-resize;top:100%;left:0}.sample-selection-handle-w{cursor:ew-resize;top:50%;left:0}.sample-selection-help,.sample-selection-status{color:var(--color-text-muted);margin:.55rem 0 0;font-size:.64rem;line-height:1.4}.sample-selection-shortcuts{white-space:normal}.sample-selection-status{min-height:2.6em;color:var(--color-scout-blue-strong);font-variant-numeric:tabular-nums}@media (width<=620px){.sample-kanban-columns{grid-template-columns:minmax(0,1fr)}.sample-kanban-list{min-height:3.5rem}}@media (width<=760px){.sample-drag-comparison{grid-template-columns:minmax(0,1fr)}.sample-selection-workspace{height:9rem}}@media (prefers-reduced-motion:reduce){.sample-kanban-column,.sample-task-card,.sample-task-grip,.sample-selection-object{transition:none!important}}.sample-divider-showcase{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.8rem;width:min(100%,58rem);margin-inline:auto;display:grid}.element-preview:has(.sample-divider-showcase),.element-demo-stage:has(.sample-divider-showcase){container-type:inline-size}.element-preview .ui-sample:has(.sample-divider-showcase),.element-demo-stage .ui-sample:has(.sample-divider-showcase){max-width:58rem;container-type:inline-size}.sample-divider-example{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:.65rem;min-width:0;padding:.9rem;display:flex}.sample-divider-example>header{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.sample-divider-example h3{margin:0;font-size:.82rem;line-height:1.3}.sample-divider-example code{color:var(--color-scout-blue-strong);white-space:nowrap;font-size:.67rem}.sample-divider-example h4{margin:0;font-size:.76rem}.sample-divider-example p{color:var(--color-text-muted);margin:0;font-size:.72rem;line-height:1.45}.sample-divider-example small{color:var(--color-text-muted);margin-top:.1rem;font-size:.67rem;line-height:1.4}.sample-divider-article{align-content:start;gap:.5rem;padding:.1rem .05rem;display:grid}.sample-divider-thematic hr{border:0;border-block-start:1px solid var(--color-border-strong);flex:none;width:100%;margin:.25rem 0}.sample-divider-menu{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-content:start;gap:.25rem;width:min(100%,12rem);margin-inline:auto;padding:.45rem;display:grid;box-shadow:0 .4rem 1rem #17273712}.sample-divider-command-group{gap:.1rem;display:grid}.sample-divider-command{min-height:1.85rem;color:var(--color-text);border-radius:.3rem;align-items:center;gap:.55rem;padding:.3rem .45rem;font-size:.74rem;display:flex}.sample-divider-command .ui-icon{width:.9rem;height:.9rem;color:var(--color-text-muted)}.sample-divider-command.is-destructive{color:var(--color-auditor-red-strong)}.sample-divider-command.is-destructive .ui-icon{color:currentColor}.sample-divider-semantic-line{background:var(--color-border-strong);width:100%;height:1px;margin-block:.2rem;display:block}.sample-divider-decoration-card{gap:.45rem;padding:.4rem .05rem;display:grid}.sample-divider-decoration-card strong{font-size:.76rem}.sample-divider-decoration-line{border-block-start:1px solid var(--color-border-strong);margin-block:.15rem;display:block}@container (width<=680px){.sample-divider-showcase{grid-template-columns:minmax(0,1fr)}}.sample-progress-set{gap:1.4rem;width:100%;display:grid}.sample-progress-items{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.8rem;display:grid}.sample-progress-item{text-align:center;align-content:start;justify-items:center;gap:.55rem;min-width:0;display:grid}.sample-progress-item>strong{color:var(--color-text);font-size:.78rem;line-height:1.25}.sample-progress-item>small{color:var(--color-text-muted);font-size:.67rem;line-height:1.3}.sample-progress-ring{flex:none;place-items:center;width:3.6rem;height:3.6rem;display:grid;position:relative}.sample-progress-ring svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.sample-progress-track,.sample-progress-arc{fill:none;stroke-width:4px}.sample-progress-track{stroke:var(--color-surface-muted)}.sample-progress-arc{stroke:var(--color-scout-blue);stroke-linecap:round;transition:stroke-dashoffset .18s linear}.sample-progress-ring span{width:100%;height:100%;color:var(--color-text);font-variant-numeric:tabular-nums;place-items:center;font-size:.82rem;display:grid;position:absolute}.sample-spinner{border:3px solid var(--color-scout-blue-soft);border-top-color:var(--color-scout-blue);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite sample-progress-spin}@keyframes sample-progress-spin{to{transform:rotate(360deg)}}.sample-progress-bar{align-content:center;gap:.45rem;width:min(100%,8rem);min-height:3.6rem;display:grid}.sample-progress-bar progress{appearance:none;border-radius:var(--radius-pill);background:var(--color-surface-muted);border:0;width:100%;height:.42rem;display:block;overflow:hidden}.sample-progress-bar progress::-webkit-progress-bar{background:var(--color-surface-muted);border-radius:var(--radius-pill)}.sample-progress-bar progress::-webkit-progress-value{background:var(--color-scout-blue);border-radius:var(--radius-pill);transition:width .18s linear}.sample-progress-bar progress::-moz-progress-bar{background:var(--color-scout-blue);border-radius:var(--radius-pill)}.sample-progress-bar small{color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:left;font-size:.72rem}.sample-progress-controls{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.55rem .8rem;padding-top:.8rem;display:flex}.sample-progress-action,.sample-progress-reset{border:1px solid var(--color-scout-blue-border);border-radius:var(--radius-sm);min-height:2.25rem;color:var(--color-scout-blue-strong);font:inherit;cursor:pointer;padding:.42rem .75rem;font-size:.76rem;font-weight:600}.sample-progress-action{background:var(--color-scout-blue-soft)}.sample-progress-reset{background:var(--color-white)}.sample-progress-action:focus-visible,.sample-progress-reset:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sample-progress-status{min-width:0;color:var(--color-text-muted);flex:12rem;margin:0;font-size:.7rem;line-height:1.4}@media (prefers-reduced-motion:reduce){.sample-spinner{animation:none}.sample-progress-arc,.sample-progress-bar progress::-webkit-progress-value{transition:none}}.sample-overflow-showcase{width:min(100%,48rem);color:var(--color-text);grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-inline:auto;display:grid;position:relative}.element-preview:has(.sample-overflow-showcase){overflow:visible}.sample-overflow-example{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-content:start;gap:.65rem;min-width:0;min-height:9.5rem;padding:.75rem;display:grid;position:relative}.sample-overflow-example:has(.sample-overflow-menu:not([hidden])),.sample-overflow-example:has(.sample-overflow-navigation-panel:not([hidden])){margin-bottom:6rem}.sample-overflow-showcase:has(.sample-overflow-menu:not([hidden]))>.sample-overflow-example,.sample-overflow-showcase:has(.sample-overflow-navigation-panel:not([hidden]))>.sample-overflow-example{align-self:start}.sample-overflow-example:has(.sample-menu:not([hidden])),.sample-overflow-example:has(.sample-overflow-navigation-panel:not([hidden])),.sample-overflow-example:has(.sample-overflow-command-panel:not([hidden])){z-index:5;border-color:var(--color-scout-blue-border);box-shadow:0 .55rem 1.2rem #443a3b1a}.sample-overflow-example>header{grid-template-columns:1.65rem minmax(0,1fr);align-items:center;gap:.55rem;min-width:0;display:grid}.sample-overflow-index{width:1.55rem;height:1.55rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-radius:50%;place-items:center;font-size:.68rem;font-weight:700;display:grid}.sample-overflow-example>header>div{gap:.1rem;min-width:0;display:grid}.sample-overflow-example>header small{color:var(--color-text-muted);letter-spacing:.055em;font-size:.57rem;font-weight:700;line-height:1.3}.sample-overflow-example>header h3{margin:0;font-size:.82rem;line-height:1.25}.sample-overflow-context{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:.35rem;align-items:center;gap:.45rem;min-width:0;min-height:2.55rem;padding:.25rem .3rem;font-size:.74rem;display:flex;position:relative}.sample-overflow-context>span:not(.sample-overflow-avatar){text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sample-overflow-avatar{width:1.65rem;height:1.65rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-radius:50%;flex:none;place-items:center;font-size:.63rem;font-weight:700;display:grid}.sample-overflow-avatar-alt{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border)}.sample-overflow-trigger{width:2.45rem;height:2.45rem;color:var(--color-scout-blue-strong);background:var(--color-surface);cursor:pointer;border:1px solid #0000;border-radius:.35rem;flex:none;place-items:center;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:grid}.sample-overflow-trigger:hover,.sample-overflow-trigger[aria-expanded=true]{background:var(--color-scout-blue-soft);border-color:var(--color-scout-blue-border)}.sample-overflow-trigger:focus-visible,.sample-overflow-command-trigger:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sample-overflow-trigger .ui-icon{width:1.2rem;height:1.2rem}.sample-overflow-example>p{color:var(--color-text-muted);margin:0;font-size:.64rem;line-height:1.4}.sample-menu{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.3rem;display:grid;box-shadow:0 .5rem 1rem #443a3b1f}.sample-overflow-menu,.sample-overflow-navigation-panel,.sample-overflow-command-panel{z-index:6;width:min(13rem,100vw - 3rem);max-width:calc(100vw - 3rem);position:absolute;top:calc(100% - 2.65rem);left:0}.sample-overflow-menu,.sample-overflow-navigation-panel{transform-origin:0 0;animation:.2s cubic-bezier(.2,.75,.25,1) both overflow-pop-in}.sample-overflow-command-panel{transform-origin:100% 100%;animation:.2s cubic-bezier(.2,.75,.25,1) both overflow-pop-in-up}.sample-overflow-example:nth-child(2n) .sample-overflow-menu,.sample-overflow-example:nth-child(2n) .sample-overflow-navigation-panel,.sample-overflow-example:nth-child(2n) .sample-overflow-command-panel{left:auto;right:0}.sample-overflow-example:nth-child(2n) .sample-overflow-menu,.sample-overflow-example:nth-child(2n) .sample-overflow-navigation-panel{transform-origin:100% 0}.sample-overflow-menu button{align-items:center;gap:.55rem;min-height:2.45rem;padding:.45rem .55rem;font-size:.78rem;transition:background-color .14s,color .14s;display:flex}.sample-overflow-menu button:hover{background:var(--color-surface-muted)}.sample-overflow-menu button .ui-icon{width:1rem;height:1rem;color:var(--color-text-muted)}.sample-overflow-menu button.is-danger{color:var(--color-auditor-red-strong)}.sample-overflow-menu button.is-danger .ui-icon{color:var(--color-auditor-red)}.sample-overflow-navigation-panel{background:var(--color-white);border:1px solid var(--color-border);border-left:3px solid var(--color-scout-blue);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);gap:.2rem;padding:.35rem;display:grid}.sample-overflow-navigation-panel button{min-height:2.35rem;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:.4rem .55rem;transition:background-color .14s,color .14s}.sample-overflow-navigation-panel button:hover,.sample-overflow-navigation-panel button:focus-visible{background:var(--color-scout-blue-soft)}.sample-overflow-menu button:focus-visible,.sample-overflow-navigation-panel button:focus-visible,.sample-overflow-command-panel button:focus-visible,.sample-overflow-command-panel input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sample-overflow-command-context{align-items:center}.sample-overflow-command-trigger{min-height:2.35rem;color:var(--color-scout-blue-strong);background:var(--color-surface);border:1px solid var(--color-border-strong);font:inherit;cursor:pointer;border-radius:.35rem;padding:.35rem .65rem;font-size:.76rem;font-weight:700}.sample-overflow-command-panel{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);gap:.45rem;padding:.7rem;display:grid;top:auto;bottom:calc(100% - 4rem)}.sample-overflow-command-panel h4{margin:0;font-size:.82rem}.sample-overflow-command-panel label{color:var(--color-text-muted);font-size:.68rem}.sample-overflow-command-panel input{background:var(--color-white);border:1px solid var(--color-border-strong);width:100%;min-width:0;min-height:2.35rem;font:inherit;border-radius:.3rem;padding:.4rem .5rem;font-size:.72rem}.sample-overflow-command-panel>footer{justify-content:flex-end;gap:.4rem;display:flex}.sample-overflow-command-panel>footer button{min-height:2.25rem;padding:.3rem .55rem;font-size:.7rem}.sample-overflow-command-panel>footer .sample-overflow-command-submit{color:var(--color-white);background:var(--color-scout-blue);border-color:var(--color-scout-blue);border-radius:var(--radius-sm)}.sample-overflow-feedback{min-height:1.15em;color:var(--color-text-muted);grid-column:1/-1;margin:0;font-size:.7rem}.element-demo-stage:has(.sample-overflow-showcase){min-height:22rem}.element-demo-stage .ui-sample:has(.sample-overflow-showcase){max-width:48rem;min-height:20rem}@media (width<=36rem){.sample-overflow-showcase{grid-template-columns:minmax(0,1fr)}}@keyframes overflow-pop-in{0%{opacity:0;transform:translateY(-.35rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes overflow-pop-in-up{0%{opacity:0;transform:translateY(.35rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.sample-overflow-menu,.sample-overflow-navigation-panel,.sample-overflow-command-panel{animation:none}.sample-overflow-trigger,.sample-overflow-menu button,.sample-overflow-navigation-panel button{transition:none}}@keyframes sample-toast-enter{0%{opacity:0;transform:translateY(.45rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sample-toast-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(.35rem)scale(.985)}}.sample-toast-demo{isolation:isolate;width:100%;min-height:15rem;color:var(--color-text);background-color:var(--color-canvas);border:1px solid var(--color-border);background-image:radial-gradient(#443a3b17 .7px,#0000 .7px);background-size:12px 12px;border-radius:.7rem;align-content:center;justify-items:start;padding:1rem;display:grid;position:relative;overflow:hidden}.sample-toast-app{background:var(--color-white);border:1px solid var(--color-border);border-radius:.65rem;gap:1.15rem;width:min(100%,26rem);padding:1rem;display:grid;box-shadow:0 .75rem 1.75rem #443a3b14}.sample-toast-app>header,.sample-toast-app>footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sample-toast-brand{color:var(--color-text);align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;display:inline-flex}.sample-toast-brand-mark{color:#fff;background:var(--color-scout-blue);border-radius:.4rem;place-items:center;width:1.45rem;height:1.45rem;font-size:.7rem;display:grid}.sample-toast-document{gap:.5rem;display:grid}.sample-toast-document>small{color:var(--color-text-muted);letter-spacing:.08em;font-size:.61rem;font-weight:700}.sample-toast-document>strong{color:var(--color-text);font-size:1rem}.sample-toast-skeleton{gap:.4rem;display:grid}.sample-toast-skeleton>i{background:var(--color-surface-muted);border-radius:var(--radius-pill);width:88%;height:.4rem;display:block}.sample-toast-skeleton>i:nth-child(2){width:67%}.sample-toast-skeleton>i:nth-child(3){width:44%}.sample-toast-app>footer{border-top:1px solid var(--color-border);justify-content:flex-start;padding-top:.8rem}.sample-toast-app>footer>span:last-child{color:var(--color-text-muted);font-size:.68rem}.sample-toast-save-indicator{background:var(--color-builder-green);border-radius:50%;width:.4rem;height:.4rem}.sample-toast-save{border-radius:.4rem;min-height:2rem;font-weight:600;color:#fff!important;background:var(--color-scout-blue)!important;padding:.35rem .7rem!important;font-size:.7rem!important}.sample-toast-save:hover{background:#2b5b92!important}.sample-toast{z-index:1;width:min(19rem,100% - 1.5rem);min-height:3.25rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-left:3px solid var(--color-builder-green);border-radius:.65rem;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.55rem;padding:.5rem .6rem;display:grid;position:absolute;bottom:.75rem;right:.75rem;box-shadow:0 .55rem 1.3rem #443a3b1f}.sample-toast:not([hidden]):not([data-toast-state=exiting]){animation:.18s cubic-bezier(0,0,.2,1) both sample-toast-enter}.sample-toast[data-toast-state=exiting]{pointer-events:none;animation:.18s cubic-bezier(.4,0,1,1) both sample-toast-exit}.sample-toast[hidden]{display:none!important}.sample-toast-icon{width:1.35rem;height:1.35rem;color:var(--color-builder-green-strong);background:var(--color-builder-green-soft);border-radius:50%;place-items:center;display:grid}.sample-toast-icon .ui-icon{width:.9rem;height:.9rem}.sample-toast-copy{min-width:0;color:var(--color-text);font-size:.78rem;font-weight:600}.sample-toast-undo,.sample-toast-dismiss{border-radius:.35rem;place-items:center;min-width:1.8rem;min-height:1.8rem;display:grid;padding:.2rem!important}.sample-toast-undo{font-weight:600;color:var(--color-scout-blue-strong)!important;font-size:.72rem!important}.sample-toast-dismiss{color:var(--color-text-muted)!important}.sample-toast-dismiss .ui-icon{width:.95rem;height:.95rem}.sample-toast :is(button):hover{color:var(--color-scout-blue-strong)!important;background:var(--color-scout-blue-soft)!important}.sample-toast :is(button):focus-visible,.sample-toast-save:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (width<=38rem){.sample-toast-demo{min-height:14rem;padding:.7rem}.sample-toast{width:min(18rem,100% - 1rem);bottom:.5rem;right:.5rem}}@media (prefers-reduced-motion:reduce){.sample-toast:not([hidden]){animation:none}}.sample-surface-demo{--surface-demo-bg:var(--color-canvas);--surface-demo-panel:var(--color-surface);--surface-demo-card:var(--color-surface-muted);--surface-demo-border:var(--color-border);--surface-demo-copy:var(--color-text);--surface-demo-muted:var(--color-text-muted);isolation:isolate;width:100%;min-height:14rem;color:var(--surface-demo-copy);background:var(--surface-demo-bg);border:1px solid var(--surface-demo-border);border-radius:.75rem;grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.sample-surface-header{background:var(--color-surface-muted);border-bottom:1px solid var(--surface-demo-border);justify-content:space-between;align-items:center;gap:.6rem;min-height:2.7rem;padding:.4rem .65rem;display:flex;position:relative}.sample-surface-header>strong{color:var(--surface-demo-copy);flex:none;font-size:.72rem}.sample-surface-options{align-items:center;gap:.3rem;min-width:0;display:flex}.sample-surface-options>button{white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;min-width:0;min-height:1.9rem;font-weight:600;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex;color:var(--color-scout-blue-strong)!important;background:var(--color-surface)!important;border:1px solid var(--surface-demo-border)!important;border-radius:var(--radius-sm)!important;padding:.25rem .6rem!important;font-size:.68rem!important}.sample-surface-options>button:hover{background:var(--color-surface-hover)!important;border-color:var(--color-border-strong)!important}.sample-surface-options>button:focus-visible,.sample-surface-panel button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sample-surface-context{align-content:start;gap:.55rem;padding:.5rem .95rem .8rem;display:grid;position:relative}.sample-surface-context-heading{color:var(--surface-demo-muted);justify-content:space-between;align-items:center;gap:.5rem;font-size:.65rem;display:flex}.sample-surface-context-heading strong{color:var(--surface-demo-copy);font-size:.68rem}.sample-surface-context-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.sample-surface-context-grid article{background:var(--surface-demo-card);border:1px solid var(--surface-demo-border);border-radius:.45rem;align-content:center;gap:.1rem;min-width:0;min-height:3.35rem;padding:.45rem .55rem;display:grid}.sample-surface-context-grid article>span{color:var(--surface-demo-muted);letter-spacing:.08em;font-size:.5rem;font-weight:700}.sample-surface-context-grid article>b{color:var(--surface-demo-copy);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.sample-surface-context-grid article>small{color:var(--surface-demo-muted);font-size:.57rem}.sample-surface-panel{min-width:0;color:var(--surface-demo-copy);background:var(--surface-demo-panel);border:1px solid var(--surface-demo-border);border-radius:var(--radius-md);gap:.7rem;margin:0;padding:1rem;display:grid;position:fixed;box-shadow:0 1rem 3rem #231f202e}.sample-surface-panel:not([open]){display:none!important}.sample-surface-panel[open]{display:grid}.sample-surface-panel::backdrop{background:#2e262657;animation:.18s ease-out both sample-surface-scrim-in}.sample-surface-panel>header{justify-content:space-between;align-items:center;gap:.65rem;min-width:0;display:flex}.sample-surface-panel h3{min-width:0;color:var(--surface-demo-copy);margin:0;font-size:1.05rem;line-height:1.25}.sample-surface-panel>header>button{cursor:pointer;flex:none;place-items:center;width:2rem;height:2rem;display:grid;color:var(--surface-demo-muted)!important;border-radius:var(--radius-sm)!important;background:0 0!important;border:0!important;padding:0!important}.sample-surface-panel>header>button:hover{color:var(--surface-demo-copy)!important;background:var(--color-surface-hover)!important}.sample-surface-panel>header>button .ui-icon{width:1rem;height:1rem}.sample-surface-panel>p{color:var(--surface-demo-muted);margin:0;font-size:.82rem;line-height:1.5}.sample-surface-dialog{width:min(26rem,100vw - 2rem);max-width:calc(100vw - 2rem);animation:.18s ease-out both sample-surface-dialog-in;top:50%;left:50%;transform:translate(-50%,-50%)}.sample-surface-drawer{border-width:0 0 0 1px;border-radius:.8rem 0 0 .8rem;align-content:start;width:min(25rem,100vw - 1rem);max-width:calc(100vw - 1rem);height:100dvh;max-height:100dvh;padding:1.5rem;animation:.18s ease-out both sample-surface-drawer-in;inset:0 0 0 auto}.sample-surface-sheet{width:100%;max-width:none;max-height:min(72dvh,32rem);padding:.65rem 1.25rem max(1rem, env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:.9rem .9rem 0 0;gap:.65rem;animation:.18s ease-out both sample-surface-sheet-in;inset:auto 0 0}.sample-surface-grab{background:var(--color-border-strong);border-radius:999px;justify-self:center;width:2.2rem;height:.22rem;margin-bottom:.2rem}.sample-surface-field{gap:.35rem;margin-top:.35rem;display:grid}.sample-surface-field label{color:var(--surface-demo-copy);font-size:.75rem;font-weight:600}.sample-surface-field input{width:100%;min-height:2.4rem;color:var(--surface-demo-copy);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:.45rem .65rem;font-size:.8rem}.sample-surface-panel>footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;margin-top:.2rem;display:flex}.sample-surface-panel>footer>button{cursor:pointer;min-height:2.35rem;font-weight:600;color:var(--color-scout-blue-strong)!important;border-radius:var(--radius-sm)!important;background:0 0!important;border:1px solid #0000!important;padding:.4rem .8rem!important;font-size:.76rem!important}.sample-surface-panel>footer>button:hover{background:var(--color-surface-hover)!important}.sample-surface-panel>footer>.sample-surface-primary{color:var(--color-white)!important;background:var(--color-scout-blue)!important;border-color:var(--color-scout-blue)!important}.sample-surface-panel>footer>.sample-surface-primary:hover{background:var(--color-scout-blue-strong)!important}.sample-surface-panel>footer>.sample-surface-danger{color:var(--color-white)!important;background:var(--color-auditor-red)!important;border-color:var(--color-auditor-red)!important}.sample-surface-panel>footer>.sample-surface-danger:hover,.sample-surface-panel>footer>.sample-surface-danger:focus-visible{color:var(--color-white)!important;background:var(--color-auditor-red-strong)!important;border-color:var(--color-auditor-red-strong)!important}.sample-surface-feedback{z-index:2;width:min(80%,22rem);color:var(--surface-demo-copy);background:var(--surface-demo-panel);border:1px solid var(--surface-demo-border);text-align:center;border-radius:.55rem;margin:0;padding:.65rem .8rem;font-size:.7rem;line-height:1.4;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .35rem 1rem #231f2014}.sample-surface-feedback[hidden]{display:none!important}@keyframes sample-surface-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes sample-surface-dialog-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes sample-surface-drawer-in{0%{opacity:0;transform:translate(.75rem)}to{opacity:1;transform:translate(0)}}@keyframes sample-surface-sheet-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}.element-demo-stage:has(.sample-surface-demo){min-height:23rem}.element-demo-stage .ui-sample:has(.sample-surface-demo){max-width:48rem;min-height:0}.element-demo-stage .sample-surface-demo{min-height:20rem}@media (width<=38rem){.sample-surface-header{flex-direction:column;align-items:flex-start;gap:.25rem}.sample-surface-options{width:100%}.sample-surface-options>button{flex:1 1 0}.sample-surface-drawer{width:min(24rem,100vw - .75rem)}}@media (prefers-reduced-motion:reduce){.sample-surface-panel::backdrop,.sample-surface-dialog,.sample-surface-drawer,.sample-surface-sheet{animation:none}}.element-demo-stage:has(.sample-overlay-trio){min-height:22rem;transition:min-height .22s cubic-bezier(.2,.8,.2,1)}.element-demo-stage:has(.sample-overlay-popover:popover-open){min-height:26rem}.element-demo-stage:has(.sample-overlay-menu-example>.sample-menu:not([hidden])){min-height:24rem}.element-demo-stage:has(.sample-overlay-tooltip:not([hidden])){min-height:23rem}.element-demo-stage .ui-sample:has(.sample-overlay-trio){max-width:48rem;min-height:19rem}.element-demo-stage .ui-sample:has(.sample-overlay-popover:popover-open){align-items:flex-start;min-height:24rem}.element-demo-stage .ui-sample:has(.sample-overlay-menu-example>.sample-menu:not([hidden])){align-items:flex-start;min-height:22rem}.element-demo-stage .ui-sample:has(.sample-overlay-tooltip:not([hidden])){align-items:flex-start;min-height:21rem}.element-preview:has(.sample-overlay-trio){min-height:13rem;transition:min-height .22s cubic-bezier(.2,.8,.2,1);overflow:visible}.element-preview:has(.sample-overlay-popover:popover-open){align-items:start;min-height:25rem}.element-preview:has(.sample-overlay-menu-example>.sample-menu:not([hidden])){align-items:start;min-height:20rem}.element-preview:has(.sample-overlay-tooltip:not([hidden])){align-items:start;min-height:16.5rem}.element-preview .ui-sample:has(.sample-overlay-trio){min-height:0;overflow:visible}.element-preview .ui-sample:has(.sample-overlay-popover:popover-open){align-items:flex-start}.element-preview .ui-sample:has(.sample-overlay-menu-example>.sample-menu:not([hidden])),.element-preview .ui-sample:has(.sample-overlay-tooltip:not([hidden])){align-items:flex-start}.sample-overlay-trio{width:min(100%,42rem);min-height:17rem;color:var(--color-text);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;align-items:start;gap:.9rem;margin-inline:auto;padding:2.5rem 1.5rem 1.1rem;transition:min-height .22s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.sample-overlay-trio:has(.sample-overlay-popover:popover-open){align-content:space-between;min-height:23.5rem;padding-block:1rem}.sample-overlay-trio:has(.sample-overlay-menu-example>.sample-menu:not([hidden])){align-content:space-between;min-height:18rem;padding-block:1rem}.sample-overlay-trio:has(.sample-overlay-tooltip:not([hidden])){align-content:start;min-height:14rem}.sample-overlay-trio:has(.sample-overlay-tooltip:not([hidden]))>.sample-overlay-feedback{margin-top:6rem}.sample-overlay-example{align-content:start;gap:.5rem;min-width:0;display:grid;position:relative}.sample-overlay-kicker{color:var(--color-text-muted);letter-spacing:.08em;text-transform:none;font-size:.68rem;font-weight:700}.sample-overlay-example .sample-anchor{width:100%;min-width:0;min-height:2.55rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .55rem;font-size:.86rem;font-weight:600;display:flex}.sample-overlay-example .sample-anchor:hover,.sample-overlay-example .sample-anchor[aria-expanded=true]{background:var(--color-scout-blue-soft);border-color:var(--color-scout-blue-border)}.sample-overlay-example .sample-anchor:focus-visible,.sample-overlay-menu-example .sample-menu button:focus-visible{outline:3px solid var(--color-info-border);outline-offset:2px}.sample-overlay-example .sample-anchor>.ui-icon{color:var(--color-text-muted);flex:none;width:.9rem;height:.9rem}.sample-overlay-example .sample-anchor>.ui-icon:last-child:not(:first-child){margin-left:auto}.sample-overlay-panel{z-index:4;box-sizing:border-box;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);text-align:left;position:absolute;top:calc(100% + .55rem);left:0}.sample-overlay-trio .sample-overlay-panel[hidden]{display:none!important}.sample-overlay-popover{z-index:20;border-radius:var(--radius-sm);gap:.65rem;width:min(17rem,100vw - 1.5rem);max-width:calc(100vw - 1.5rem);margin:0;padding:.8rem;animation:.14s ease-out both sample-overlay-popover-in;display:grid;position:fixed;inset:0 auto auto 0;overflow:visible}.sample-overlay-popover:not(:popover-open){display:none!important}.sample-overlay-popover:popover-open{display:grid}.sample-overlay-popover>header{justify-content:space-between;align-items:flex-start;gap:.6rem;min-width:0;display:flex}.sample-overlay-popover>header>div{gap:.1rem;min-width:0;display:grid}.sample-overlay-popover>header>button{width:1.9rem;height:1.9rem;color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;flex:none;place-items:center;padding:0;display:grid}.sample-overlay-popover>header>button:hover{color:var(--color-text);background:var(--color-surface-hover)}.sample-overlay-popover>header>button .ui-icon{width:.9rem;height:.9rem}.sample-overlay-popover>header strong{font-size:.9rem}.sample-overlay-popover>header small,.sample-overlay-popover>header>span{color:var(--color-text-muted);font-size:.68rem}.sample-overlay-popover>label{min-height:2rem;color:var(--color-text);cursor:pointer;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.sample-overlay-popover>label input{width:1rem;height:1rem;accent-color:var(--color-scout-blue);flex:none;margin:0}.sample-overlay-popover>footer{color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:.55rem;font-size:.68rem}.sample-overlay-menu-example>.sample-menu{gap:.15rem;width:min(12rem,100vw - 2rem);max-width:calc(100vw - 2rem);padding:.3rem;display:grid}.sample-overlay-menu-example>.sample-menu:not([hidden]){animation:.12s ease-out both sample-overlay-menu-in}.sample-overlay-menu-example>.sample-menu button{min-height:2.35rem;color:var(--color-text);background:0 0;border:0;align-items:center;gap:.55rem;font-size:.82rem;display:flex}.sample-overlay-menu-example>.sample-menu button>.ui-icon{width:1rem;height:1rem;color:var(--color-text-muted);text-align:center}.sample-overlay-menu-example>.sample-menu button:hover,.sample-overlay-menu-example>.sample-menu button:focus-visible{background:var(--color-scout-blue-soft)}.sample-overlay-menu-example>.sample-menu button.is-danger{color:var(--color-auditor-red-strong);border-top:1px solid var(--color-border)}.sample-overlay-menu-example>.sample-menu button.is-danger>.ui-icon{color:var(--color-auditor-red)}.sample-overlay-tooltip{width:max-content;max-width:min(13rem,100vw - 2rem);color:var(--color-text);background:var(--color-surface);border-color:var(--color-border);pointer-events:auto;padding:.55rem .7rem;font-size:.76rem;line-height:1.4;animation:.11s ease-out both sample-overlay-tooltip-in;top:calc(100% + .2rem);left:auto;right:0}.sample-overlay-tooltip:before{content:"";background:var(--color-surface);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);width:.5rem;height:.5rem;position:absolute;top:-.28rem;right:1rem;transform:rotate(45deg)}.sample-overlay-note{min-height:2.3em;color:var(--color-text-muted);margin:.05rem 0 0;font-size:.7rem;line-height:1.4}.sample-overlay-feedback{color:var(--color-text-muted);border-top:1px solid var(--color-border);grid-column:1/-1;margin:.75rem 0 0;padding-top:.75rem;font-size:.76rem}@keyframes sample-overlay-popover-in{0%{opacity:0;transform:translateY(-.25rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sample-overlay-menu-in{0%{opacity:0;transform:translateY(-.2rem)}to{opacity:1;transform:translateY(0)}}@keyframes sample-overlay-tooltip-in{0%{opacity:0;transform:translateY(-.2rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.element-preview:has(.sample-overlay-trio),.element-demo-stage:has(.sample-overlay-trio),.sample-overlay-trio{transition:none}.sample-overlay-popover,.sample-overlay-menu-example>.sample-menu:not([hidden]),.sample-overlay-tooltip{animation:none}}.element-preview .sample-overlay-trio{align-content:start;gap:.35rem;min-height:11rem;padding:1rem .55rem}.element-preview .sample-overlay-example{gap:.35rem}.element-preview .sample-overlay-kicker{letter-spacing:.025em;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;overflow:hidden}.element-preview .sample-overlay-example .sample-anchor{gap:.25rem;min-height:2.2rem;padding:.35rem .25rem;font-size:.7rem}.element-preview .sample-overlay-example .sample-anchor>.ui-icon:last-child:not(:first-child){margin-left:0}.element-preview .sample-overlay-note{display:none}.element-demo-stage .sample-overlay-trio{min-height:17rem}.element-demo-stage .sample-overlay-trio:has(.sample-overlay-popover:popover-open){align-content:space-between;min-height:22rem;padding-block:1rem}.element-demo-stage .sample-overlay-trio:has(.sample-overlay-menu-example>.sample-menu:not([hidden])){align-content:space-between;min-height:21.5rem;padding-block:1rem}.element-demo-stage .sample-overlay-trio:has(.sample-overlay-tooltip:not([hidden])){align-content:start;min-height:20.5rem}.element-demo-stage:has(.sample-overlay-popover:popover-open):has(.sample-overlay-tooltip:not([hidden])){min-height:26rem}.element-demo-stage .ui-sample:has(.sample-overlay-popover:popover-open):has(.sample-overlay-tooltip:not([hidden])){align-items:flex-start;min-height:24rem}.element-preview:has(.sample-overlay-popover:popover-open):has(.sample-overlay-tooltip:not([hidden])){align-items:start;min-height:25rem}.sample-overlay-trio:has(.sample-overlay-popover:popover-open):has(.sample-overlay-tooltip:not([hidden])){align-content:start;min-height:23.5rem;padding-block:1rem}.element-demo-stage .sample-overlay-example .sample-anchor{font-size:.9rem}.element-demo-stage .sample-overlay-note{font-size:.78rem}@media (width<=38rem){.element-preview .sample-overlay-trio{grid-template-columns:minmax(0,1fr);gap:.8rem;min-height:10rem;padding:.9rem}.element-preview .sample-overlay-example .sample-anchor{gap:.2rem;padding-inline:.15rem;font-size:.64rem}.element-preview .sample-overlay-kicker{text-align:left}.element-preview .sample-overlay-menu-example>.sample-menu,.element-preview .sample-overlay-tooltip{width:100%;max-width:100%;margin-top:.15rem;position:static;transform:none}.element-preview .sample-overlay-tooltip:before{display:none}.element-preview .sample-overlay-trio:has(.sample-overlay-tooltip:not([hidden]))>.sample-overlay-feedback{margin-top:.75rem}.element-demo-stage .sample-overlay-trio{grid-template-columns:minmax(0,1fr);gap:.8rem;min-height:0;padding:.9rem}.element-demo-stage .sample-overlay-example{grid-template-columns:minmax(5.5rem,.72fr) minmax(0,1.55fr);align-items:start;gap:.4rem .6rem}.element-demo-stage .sample-overlay-kicker{grid-area:1/1;align-self:center}.element-demo-stage .sample-overlay-example .sample-anchor{grid-area:1/2;gap:.3rem;padding:.35rem .45rem;font-size:.78rem}.element-demo-stage .sample-overlay-menu-example>.sample-menu,.element-demo-stage .sample-overlay-tooltip{grid-column:2;width:auto;max-width:none;margin-top:.15rem;position:static;transform:none}.element-demo-stage .sample-overlay-popover{width:min(17rem,100vw - 1.5rem);max-width:calc(100vw - 1.5rem);margin:0;position:fixed;inset:0 auto auto 0}.element-demo-stage .sample-overlay-tooltip:before{display:none}.element-demo-stage .sample-overlay-note{grid-column:1/-1;min-height:0}.element-demo-stage .sample-overlay-trio:has(.sample-overlay-tooltip:not([hidden]))>.sample-overlay-feedback{margin-top:.75rem}.sample-overlay-feedback{font-size:.72rem}}.sample-scrim-demo{isolation:isolate;width:100%;min-height:15rem;color:var(--color-text);background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-md);display:block;position:relative;overflow:hidden}.sample-scrim-workspace{align-content:start;gap:.8rem;min-height:100%;padding:.85rem;display:grid}.sample-scrim-workspace-header{justify-content:space-between;align-items:center;gap:.7rem;min-width:0;display:flex}.sample-scrim-workspace-header>div{gap:.12rem;min-width:0;display:grid}.sample-scrim-eyebrow,.sample-scrim-dialog-kicker{color:var(--color-text-muted);letter-spacing:.08em;font-size:.58rem;font-weight:700;line-height:1.2}.sample-scrim-workspace-header strong{font-size:.86rem;line-height:1.25}.sample-scrim-open{flex:none;min-height:2rem;font-weight:600;color:var(--color-scout-blue-strong)!important;background:var(--color-white)!important;border:1px solid var(--color-scout-blue-border)!important;border-radius:var(--radius-sm)!important;padding:.3rem .6rem!important;font-size:.68rem!important}.sample-scrim-open:hover{background:var(--color-scout-blue-soft)!important}.sample-scrim-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.sample-scrim-metrics article{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-content:center;gap:.06rem;min-width:0;min-height:4rem;padding:.45rem .6rem;display:grid}.sample-scrim-metrics article small{color:var(--color-text-muted);font-size:.62rem;line-height:1.25}.sample-scrim-metrics article strong{color:var(--color-core-graphite);font-variant-numeric:tabular-nums;font-size:1rem;line-height:1.2}.sample-scrim-metrics article span{color:var(--color-text-muted);font-size:.58rem;line-height:1.25}.sample-scrim-backdrop{z-index:1;backdrop-filter:blur(1.25px);background:#2925267a;animation:.18s ease-out both sample-scrim-fade-in;position:absolute;inset:0}.sample-scrim-demo[data-scrim-closing=true] .sample-scrim-backdrop{animation:.18s ease-in both sample-scrim-fade-out}.sample-scrim-backdrop[hidden],.sample-scrim-dialog[hidden]{display:none!important}.sample-scrim-dialog{z-index:2;width:min(24rem,100% - 1.5rem);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-scout-blue);border-radius:var(--radius-md);gap:.55rem;padding:1rem;animation:.18s ease-out both sample-scrim-dialog-in;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1rem 2.5rem #2925262e}.sample-scrim-demo[data-scrim-closing=true] .sample-scrim-dialog{pointer-events:none;animation:.18s ease-in both sample-scrim-dialog-out}.sample-scrim-dialog>header{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.sample-scrim-dialog h3{margin:0;font-size:1rem;line-height:1.3}.sample-scrim-dialog>p{color:var(--color-text-muted);margin:0;font-size:.78rem;line-height:1.45}.sample-scrim-dialog>footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem;min-width:0;margin-top:.2rem;display:flex}.sample-scrim-dialog>footer small{min-width:0;color:var(--color-text-muted);flex:9rem;font-size:.61rem;line-height:1.35}.sample-scrim-close{flex:none;place-items:center;width:2rem;height:2rem;display:grid;color:var(--color-text-muted)!important;background:var(--color-surface-muted)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;padding:0!important}.sample-scrim-close:hover{color:var(--color-text)!important;background:var(--color-surface-hover)!important}.sample-scrim-close .ui-icon{width:.9rem;height:.9rem}.sample-scrim-return{white-space:nowrap;min-height:2.1rem;font-weight:600;color:var(--color-white)!important;background:var(--color-scout-blue)!important;border:1px solid var(--color-scout-blue)!important;border-radius:var(--radius-sm)!important;padding:.35rem .65rem!important;font-size:.68rem!important}.sample-scrim-return:hover{background:var(--color-scout-blue-strong)!important}.sample-scrim-open:focus-visible,.sample-scrim-close:focus-visible,.sample-scrim-return:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.element-demo-stage:has(.sample-scrim-demo){min-height:22rem}.element-demo-stage .ui-sample:has(.sample-scrim-demo){max-width:48rem;min-height:0}.element-demo-stage .sample-scrim-demo{min-height:20rem}@keyframes sample-scrim-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sample-scrim-fade-out{0%{opacity:1}to{opacity:0}}@keyframes sample-scrim-dialog-in{0%{opacity:0;transform:translate(-50%,-47%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes sample-scrim-dialog-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-47%)scale(.98)}}@media (width<=38rem){.sample-scrim-demo{min-height:15rem}.sample-scrim-workspace{gap:.6rem;padding:.65rem}.sample-scrim-workspace-header{align-items:flex-start}.sample-scrim-open{white-space:normal}.sample-scrim-dialog{gap:.45rem;width:calc(100% - 1rem);padding:.75rem}.sample-scrim-dialog>footer{flex-direction:column;align-items:stretch}.sample-scrim-dialog>footer small{flex:0 auto}.sample-scrim-return{align-self:flex-end}.element-demo-stage:has(.sample-scrim-demo){min-height:19rem}.element-demo-stage .sample-scrim-demo{min-height:17rem}}@media (prefers-reduced-motion:reduce){.sample-scrim-backdrop,.sample-scrim-dialog{animation:none}}.sample-loading-demo{width:min(100%,46rem);color:var(--color-text);gap:1rem;display:grid;container:sample-loading/inline-size}.sample-loading-heading{justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;display:flex}.sample-loading-heading>div{gap:.18rem;min-width:0;display:grid}.sample-loading-eyebrow{color:var(--color-text-muted);letter-spacing:.09em;font-size:.61rem;font-weight:700;line-height:1.2}.sample-loading-heading h3{color:var(--color-text);margin:0;font-size:1rem;line-height:1.3}.sample-loading-heading p{color:var(--color-text-muted);margin:0;font-size:.76rem;line-height:1.4}.sample-loading-badge{min-height:1.75rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.25rem .55rem;font-size:.67rem;font-weight:600;display:inline-flex}.sample-loading-badge i{background:var(--color-scout-blue);border-radius:50%;width:.42rem;height:.42rem}.sample-loading-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.sample-loading-option{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-content:start;gap:.8rem;min-width:0;padding:.9rem;display:grid}.sample-loading-option>header{justify-content:space-between;align-items:center;gap:.45rem;min-width:0;display:flex}.sample-loading-option>header>div{flex:auto;gap:.15rem;min-width:0;display:grid}.sample-loading-option h4{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.88rem;line-height:1.3;overflow:hidden}.sample-loading-tag{color:var(--color-text-muted);background:var(--color-surface-muted);border-radius:999px;flex:none;padding:.22rem .42rem;font-size:.58rem;font-weight:600;line-height:1.25}.sample-loading-option>p{min-height:2.5em;color:var(--color-text-muted);margin:0;font-size:.68rem;line-height:1.4}.sample-loading-skeleton{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-content:start;gap:.6rem;min-height:8.8rem;padding:.55rem;display:grid}.sample-loading-result{min-height:8.8rem;color:var(--color-text);background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center;align-content:center;justify-items:center;gap:.45rem;padding:.75rem;display:grid}.sample-loading-result[hidden],.sample-loading-skeleton[hidden],.sample-loading-spinner-view[hidden]{display:none}.sample-loading-result:not([hidden]){animation:.18s ease-out both sample-loading-result-in}.sample-loading-result .ui-icon{width:1.25rem;height:1.25rem;color:var(--color-success);background:var(--color-success-background);border-radius:50%;padding:.18rem}.sample-loading-result>strong{font-size:.76rem;line-height:1.3}.sample-loading-result>span{color:var(--color-text-muted);font-size:.65rem;line-height:1.35}.sample-skeleton-cover{background:var(--color-surface-muted);border-radius:4px;align-content:end;gap:.3rem;min-height:3rem;padding:.55rem;display:grid;position:relative;overflow:hidden}.sample-skeleton-cover span{z-index:1;background:var(--color-surface);border-radius:999px;width:46%;height:.38rem;display:block;position:relative}.sample-skeleton-cover span:last-child{opacity:.72;width:28%}.sample-skeleton-person{align-items:center;gap:.5rem;min-width:0;display:flex}.sample-skeleton-person>i{background:var(--color-surface-muted);border-radius:50%;flex:none;width:1.8rem;height:1.8rem;display:block}.sample-skeleton-person>div{gap:.3rem;width:100%;display:grid}.sample-skeleton-person span{background:var(--color-surface-muted);border-radius:999px;width:62%;height:.4rem;display:block}.sample-skeleton-person span:last-child{width:38%;height:.32rem}.sample-skeleton-lines{gap:.3rem;display:grid}.sample-skeleton-lines span{background:var(--color-surface-muted);border-radius:999px;width:100%;height:.34rem;display:block}.sample-skeleton-lines span:nth-child(2){width:84%}.sample-skeleton-lines span:nth-child(3){width:56%}.sample-loading-skeleton [data-loading-shimmer]{background-image:linear-gradient(105deg, var(--color-surface-muted) 25%, var(--color-surface) 45%, var(--color-surface-muted) 65%);background-size:220% 100%;animation:1.7s ease-in-out infinite sample-loading-shimmer}.sample-skeleton-cover[data-loading-shimmer]{background-image:linear-gradient(105deg, var(--color-surface-muted) 25%, var(--color-surface) 45%, var(--color-surface-muted) 65%);background-size:220% 100%}.sample-loading-spinner-view{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center;align-content:center;justify-items:center;gap:.45rem;min-height:8.8rem;padding:.75rem;display:grid}.sample-loading-spinner{border:3px solid var(--color-scout-blue-soft);border-top-color:var(--color-scout-blue);border-radius:50%;width:2.2rem;height:2.2rem;margin-bottom:.15rem;animation:.85s linear infinite sample-loading-spin;display:block}.sample-loading-spinner-view>strong{color:var(--color-text);font-size:.73rem;line-height:1.3}.sample-loading-spinner-view>span:not(.sample-loading-spinner){color:var(--color-text-muted);font-size:.64rem;line-height:1.3}.sample-loading-dots{gap:.2rem;margin-top:.1rem;display:flex}.sample-loading-dots i{background:var(--color-scout-blue);border-radius:50%;width:.25rem;height:.25rem;animation:.9s ease-in-out infinite alternate sample-loading-pulse}.sample-loading-dots i:nth-child(2){animation-delay:.18s}.sample-loading-dots i:nth-child(3){animation-delay:.36s}.sample-loading-demo[data-motion-paused=true] .sample-loading-skeleton [data-loading-shimmer],.sample-loading-demo[data-motion-paused=true] .sample-loading-spinner,.sample-loading-demo[data-motion-paused=true] .sample-loading-dots i{animation-play-state:paused}.sample-loading-badge[data-loading-state=ready]{color:var(--color-success);background:var(--color-success-background);border-color:var(--color-success-border)}.sample-loading-controls{align-items:center;gap:.65rem;min-width:0;display:flex}.sample-loading-motion-toggle{flex:none;min-height:2rem;font-weight:600;color:var(--color-scout-blue-strong)!important;background:var(--color-surface)!important;border:1px solid var(--color-scout-blue-border)!important;border-radius:var(--radius-sm)!important;padding:.35rem .65rem!important;font-size:.68rem!important}.sample-loading-motion-toggle:hover{background:var(--color-scout-blue-soft)!important}.sample-loading-completion-toggle{flex:none;min-height:2rem;font-weight:600;color:var(--color-text)!important;background:var(--color-surface-muted)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;padding:.35rem .65rem!important;font-size:.68rem!important}.sample-loading-completion-toggle:hover{background:var(--color-surface)!important}.sample-loading-status{min-width:0;color:var(--color-text-muted);margin:0;font-size:.66rem;line-height:1.4}.element-preview .ui-sample:has(.sample-loading-demo){align-content:center;min-height:0}.element-demo-stage:has(.sample-loading-demo){min-height:25rem}.element-demo-stage .ui-sample:has(.sample-loading-demo){max-width:48rem;min-height:0}@keyframes sample-loading-shimmer{0%{background-position:180% 0}to{background-position:-120% 0}}@keyframes sample-loading-spin{to{transform:rotate(360deg)}}@keyframes sample-loading-pulse{0%{opacity:.35;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes sample-loading-result-in{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sample-loading-demo:not([data-motion-opt-in=true]) .sample-loading-skeleton [data-loading-shimmer],.sample-loading-demo:not([data-motion-opt-in=true]) .sample-loading-spinner,.sample-loading-demo:not([data-motion-opt-in=true]) .sample-loading-dots i,.sample-loading-demo:not([data-motion-opt-in=true]) .sample-loading-result:not([hidden]){animation:none}}@container sample-loading (width<=38rem){.sample-loading-options{grid-template-columns:minmax(0,1fr)}.sample-loading-controls{flex-direction:column;align-items:flex-start}}.sample-combobox{gap:0;width:min(100%,22rem);display:grid}.sample-combobox-label{color:var(--color-text);margin-bottom:.45rem;font-size:.85rem;font-weight:600}.sample-combobox-control{background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);align-items:center;gap:.55rem;min-height:3rem;padding:0 .7rem;transition:border-color .14s,box-shadow .14s;display:flex}.sample-combobox-control:focus-within{border-color:var(--color-scout-blue);outline:3px solid var(--color-focus);outline-offset:2px}.sample-combobox-control>.ui-icon{flex:none;width:1.1rem;height:1.1rem;color:var(--color-text-muted)!important}.ui-sample .sample-combo-input{width:100%;min-width:0;min-height:2.9rem;color:var(--color-text);box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding:0}.ui-sample .sample-combo-input:focus-visible{outline:none}.sample-combobox-popup{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:.4rem;display:grid;overflow:hidden;box-shadow:0 4px 12px #29252614}.sample-combobox-popup.is-entering:not([hidden]){transform-origin:top;animation:.16s cubic-bezier(.2,.75,.25,1) both sample-combobox-popup-enter}.sample-combobox-popup.is-closing:not([hidden]){transform-origin:top;pointer-events:none;animation:.11s ease-in both sample-combobox-popup-exit}.sample-combobox .sample-option{min-width:0;min-height:2.55rem;color:var(--color-text);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .7rem;transition:color .13s,background-color .13s;display:flex}.sample-combobox .sample-option:hover,.sample-combobox .sample-option[data-active=true]{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-combobox .sample-option[aria-selected=true]{font-weight:600}.sample-combobox .sample-option.is-entering{animation:sample-combobox-option-enter .13s cubic-bezier(.2, .75, .25, 1) var(--combobox-option-delay,0s) both}.sample-combobox .sample-option>.ui-icon{width:1rem;height:1rem;color:var(--color-scout-blue-strong);opacity:0;flex:0 0 1rem;place-items:center;transition:opacity .13s;display:grid}.sample-combobox .sample-option[aria-selected=true]>.ui-icon{opacity:1}.sample-combobox-empty{color:var(--color-text-muted);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:.4rem 0 0;padding:.7rem;font-size:.85rem;box-shadow:0 4px 12px #29252614}.sample-combobox-empty.is-entering:not([hidden]){animation:.14s cubic-bezier(.2,.75,.25,1) both sample-combobox-option-enter}.sample-combobox-empty.is-closing:not([hidden]){pointer-events:none;animation:.11s ease-in both sample-combobox-popup-exit}.sample-combobox-hint{color:var(--color-text-muted);margin:.55rem 0 0;font-size:.78rem}@keyframes sample-combobox-popup-enter{0%{opacity:0;transform:translateY(-4px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sample-combobox-popup-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-3px)scale(.99)}}@keyframes sample-combobox-option-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sample-combobox-popup.is-entering,.sample-combobox-popup.is-closing,.sample-combobox .sample-option.is-entering,.sample-combobox-empty.is-entering,.sample-combobox-empty.is-closing{animation:none}.sample-combobox-control,.sample-combobox .sample-option,.sample-combobox .sample-option>.ui-icon{transition:none}}.element-preview:has(.sample-command-demo){min-height:20rem;overflow:visible}.element-preview .ui-sample:has(.sample-command-demo){min-height:19rem;overflow:visible}.element-demo-stage:has(.sample-command-demo){min-height:27rem;overflow:visible}.element-demo-stage .ui-sample:has(.sample-command-demo){max-width:50rem;min-height:25rem;overflow:visible}.sample-command-demo{isolation:isolate;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);place-items:center;width:100%;min-height:18rem;padding:clamp(.65rem,2.5vw,1.5rem);display:grid;position:relative;overflow:hidden}.sample-command-workspace{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:min(100%,44rem);padding:clamp(.85rem,2.4vw,1.4rem);transition:filter .15s}.sample-command-workspace-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.sample-command-eyebrow{color:var(--color-text-muted);letter-spacing:.06em;margin-bottom:.2rem;font-size:.68rem;font-weight:700;display:block}.sample-command-workspace-heading h3,.sample-command-heading h3{margin:0;font-size:1.12rem;line-height:1.3}.sample-command-workspace-heading p{color:var(--color-text-muted);margin:.2rem 0 0;font-size:.83rem}.sample-command-trigger{border-radius:var(--radius-sm);align-items:center;gap:.55rem;min-width:14rem;min-height:2.65rem;padding:.35rem .5rem .35rem .7rem;display:flex;color:var(--color-text-muted)!important;background:var(--color-canvas)!important;border:1px solid var(--color-border)!important;text-align:left!important}.sample-command-trigger>span{flex:1}.sample-command-trigger>.ui-icon{width:1rem;height:1rem;color:var(--color-scout-blue-strong)!important}.sample-command-demo kbd{min-height:1.35rem;color:var(--color-text-muted);background:var(--color-white);border:1px solid var(--color-border);white-space:nowrap;border-radius:3px;justify-content:center;align-items:center;padding:.05rem .35rem;font-size:.68rem;line-height:1.1;display:inline-flex}.sample-command-projects{border-top:1px solid var(--color-border);margin-top:1.1rem;display:grid}.sample-command-projects article{border-bottom:1px solid var(--color-border);align-items:center;gap:.7rem;min-width:0;padding:.65rem .2rem;display:flex}.sample-command-projects article>.ui-icon{flex:0 0 1.1rem;width:1.1rem;height:1.1rem;color:var(--color-scout-blue-strong)!important}.sample-command-projects article>div{flex:1;min-width:0}.sample-command-projects h4{margin:0;font-size:.83rem}.sample-command-projects p{color:var(--color-text-muted);margin:.05rem 0 0;font-size:.74rem}.sample-command-projects article>span{color:var(--color-text-muted);white-space:nowrap;font-size:.7rem}.sample-command-workspace-status{color:var(--color-text-muted);margin:.65rem 0 0;font-size:.72rem}.sample-command-dialog{width:min(40rem,100vw - 2rem);max-width:none;max-height:min(100vh - 2rem,40rem);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);opacity:0;margin:auto;padding:.8rem;transition:opacity .15s,transform .15s;position:fixed;inset:0;overflow:auto;transform:translateY(.4rem)scale(.99);box-shadow:0 1rem 2.3rem #29252633}.sample-command-dialog[open][data-state=open]{opacity:1;transform:translateY(0)scale(1)}.sample-command-dialog[open][data-state=closing]{opacity:0;transform:translateY(.35rem)scale(.99)}.sample-command-dialog::backdrop{background:#29252600;transition:background-color .15s}.sample-command-dialog[data-state=open]::backdrop{background:#29252661}.sample-command-dialog:focus{outline:none}.sample-command-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.2rem .2rem .7rem;display:flex}.sample-command-heading .sample-command-eyebrow{color:var(--color-scout-blue-strong)}.sample-command-close{border-radius:var(--radius-sm);flex:0 0 2rem;place-items:center;width:2rem;height:2rem;padding:0;display:grid;color:var(--color-text-muted)!important;background:var(--color-surface-muted)!important;border:1px solid var(--color-border)!important}.sample-command-close .ui-icon{width:1rem;height:1rem}.sample-command-search{background:var(--color-canvas);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);align-items:center;gap:.55rem;min-width:0;min-height:2.8rem;padding:0 .6rem;display:flex}.sample-command-search:focus-within{border-color:var(--color-scout-blue);outline:2px solid var(--color-focus);outline-offset:1px}.sample-command-search>.ui-icon{flex:0 0 1.05rem;width:1.05rem;height:1.05rem;color:var(--color-text-muted)!important}.ui-sample .sample-command-input{width:100%;min-width:0;min-height:2.7rem;color:var(--color-text);box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding:0}.ui-sample .sample-command-input:focus-visible{outline:none}.sample-command-results{max-height:min(17rem,48vh);padding:.35rem 0;overflow-y:auto}.sample-command-group{padding:.2rem 0;display:grid}.sample-command-group h4{color:var(--color-text-muted);letter-spacing:.055em;margin:0;padding:.35rem .45rem .2rem;font-size:.65rem}.sample-command-option{border-radius:3px;align-items:center;gap:.6rem;min-width:0;min-height:2.5rem;padding:.35rem .45rem;display:flex;color:var(--color-text)!important;text-align:left!important}.sample-command-option.is-entering{animation:.18s cubic-bezier(.2,.75,.25,1) both sample-command-result-enter;animation-delay:var(--command-result-delay,0s)}.sample-command-empty.is-entering{animation:.18s cubic-bezier(.2,.75,.25,1) both sample-command-result-enter}.sample-command-option[data-active=true],.sample-command-option:hover{background:var(--color-scout-blue-soft)!important}.sample-command-option>.ui-icon{flex:0 0 1rem;width:1rem;height:1rem;color:var(--color-scout-blue-strong)!important}.sample-command-option>span{overflow-wrap:anywhere;flex:1;min-width:0}.sample-command-option>small{color:var(--color-text-muted);font-size:.68rem}.sample-command-empty{color:var(--color-text-muted);margin:0;padding:.8rem .45rem;font-size:.82rem}.sample-command-help{color:var(--color-text-muted);border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.45rem 1rem;padding:.65rem .2rem .1rem;font-size:.68rem;display:flex}.sample-command-help span{align-items:center;gap:.25rem;display:inline-flex}.sample-command-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes sample-command-result-enter{0%{opacity:0;transform:translateY(.2rem)}to{opacity:1;transform:translateY(0)}}@media (width<=38rem){.sample-command-workspace-heading{flex-direction:column;align-items:stretch}.sample-command-trigger{width:100%;min-width:0}.sample-command-projects article>span{display:none}.sample-command-window{padding:.65rem}.sample-command-help{gap:.4rem .65rem}}@media (prefers-reduced-motion:reduce){.sample-command-workspace,.sample-command-window,.sample-command-dialog{transition:none}.sample-command-option.is-entering,.sample-command-empty.is-entering{animation:none}}.sample-accordion{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:34rem;padding:.3rem 1rem;display:grid}.sample-accordion-item+.sample-accordion-item{border-top:1px solid var(--color-border)}.sample-accordion summary{min-height:3.25rem;color:var(--color-text);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;font-size:.95rem;font-weight:600;list-style:none;display:flex}.sample-accordion summary::-webkit-details-marker{display:none}.sample-accordion summary::marker{content:""}.sample-accordion summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.sample-accordion summary>.ui-icon{width:1.15rem;height:1.15rem;color:var(--color-text-muted);flex:0 0 1.15rem;transition:transform .18s cubic-bezier(.2,0,0,1),color .18s}.sample-accordion details[open]>summary{color:var(--color-scout-blue-strong)}.sample-accordion details[open]>summary>.ui-icon{color:var(--color-scout-blue);transform:rotate(90deg)}.sample-accordion-panel{overflow:hidden}.sample-accordion-panel[hidden]{display:none}.sample-accordion-panel>div{min-height:0}.sample-accordion-panel p{color:var(--color-text-muted);margin:0;padding:0 2rem 1rem 0;font-size:.88rem}.sample-accordion-note{color:var(--color-text-muted);margin:0;padding:.75rem 0;font-size:.75rem}.sample-tabs{width:100%}.sample-tabs-list{border-bottom:1px solid var(--color-border);gap:.7rem;display:flex;position:relative;overflow:auto hidden}.sample-tabs-list:after{width:var(--tabs-indicator-width,0);background:var(--color-scout-blue);content:"";pointer-events:none;height:2px;transform:translateX(var(--tabs-indicator-offset,0));border-radius:2px;transition:width .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-1px;left:0;right:auto}.sample-tabs-list>button{min-height:2.75rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;flex:none;padding:.45rem .25rem;font-size:.9rem;transition:color .18s}.sample-tabs-list>button[aria-selected=true]{color:var(--color-scout-blue);font-weight:600}.sample-tabs-list>button:focus-visible{z-index:1;outline:2px solid var(--color-focus);outline-offset:-2px;border-radius:.25rem .25rem 0 0}.sample-tabs-panel{align-content:start;gap:.45rem;min-height:5.5rem;padding:.9rem .15rem .35rem;display:grid}.sample-tabs-panel[hidden]{display:none}.sample-tabs-panel.is-entering{animation:.2s cubic-bezier(.22,1,.36,1) both sample-tabs-panel-enter}.sample-tabs-panel h3{color:var(--color-text);margin:0;font-size:.95rem}.sample-tabs-panel p{color:var(--color-text-muted);margin:0;font-size:.85rem}.sample-tabs-meta{flex-wrap:wrap;gap:.45rem;margin-top:.35rem;display:flex}.sample-tabs-meta span{color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:999px;padding:.25rem .5rem;font-size:.72rem}.sample-tabs-panel ul{gap:.5rem;margin:.15rem 0 0;padding:0;list-style:none;display:grid}.sample-tabs-panel li{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:.45rem;gap:.15rem;padding:.55rem .65rem;display:grid}.sample-tabs-panel li strong{color:var(--color-text);font-size:.78rem;font-weight:600}.sample-tabs-panel li span{color:var(--color-text-muted);font-size:.72rem}@keyframes sample-tabs-panel-enter{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translate(0,0)}}.sample-label-comparison{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.65rem;width:min(100%,48rem);display:grid}.sample-label-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;min-width:0;min-height:7.5rem;padding:.85rem .45rem .7rem;display:flex}.sample-label-kind{color:var(--color-text-muted);letter-spacing:.09em;font-size:.62rem;font-weight:700}.sample-label-card>small{color:var(--color-text-muted);font-size:.68rem;line-height:1.35}.sample-badge-anchor{width:2.6rem;height:2.6rem;color:var(--color-scout-blue-strong);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:50%;place-items:center;display:grid;position:relative}.sample-badge-anchor>.ui-icon{width:1.2rem;height:1.2rem}.sample-badge{width:1rem;height:1rem;color:var(--color-white);background:var(--color-auditor-red);border:2px solid var(--color-surface);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;padding:0;font-size:.52rem;font-weight:700;line-height:1;display:grid;position:absolute;top:-.2rem;right:-.24rem}.sample-chip-row{background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);border-radius:var(--radius-pill);align-items:center;gap:.05rem;min-height:2rem;padding:.12rem;transition:background-color .16s,border-color .16s;display:inline-flex;overflow:visible}.sample-chip-row:has(.sample-chip-action[aria-pressed=false]){background:var(--color-surface-muted);border-color:var(--color-border)}.sample-chip-action,.sample-chip-remove{min-height:1.75rem;color:var(--color-scout-blue-strong);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.32rem;padding:.2rem .58rem;transition:color .16s,background-color .16s;display:inline-flex}.sample-chip-action{padding-inline:.56rem;font-size:.78rem;font-weight:600}.sample-chip-action[aria-pressed=false],.sample-chip-row:has(.sample-chip-action[aria-pressed=false]) .sample-chip-remove{color:var(--color-text-muted)}.sample-chip-action:hover,.sample-chip-remove:hover{background:var(--color-white)}.sample-chip-remove{width:1.65rem;min-width:1.65rem;padding:0}.sample-chip-remove .ui-icon{width:.9rem;height:.9rem}.sample-chip-action:focus-visible,.sample-chip-remove:focus-visible,.sample-chip-restore:focus-visible{z-index:1;outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.sample-chip-row.is-removing{animation:.14s cubic-bezier(.2,.8,.2,1) both sample-chip-remove}.sample-chip-restore{min-height:2rem;color:var(--color-scout-blue-strong);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;padding:.3rem .6rem;font-size:.72rem}.sample-chip-restore:hover{background:var(--color-scout-blue-soft)}.sample-label-card>.sample-pill,.sample-label-card>.sample-tag{overflow-wrap:anywhere;align-items:center;max-width:100%;min-height:1.8rem;padding:.3rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.sample-pill{color:var(--color-builder-green-strong);background:var(--color-builder-green-soft);border-radius:var(--radius-pill)}.sample-tag{color:var(--color-text);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm)}@keyframes sample-chip-remove{to{opacity:0;transform:translateY(-3px)scale(.94)}}.sample-breadcrumb-demo{gap:.7rem;width:min(100%,48rem);min-width:0;display:grid}.sample-breadcrumbs{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;padding:.8rem .95rem;font-size:.84rem}.sample-breadcrumbs ol{align-items:center;gap:0;min-width:0;margin:0;padding:0;list-style:none;display:flex}.sample-breadcrumbs ol:has([aria-expanded=true]){flex-wrap:wrap;row-gap:.35rem}.sample-breadcrumbs li{align-items:center;min-width:0;display:flex}.sample-breadcrumb-separator{width:.75rem;height:.75rem;color:var(--color-text-muted);flex:none;margin-inline:.55rem}.sample-breadcrumbs li:first-child{flex:none}.sample-breadcrumbs li:last-child{flex:0 auto}.sample-breadcrumbs a,.sample-breadcrumbs [aria-current=page]{min-width:0;color:var(--color-scout-blue-strong);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sample-breadcrumbs a{text-underline-offset:.18em;text-decoration:none}.sample-breadcrumbs a:hover{text-decoration:underline}.sample-breadcrumbs [aria-current=page]{color:var(--color-text);font-weight:600}.sample-breadcrumb-disclosure{flex:none}.sample-breadcrumb-disclosure button{width:1.8rem;height:1.8rem;color:var(--color-scout-blue-strong);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;display:inline-flex}.sample-breadcrumb-disclosure button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sample-breadcrumb-disclosure .ui-icon{width:1rem;height:1rem}.sample-breadcrumb-hidden.is-entering:not([hidden]){animation:.19s cubic-bezier(.2,.75,.25,1) both sample-breadcrumb-reveal;animation-delay:var(--breadcrumb-enter-delay,0s);transform-origin:0}.sample-breadcrumb-hidden>a{max-width:14rem}.sample-breadcrumb-note{color:var(--color-text-muted);margin:0;font-size:.74rem}@keyframes sample-breadcrumb-reveal{0%{opacity:0;transform:translateY(-2px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.sample-breadcrumb-hidden.is-entering:not([hidden]){animation:none}}.element-preview:has(.sample-positioning){min-height:20rem}.element-preview .ui-sample:has(.sample-positioning){min-height:18rem}.element-demo-stage:has(.sample-positioning){min-height:22rem}.element-demo-stage .ui-sample:has(.sample-positioning){max-width:44rem;min-height:19rem}.sample-positioning{gap:.55rem;width:min(100%,42rem);min-width:0;display:grid}.sample-positioning-heading{justify-content:space-between;align-items:baseline;gap:.5rem 1rem;min-width:0;display:flex}.sample-positioning-heading>strong{color:var(--color-text);font-size:.78rem;font-weight:600}.sample-positioning-heading>small{color:var(--color-text-muted);font-size:.68rem}.sample-positioning-frame{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);height:13.5rem;position:relative;overflow:hidden;transform:translateZ(0)}.sample-positioning-pane{overscroll-behavior:contain;height:calc(100% - 3.25rem);color:var(--color-text);background:var(--color-white);scrollbar-color:var(--color-scout-blue-border) var(--color-surface-muted);scrollbar-width:thin;padding:0 .7rem .75rem;overflow:auto}.sample-positioning-pane:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.sample-positioning-intro{gap:.15rem;padding:.65rem .15rem .85rem;display:grid}.sample-positioning-intro>small,.sample-positioning-sticky small{color:var(--color-text-muted);letter-spacing:.05em;font-size:.58rem;font-weight:700}.sample-positioning-intro>strong{color:var(--color-text);font-size:.84rem;font-weight:600}.sample-positioning-intro>p{color:var(--color-text-muted);margin:0;font-size:.72rem;line-height:1.4}.sample-positioning-sticky{z-index:1;background:var(--color-surface);border-block:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.65rem;min-height:3.25rem;margin-inline:-.7rem;padding:.45rem .85rem;transition:background-color .18s,border-color .18s,box-shadow .18s;display:flex;position:sticky;top:0;box-shadow:0 .35rem .8rem #17273700}.sample-positioning-sticky.is-pinned{background:var(--color-white);border-color:var(--color-scout-blue-border);box-shadow:0 .35rem .8rem #1727371a}.sample-positioning-sticky>div{gap:.05rem;display:grid}.sample-positioning-sticky strong{color:var(--color-text);font-size:.82rem;font-weight:600}.sample-positioning-sticky code{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-radius:var(--radius-sm);flex:none;padding:.15rem .35rem;font-size:.65rem;transition:color .18s,background-color .18s}.sample-positioning-sticky.is-pinned code{color:var(--color-white);background:var(--color-scout-blue-strong)}.sample-positioning-content{display:grid}.sample-positioning-content article{border-bottom:1px solid var(--color-border);gap:.12rem;padding:.58rem .15rem;display:grid}.sample-positioning-content article>strong{color:var(--color-text);font-size:.76rem;font-weight:600}.sample-positioning-content article>p{color:var(--color-text-muted);margin:0;font-size:.68rem;line-height:1.4}.sample-positioning-fixed{z-index:2;background:var(--color-white);border:1px solid var(--color-scout-blue-border);border-radius:var(--radius-sm);align-items:center;min-height:2.55rem;padding:.3rem .7rem;transition:border-color .18s,box-shadow .18s;display:flex;position:fixed;bottom:.3rem;right:.6rem;box-shadow:0 2px 8px #2731431f}.sample-positioning-frame.is-scrolling .sample-positioning-fixed{border-color:var(--color-scout-blue);box-shadow:0 0 0 3px #21497b1f,0 2px 8px #2731431f}.sample-positioning-fixed>span{gap:0;display:grid}.sample-positioning-fixed strong{color:var(--color-scout-blue-strong);font-size:.7rem;font-weight:600;line-height:1.2}.sample-positioning-fixed small{color:var(--color-text-muted);font-size:.58rem;line-height:1.2}.element-demo-stage .sample-positioning-frame{height:15rem}.element-demo-stage .sample-positioning-intro{padding-top:.9rem;padding-bottom:1.15rem}.element-demo-stage .sample-positioning-content article{padding-block:.75rem}.element-demo-stage .sample-positioning-content article>strong{font-size:.9rem}.element-demo-stage .sample-positioning-content article>p{font-size:.8rem}.element-preview .ui-sample .sample-positioning-heading>strong{font-size:.78rem}.element-preview .ui-sample .sample-positioning-heading>small{font-size:.68rem}.element-preview .ui-sample .sample-positioning :is(.sample-positioning-intro>small,.sample-positioning-sticky small){font-size:.58rem}.element-preview .ui-sample .sample-positioning-intro>strong,.element-preview .ui-sample .sample-positioning-sticky strong{font-size:.82rem}.element-preview .ui-sample .sample-positioning-content article>strong{font-size:.76rem}.element-preview .ui-sample .sample-positioning-content article>p{font-size:.68rem}.element-preview .ui-sample .sample-positioning-sticky code{font-size:.65rem}.element-preview .ui-sample .sample-positioning-fixed strong{font-size:.7rem}.element-preview .ui-sample .sample-positioning-fixed small{font-size:.58rem}.element-demo-stage .ui-sample .sample-positioning-heading>strong{font-size:.85rem}.element-demo-stage .ui-sample .sample-positioning-heading>small{font-size:.75rem}.element-demo-stage .ui-sample .sample-positioning :is(.sample-positioning-intro>small,.sample-positioning-sticky small){font-size:.66rem}.element-demo-stage .ui-sample .sample-positioning-intro>strong,.element-demo-stage .ui-sample .sample-positioning-sticky strong{font-size:.95rem}.element-demo-stage .ui-sample .sample-positioning-content article>strong{font-size:.9rem}.element-demo-stage .ui-sample .sample-positioning-content article>p{font-size:.8rem}.element-demo-stage .ui-sample .sample-positioning-sticky code{font-size:.72rem}.element-demo-stage .ui-sample .sample-positioning-fixed strong{font-size:.78rem}.element-demo-stage .ui-sample .sample-positioning-fixed small{font-size:.66rem}@media (prefers-reduced-motion:reduce){.sample-positioning-sticky,.sample-positioning-sticky code,.sample-positioning-fixed{transition:none}}.sample-focus-demo{width:min(100%,28rem);min-width:0;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:.7rem;padding:.85rem;display:grid}.sample-focus-field{min-width:0;color:var(--color-text);gap:.3rem;font-size:.78rem;font-weight:600;display:grid}.sample-focus-input{width:100%;min-width:0;min-height:2.65rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font:inherit;padding:.5rem .7rem;font-size:.84rem;font-weight:500}.sample-focus-actions{flex-wrap:wrap;gap:.55rem;min-width:0;display:flex}.sample-focus-actions>button{min-height:2.5rem;color:var(--color-scout-blue-strong);background:var(--color-white);border:1px solid var(--color-scout-blue-border);border-radius:var(--radius-sm);cursor:pointer;padding:.45rem .8rem;font-size:.76rem;font-weight:600}.sample-focus-actions>button[type=submit]{color:var(--color-white);background:var(--color-scout-blue-strong);border-color:var(--color-scout-blue-strong)}.sample-focus-demo :is(input,button):focus-visible{z-index:1;outline:3px solid var(--color-focus);outline-offset:3px;position:relative}.sample-focus-instructions,.sample-focus-status{min-width:0;color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;font-size:.68rem;line-height:1.45;display:block}@media (forced-colors:active){.sample-focus-demo :is(input,button):focus-visible{outline-color:highlight}}.sample-empty{text-align:center;background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);justify-items:center;gap:.55rem;width:min(100%,30rem);padding:clamp(1.15rem,4vw,2rem);display:grid}.sample-empty-icon{width:2.75rem;height:2.75rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);border-radius:.85rem;place-items:center;display:grid}.sample-empty-icon>.ui-icon{width:1.35rem;height:1.35rem}.sample-empty-title{color:var(--color-text);margin:.2rem 0 0;font-size:1rem;font-weight:650;line-height:1.3}.sample-empty-description{max-width:25rem;color:var(--color-text-muted);margin:0;font-size:.88rem;line-height:1.5}.sample-empty>.sample-button{border:1px solid var(--color-scout-blue);cursor:pointer;font:inherit;margin-top:.25rem;font-size:.84rem;transition:background-color .14s,border-color .14s,transform .14s}@keyframes sample-empty-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes sample-empty-icon-arrive{0%{opacity:0;transform:translateY(5px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.sample-empty.is-entering .sample-empty-icon{animation:.28s cubic-bezier(.2,.75,.25,1) both sample-empty-icon-arrive}.sample-empty.is-entering .sample-empty-title{animation:.24s cubic-bezier(.2,.75,.25,1) 35ms both sample-empty-arrive}.sample-empty.is-entering .sample-empty-description{animation:.24s cubic-bezier(.2,.75,.25,1) 70ms both sample-empty-arrive}.sample-empty.is-entering>.sample-button{animation:.24s cubic-bezier(.2,.75,.25,1) .105s both sample-empty-arrive}.sample-empty>.sample-button:hover{background:var(--color-scout-blue-strong);border-color:var(--color-scout-blue-strong)}.sample-empty>.sample-button:active{transform:translateY(1px)}.sample-empty>.sample-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.sample-empty.is-entering .sample-empty-icon,.sample-empty.is-entering .sample-empty-title,.sample-empty.is-entering .sample-empty-description,.sample-empty.is-entering>.sample-button{animation:none}.sample-empty>.sample-button{transition:none}}.sample-hover{z-index:1;justify-items:center;gap:.42rem;display:grid;position:relative}.sample-hover-hint{color:var(--color-text-muted);font-size:.68rem;line-height:1.35}.sample-hover-byline{color:var(--color-text-muted);margin:0;font-size:.88rem;line-height:1.4}.sample-hover-trigger{min-height:1.6rem;color:var(--color-scout-blue-strong);cursor:pointer;font:inherit;text-underline-offset:.2em;background:0 0;border:0;border-radius:.15rem;padding:0;font-weight:650;text-decoration:underline #0000;transition:color .14s,text-decoration-color .14s}.sample-hover-trigger:hover,.sample-hover-trigger[aria-expanded=true]{color:var(--color-scout-blue);text-decoration-color:currentColor}.sample-hover-trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.sample-hover-card{z-index:5;width:min(19rem,100vw - 3rem);max-width:calc(100vw - 7rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);opacity:0;transform-origin:top;gap:.7rem;padding:.9rem;transition:opacity .16s,transform .2s cubic-bezier(.2,.75,.25,1);display:grid;position:absolute;top:calc(100% + .65rem);left:50%;transform:translate(-50%,.5rem)scale(.98);box-shadow:0 .8rem 2rem #27314326,0 2px 6px #27314312}.sample-hover-card:before{content:"";height:.75rem;position:absolute;top:-.75rem;left:0;right:0}.sample-hover-card[data-state=open]{opacity:1;transform:translate(-50%)scale(1)}.sample-hover-card[data-state=closing]{opacity:0;transform:translate(-50%,.35rem)scale(.99)}.sample-hover-card-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;min-width:0;display:grid}.sample-hover-avatar{width:2.8rem;height:2.8rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);border-radius:50%;place-items:center;font-size:.92rem;font-weight:700;display:grid}.sample-hover-card-head>div{gap:.08rem;min-width:0;display:grid}.sample-hover-card-head b{font-size:.85rem;line-height:1.25}.sample-hover-card-head small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.sample-hover-card p{color:var(--color-text-muted);margin:0;font-size:.75rem;line-height:1.5}.sample-hover-card-foot{color:var(--color-text-muted);border-top:1px solid var(--color-border);align-items:center;gap:.9rem;padding-top:.55rem;font-size:.68rem;display:flex}.sample-hover-card-foot>span{align-items:center;gap:.3rem;display:inline-flex}.sample-hover-card-foot .ui-icon{width:.8rem;height:.8rem;color:var(--color-text-muted)}@media (prefers-reduced-motion:reduce){.sample-hover-trigger,.sample-hover-card{transition:none}}.sample-choice-set{gap:.65rem;width:min(100%,23rem);display:grid}.sample-choice-switch{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:.8rem;min-width:0;min-height:3.2rem;padding:.6rem .75rem;display:flex}.sample-choice-copy{gap:.1rem;display:grid}.sample-choice-copy>strong{color:var(--color-text);font-size:.82rem;font-weight:650}.sample-choice-copy>small,.sample-choice-actions>small{color:var(--color-text-muted);font-size:.7rem;line-height:1.4}.sample-choice-switch>input[role=switch]{appearance:none;background:var(--color-border-strong);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);cursor:pointer;flex:none;width:2.55rem;height:1.5rem;margin:0;transition:background-color .15s,border-color .15s;position:relative}.sample-choice-switch>input[role=switch]:before{background:var(--color-white);content:"";border-radius:50%;width:1.08rem;height:1.08rem;transition:transform .15s cubic-bezier(.2,.75,.25,1);position:absolute;top:.14rem;left:.14rem;box-shadow:0 1px 2px #1e2a3a2e}.sample-choice-switch>input[role=switch]:checked{background:var(--color-scout-blue);border-color:var(--color-scout-blue)}.sample-choice-switch>input[role=switch]:checked:before{transform:translate(1.04rem)}.sample-choice-switch>input[role=switch]:focus-visible,.sample-choice-group input:focus-visible,.sample-choice-save:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.sample-choice-group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:.35rem;min-width:0;margin:0;padding:.45rem .75rem .65rem;display:grid}.sample-choice-group>legend{color:var(--color-text);padding:0 .2rem;font-size:.76rem;font-weight:650}.sample-choice-group label{min-height:1.7rem;color:var(--color-text);cursor:pointer;align-items:center;gap:.45rem;font-size:.76rem;display:inline-flex}.sample-choice-group input{width:1rem;height:1rem;accent-color:var(--color-scout-blue);flex:none}.sample-choice-options{flex-wrap:wrap;gap:1rem;display:flex}.sample-choice-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem;display:flex}.sample-choice-save{min-height:2rem;color:var(--color-white);background:var(--color-scout-blue);border:1px solid var(--color-scout-blue);border-radius:var(--radius-sm);cursor:pointer;font:inherit;flex:none;padding:.35rem .65rem;font-size:.76rem;font-weight:600;transition:background-color .14s,border-color .14s}.sample-choice-save:hover{background:var(--color-scout-blue-strong);border-color:var(--color-scout-blue-strong)}@media (prefers-reduced-motion:reduce){.sample-choice-switch>input[role=switch],.sample-choice-switch>input[role=switch]:before,.sample-choice-save{transition:none}}.sample-toggle-demo{gap:.7rem;width:min(100%,25rem);min-width:0;display:grid;container-type:inline-size}.sample-toggle-label{color:var(--color-text);font-size:.84rem;font-weight:600}.sample-toggle-group{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:stretch;gap:0;width:100%;min-width:0;padding:.22rem;display:flex;position:relative}.sample-toggle-group:before{z-index:0;background:var(--color-scout-blue-strong);border-radius:var(--radius-sm);content:"";width:calc(33.3333% - .146667rem);transition:transform .22s cubic-bezier(.22,1,.36,1);position:absolute;top:.22rem;bottom:.22rem;left:.22rem;transform:translate(0);box-shadow:0 1px 3px #29252629}.sample-toggle-group:has(>button:nth-child(2)[aria-checked=true]):before{transform:translate(100%)}.sample-toggle-group:has(>button:nth-child(3)[aria-checked=true]):before{transform:translate(200%)}.sample-toggle-group>button{z-index:1;min-width:0;min-height:2.55rem;color:var(--color-text-muted);border-radius:var(--radius-sm);white-space:nowrap;background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .5rem;font-size:.82rem;font-weight:600;transition:color .15s;display:inline-flex;position:relative}.sample-toggle-group>button+button:before{background:var(--color-border-strong);content:"";opacity:1;width:1px;height:1.1rem;transition:opacity .14s;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.sample-toggle-group>button[aria-checked=true]{color:var(--color-white);background:0 0}.ui-sample .sample-toggle-group>button[aria-checked=true]>.ui-icon{color:inherit}.sample-toggle-group>button[aria-checked=true]:before,.sample-toggle-group>button[aria-checked=true]+button:before{opacity:0}.sample-toggle-group>button>.ui-icon{width:.95rem;height:.95rem;transition:color .15s}.sample-toggle-group>button:focus-visible{z-index:1;outline:3px solid var(--color-focus);outline-offset:2px}.sample-toggle-preview{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-content:center;gap:.25rem;min-width:0;min-height:6rem;padding:.85rem 1rem;display:grid}.sample-toggle-preview.is-changing>*,.sample-toggle-status.is-changing{animation:.16s ease-out both sample-toggle-content-fade}@keyframes sample-toggle-content-fade{0%{opacity:.76}to{opacity:1}}.sample-toggle-preview>strong{color:var(--color-text);font-size:.9rem}.sample-toggle-preview>p{color:var(--color-text-muted);margin:0;font-size:.82rem;line-height:1.45}.sample-toggle-status{color:var(--color-text-muted);text-align:center;margin:0;font-size:.78rem}@media (prefers-reduced-motion:reduce){.sample-toggle-group>button,.sample-toggle-group>button+button:before,.sample-toggle-group>button>.ui-icon,.sample-toggle-group:before{transition:none}.sample-toggle-preview.is-changing>*,.sample-toggle-status.is-changing{animation:none}}@container (width<=20rem){.sample-toggle-group>button{gap:.2rem;padding-inline:.2rem;font-size:.76rem}.sample-toggle-group>button>.ui-icon{display:none}.sample-toggle-preview{padding-inline:.65rem}}.sample-segmented{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:.2rem;padding:.2rem;display:flex}.sample-segmented>*{border-radius:3px;padding:.4rem .7rem;font-size:.72rem}.sample-segmented>b{background:var(--color-white);box-shadow:0 1px 2px #443a3b1f}.sample-mac-segmented-demo{width:min(100%,38rem);color:var(--color-text);gap:.85rem;display:grid}.sample-mac-segmented-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sample-mac-segmented-heading>div{gap:.2rem;display:grid}.sample-mac-segmented-heading small,.sample-mac-segmented-columns>div>small{color:var(--color-text-muted);letter-spacing:.07em;font-size:.65rem;font-weight:700}.sample-mac-segmented-heading strong{color:var(--color-text);font-size:.95rem}.sample-mac-segmented-heading>span{color:var(--color-text-muted);font-size:.76rem}.sample-mac-segmented-control{isolation:isolate;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:.65rem;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.15rem;padding:.25rem;display:grid;position:relative}.sample-mac-segmented-control:after{z-index:0;background:var(--color-white);content:"";pointer-events:none;width:calc(33.3333% - .266667rem);transform:translateX(calc(var(--segment-index,0) * (100% + .15rem)));border-radius:.42rem;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:.25rem;bottom:.25rem;left:.25rem;box-shadow:0 1px 3px #2925261f}.sample-mac-segmented-control>button{z-index:1;min-width:0;min-height:2.45rem;color:var(--color-text-muted);white-space:nowrap;background:0 0;border:0;border-radius:.42rem;justify-content:center;align-items:center;gap:.42rem;padding:.4rem .55rem;font-size:.78rem;font-weight:600;transition:color .16s;display:inline-flex;position:relative}.sample-mac-segmented-control>button+button:before{background:var(--color-border-strong);content:"";width:1px;height:1.05rem;transition:opacity .12s;position:absolute;top:50%;left:-.1rem;transform:translateY(-50%)}.sample-mac-segmented-control>button[aria-checked=true]{color:var(--color-scout-blue-strong)}.sample-mac-segmented-control>button[aria-checked=true]:before,.sample-mac-segmented-control>button[aria-checked=true]+button:before{opacity:0}.sample-mac-segmented-control>button>.ui-icon{flex:0 0 1rem;width:1rem;height:1rem;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.sample-mac-segmented-control>button[aria-checked=true]>.ui-icon{transform:scale(1.06)}.sample-mac-segmented-control>button:focus-visible{z-index:2;outline:3px solid var(--color-focus);outline-offset:2px}.sample-mac-segmented-preview{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:12.5rem;padding:.85rem;overflow:hidden}.sample-mac-segmented-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.sample-mac-segmented-icons>article{background:var(--color-surface-muted);border:1px solid var(--color-border);text-align:center;border-radius:.55rem;align-content:center;justify-items:center;gap:.4rem;min-width:0;min-height:8rem;padding:.55rem .3rem;display:grid}.sample-mac-segmented-icons>article>.ui-icon{width:1.65rem;height:1.65rem;color:var(--color-scout-blue)}.sample-mac-segmented-icons>article>strong{max-width:100%;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.sample-mac-segmented-icons>article>small{color:var(--color-text-muted);font-size:.65rem}.sample-mac-segmented-list{gap:.15rem;display:grid}.sample-mac-segmented-list>article{border-bottom:1px solid var(--color-border);grid-template-columns:1.35rem minmax(0,1fr) auto;align-items:center;gap:.65rem;min-width:0;min-height:3rem;padding:.35rem .55rem;display:grid}.sample-mac-segmented-list>article>.ui-icon{width:1.15rem;height:1.15rem;color:var(--color-scout-blue)}.sample-mac-segmented-list>article>strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.sample-mac-segmented-list>article>small{color:var(--color-text-muted);text-align:right;font-size:.68rem}.sample-mac-segmented-columns{border:1px solid var(--color-border);border-radius:.45rem;grid-template-columns:repeat(3,minmax(7.5rem,1fr));min-width:0;min-height:10.5rem;display:grid;overflow-x:auto}.sample-mac-segmented-columns:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sample-mac-segmented-columns>div{align-content:start;gap:.65rem;min-width:0;padding:.7rem .55rem;display:grid}.sample-mac-segmented-columns>div+div{border-left:1px solid var(--color-border)}.sample-mac-segmented-columns>div>strong,.sample-mac-segmented-columns>div>span{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.sample-mac-segmented-columns>div>strong{background:var(--color-scout-blue-soft);border-radius:.25rem;padding:.3rem}.sample-mac-segmented-columns>div>span{color:var(--color-text-muted)}.sample-mac-segmented-note{color:var(--color-text-muted);text-align:center;margin:0;font-size:.73rem}@keyframes sampleMacSegmentedViewIn{0%{opacity:.55;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}.sample-mac-segmented-preview [data-segmented-view].is-entering{animation:.2s cubic-bezier(.2,.8,.2,1) both sampleMacSegmentedViewIn}.sample-mac-window{width:min(100%,42rem);max-width:42rem;color:var(--color-text);gap:.7rem;transition:width .28s cubic-bezier(.22,.7,.25,1),max-width .28s cubic-bezier(.22,.7,.25,1);display:grid}.sample-mac-window-frame{background:var(--color-white);border:1px solid var(--color-border);border-radius:.8rem;min-width:0;position:relative;overflow:hidden;box-shadow:0 .7rem 1.8rem #443a3b1a}.sample-window-titlebar{background:var(--color-surface-muted);grid-template-columns:auto minmax(.35rem,1fr) auto auto auto;align-items:center;gap:.65rem;min-height:3.25rem;padding:.45rem .65rem;display:grid}.sample-window-controls{flex:none;align-items:center;gap:.35rem;display:flex}.sample-window-controls>button{background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:1.5rem;height:1.5rem;padding:0;transition:transform .14s cubic-bezier(.2,0,0,1);display:grid}.sample-window-controls>button:before{content:"";border:1px solid #443a3b24;border-radius:50%;grid-area:1/1;width:.86rem;height:.86rem}.sample-window-controls>button:first-child:before{background:var(--color-auditor-red)}.sample-window-controls>button:nth-child(2):before{background:var(--color-thinker-orange)}.sample-window-controls>button:nth-child(3):before{background:var(--color-builder-green)}.sample-window-controls>button>.ui-icon{width:.58rem;height:.58rem;color:var(--color-core-graphite);opacity:0;stroke-width:2.8px;grid-area:1/1;transition:opacity .12s,transform .14s cubic-bezier(.2,0,0,1);transform:scale(.82)}.sample-window-controls>button:first-child>.ui-icon{color:var(--color-white)}.sample-window-controls>button:hover>.ui-icon,.sample-window-controls>button:focus-visible>.ui-icon{opacity:1;transform:scale(1)}.sample-window-controls>button:hover{transform:scale(1.04)}.sample-window-controls>button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sample-window-drag-region{min-width:0;height:100%}.sample-window-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;font-weight:650;overflow:hidden}.sample-window-toolbar{align-items:center;gap:.2rem;display:flex}.sample-window-toolbar>button{width:1.9rem;height:1.9rem;color:var(--color-text-muted);border-radius:.4rem;flex:none;place-items:center;padding:0;transition:color .15s,background-color .15s,transform .15s cubic-bezier(.2,0,0,1);display:grid}.sample-window-toolbar>button:hover{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-window-toolbar>button:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.sample-window-toolbar>button>.ui-icon{width:1rem;height:1rem}.sample-window-accessory{color:var(--color-text-muted);background:var(--color-white);border:1px solid var(--color-border);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.22rem .4rem;font-size:.63rem;display:inline-flex}.sample-window-accessory>.ui-icon{width:.75rem;height:.75rem;color:var(--color-builder-green)}.sample-window-separator{background:var(--color-border);height:1px}.sample-window-tabs{background:var(--color-surface-muted);gap:.25rem;min-width:0;padding:.4rem .7rem 0;display:flex}.sample-window-tabs>button{min-width:0;min-height:2.2rem;color:var(--color-text-muted);white-space:nowrap;border-radius:.45rem .45rem 0 0;padding:.4rem .7rem;font-size:.73rem;transition:color .15s,background-color .17s,box-shadow .19s cubic-bezier(.2,0,0,1);position:relative}.sample-window-tabs>button.is-current{color:var(--color-scout-blue-strong);background:var(--color-white);box-shadow:0 -1px 0 var(--color-border), 1px 0 0 var(--color-border), -1px 0 0 var(--color-border)}.sample-window-tabs>button:focus-visible{z-index:1;outline:2px solid var(--color-focus);outline-offset:-2px}.sample-window-content{background:var(--color-white);align-content:center;gap:.4rem;min-height:10.5rem;padding:1.2rem 1.5rem 1.5rem;display:grid}.sample-window-content>small{color:var(--color-text-muted);letter-spacing:.08em;font-size:.65rem;font-weight:650}.sample-window-content>h3{color:var(--color-text);margin:0;font-size:1.1rem}.sample-window-content>p{max-width:32rem;color:var(--color-text-muted);margin:0;font-size:.86rem;line-height:1.5}.sample-window-document-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.35rem .65rem;margin-top:.8rem;font-size:.69rem;display:flex}.sample-window-avatar{width:1.4rem;height:1.4rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-radius:50%;place-items:center;font-size:.55rem;font-weight:700;display:grid}.sample-window-state{min-height:8rem;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1rem;display:flex}.sample-window-state>strong{color:var(--color-text);font-size:.95rem}.sample-window-state>span{font-size:.76rem}.sample-window-state>button{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-radius:.4rem;margin-top:.4rem;padding:.45rem .7rem;font-size:.72rem;font-weight:650}.sample-window-resize-corner{background:repeating-linear-gradient(135deg, transparent 0 3px, var(--color-border-strong) 3px 4px, transparent 4px 6px);clip-path:polygon(100% 0,100% 100%,0 100%);width:.85rem;height:.85rem;position:absolute;bottom:.2rem;right:.25rem}.sample-mac-window .sample-toolbar-feedback:not([hidden]){color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-radius:.4rem;margin:0;padding:.35rem .5rem;font-size:.72rem}.sample-mac-window.is-expanded{width:min(100%,48rem);max-width:48rem}.sample-mac-window.is-closed .sample-window-tabs,.sample-mac-window.is-closed .sample-window-content,.sample-mac-window.is-closed .sample-window-minimized,.sample-mac-window.is-minimized .sample-window-tabs,.sample-mac-window.is-minimized .sample-window-content,.sample-mac-window.is-minimized .sample-window-closed,.sample-mac-window.is-minimized .sample-window-titlebar,.sample-mac-window.is-minimized .sample-window-separator{display:none}.sample-mac-window.is-minimized .sample-mac-window-frame{background:var(--color-surface-muted);align-content:center;min-height:9rem;display:grid}.sample-mac-window.is-closed .sample-window-closed,.sample-mac-window.is-minimized .sample-window-minimized{display:flex}.element-preview:has(.sample-mac-window),.element-demo-stage:has(.sample-mac-window){container-type:inline-size}@container (width<=390px){.sample-window-titlebar{grid-template-columns:auto minmax(0,1fr) auto auto;gap:.35rem;padding-inline:.45rem}.sample-window-accessory{display:none}.sample-window-title{font-size:.68rem}.sample-window-toolbar>button{width:1.65rem;height:1.65rem}.sample-window-tabs{padding-inline:.45rem}.sample-window-tabs>button{padding-inline:.5rem;font-size:.68rem}.sample-window-content{padding-inline:.9rem}}@media (prefers-reduced-motion:reduce){.sample-mac-window,.sample-mac-window *{transition:none!important;animation:none!important}}.sample-inbox{--inbox-sidebar-width:136px;--inbox-list-width:224px;width:min(100%,58rem);min-width:0;min-height:18rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;position:relative;overflow:hidden;box-shadow:0 .45rem 1.25rem #1f2a370f;container-type:inline-size}.sample-inbox button{min-width:0;color:inherit;font:inherit;cursor:pointer}.sample-inbox-toolbar{background:var(--color-white);border-bottom:1px solid var(--color-border);align-items:center;gap:.65rem;min-height:2.8rem;padding:.4rem .7rem;display:flex;position:relative}.sample-inbox-toolbar>strong{flex:1;font-size:.84rem}.sample-inbox-toolbar button{min-height:1.85rem;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.3rem .5rem;font-size:.68rem;display:inline-flex}.sample-inbox-toolbar button:hover{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-inbox-toolbar .ui-icon{width:.95rem;height:.95rem}.sample-inbox-toolbar-tracking{z-index:2;top:0;bottom:0;left:calc(var(--inbox-sidebar-width) + .45rem + var(--inbox-list-width) + .225rem);background:var(--color-border-strong);pointer-events:none;width:1px;position:absolute}.sample-inbox-workspace{--inbox-sidebar-track:var(--inbox-sidebar-width);--inbox-sidebar-gutter:.45rem;grid-template-columns:minmax(0, var(--inbox-sidebar-track)) var(--inbox-sidebar-gutter) minmax(10rem, var(--inbox-list-width)) .45rem minmax(11.25rem, 1fr);min-width:0;min-height:15rem;transition:grid-template-columns .24s cubic-bezier(.22,.7,.25,1);display:grid}.sample-inbox-sidebar{background:var(--color-surface-muted);border-right:1px solid var(--color-border);align-content:start;gap:.2rem;min-width:0;padding:.65rem .45rem;transition:opacity .15s,padding .24s cubic-bezier(.22,.7,.25,1),border-color .24s;display:grid;overflow:hidden}.sample-inbox-sidebar>button{min-height:1.9rem;color:var(--color-text-muted);border-radius:var(--radius-sm);text-align:left;background:0 0;border:0;align-items:center;gap:.45rem;padding:.35rem .45rem;font-size:.68rem;transition:color .14s,background-color .14s;display:flex}.sample-inbox-sidebar>button:hover,.sample-inbox-sidebar>button[aria-pressed=true]{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-inbox-sidebar>button>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sample-inbox-sidebar>button>b{color:var(--color-scout-blue-strong);font-size:.62rem}.sample-inbox-sidebar .ui-icon{flex:0 0 .85rem;width:.85rem;height:.85rem}.sample-inbox-splitter{z-index:1;cursor:col-resize;touch-action:none;background:0 0;justify-self:center;width:.45rem;min-width:.45rem;height:100%;transition:opacity .15s,width .24s cubic-bezier(.22,.7,.25,1),min-width .24s cubic-bezier(.22,.7,.25,1);position:relative}.sample-inbox-splitter:before{background:var(--color-border);content:"";opacity:1;width:1px;transition:opacity .14s,background-color .14s,width .14s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.sample-inbox-splitter:hover:before,.sample-inbox-splitter:focus-visible:before,.sample-inbox-splitter.is-dragging:before{background:var(--color-scout-blue);width:2px}.sample-inbox-splitter:focus-visible{outline:2px solid var(--color-focus);outline-offset:-1px}.sample-inbox:has(.sample-inbox-splitter.is-dragging) .sample-inbox-workspace{transition:none}.sample-inbox-message-list{background:var(--color-white);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.sample-inbox-message-list>header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.45rem;min-width:0;padding:.55rem .6rem;display:flex}.sample-inbox-message-list>header>div{min-width:0}.sample-inbox-message-list>header small{color:var(--color-text-muted);letter-spacing:.08em;font-size:.55rem;font-weight:700}.sample-inbox-message-list h3{margin:.08rem 0 0;font-size:.82rem}.sample-inbox-search{min-width:4.75rem;color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:.25rem;padding:.24rem .35rem;display:flex}.sample-inbox-search .ui-icon{flex:0 0 .7rem;width:.7rem;height:.7rem}.sample-inbox-search input{width:3.1rem;min-width:0;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:.61rem}.sample-inbox-search input::placeholder{color:var(--color-text-muted);opacity:1}.sample-inbox-options{overscroll-behavior:contain;min-height:0;overflow:auto}.sample-inbox-message{width:100%;min-height:3.55rem;color:var(--color-text-muted);background:var(--color-white);border:0;border-bottom:1px solid var(--color-border);text-align:left;grid-template-columns:1.7rem minmax(0,1fr) .4rem;align-items:center;gap:.4rem;padding:.45rem .55rem;transition:color .15s,background-color .15s,border-color .15s;display:grid;position:relative}.sample-inbox-message[hidden]{display:none}.sample-inbox-message:hover{background:var(--color-surface-muted)}.sample-inbox-message.is-current{color:var(--color-text);background:var(--color-scout-blue-soft);border-left:3px solid var(--color-scout-blue);padding-left:calc(.55rem - 3px)}.sample-inbox-message.is-entering{animation:.19s cubic-bezier(.22,1,.36,1) both inbox-row-enter;animation-delay:var(--inbox-enter-delay,0s)}@keyframes inbox-row-enter{0%{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sample-inbox-message:focus-visible{z-index:1;outline:2px solid var(--color-focus);outline-offset:-2px}.sample-inbox-avatar{width:1.65rem;height:1.65rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-radius:50%;flex:0 0 1.65rem;place-items:center;font-size:.57rem;font-weight:700;display:grid}.sample-inbox-avatar.is-violet{color:#6741a5;background:#f0eafb}.sample-inbox-avatar.is-amber{color:#81520d;background:#fff2d9}.sample-inbox-message-copy{gap:.1rem;min-width:0;display:grid}.sample-inbox-message-copy>span{justify-content:space-between;align-items:baseline;gap:.25rem;min-width:0;display:flex}.sample-inbox-message-copy b,.sample-inbox-message-copy strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.sample-inbox-message-copy time{color:var(--color-text-muted);flex:none;font-size:.55rem}.sample-inbox-message-copy small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.sample-inbox-unread-dot{background:var(--color-scout-blue);border-radius:50%;width:.35rem;height:.35rem}.sample-inbox-empty{color:var(--color-text-muted);margin:0;padding:1rem .7rem;font-size:.68rem}.sample-inbox-message-detail{background:var(--color-white);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.sample-inbox-message-detail[hidden]{display:none}.sample-inbox-message-detail>header{border-bottom:1px solid var(--color-border);align-items:center;gap:.4rem;min-height:2.6rem;padding:.4rem .65rem;display:flex}.sample-inbox-message-detail>header>small{color:var(--color-text-muted);letter-spacing:.08em;flex:1;font-size:.56rem;font-weight:700}.sample-inbox-message-detail>header>div{gap:.25rem;display:flex}.sample-inbox-message-detail>header button{min-width:1.8rem;min-height:1.8rem;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.2rem;padding:.25rem;font-size:.66rem;transition:color .14s,background-color .14s,border-color .14s,transform .14s cubic-bezier(.2,0,0,1);display:inline-flex}.sample-inbox-message-detail>header button:hover,.sample-inbox-message-detail>header button.is-starred{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-inbox-message-detail>header button:disabled{opacity:.45;cursor:not-allowed}.sample-inbox-message-detail .ui-icon{width:.9rem;height:.9rem}.sample-inbox-back{display:none!important}.sample-inbox-detail-content{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:.8rem 1rem;overflow-y:auto}.sample-inbox-sender{align-items:center;gap:.45rem;display:flex}.sample-inbox-sender>div{flex:1;gap:.06rem;min-width:0;display:grid}.sample-inbox-sender b{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.sample-inbox-sender small,.sample-inbox-sender time{color:var(--color-text-muted);font-size:.58rem}.sample-inbox-message-detail h3{margin:.8rem 0 .2rem;font-size:.93rem}.sample-inbox-preview{color:var(--color-text-muted);margin:0 0 .7rem;font-size:.66rem}.sample-inbox-body{color:var(--color-text);white-space:normal;margin:0;font-size:.68rem;line-height:1.55}.sample-inbox-reply{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);border-radius:var(--radius-sm);align-items:center;gap:.35rem;margin-top:.85rem;padding:.35rem .55rem;font-size:.64rem;font-weight:650;display:inline-flex}.sample-inbox-reply .ui-icon{width:.78rem;height:.78rem}.sample-inbox-status{color:var(--color-text-muted);background:var(--color-surface-muted);border-top:1px solid var(--color-border);padding:.3rem .65rem;font-size:.58rem}.sample-inbox-mobile-folders,.sample-inbox-mobile-folder-menu{display:none}.sample-inbox.is-sidebar-collapsed .sample-inbox-workspace{--inbox-sidebar-track:0px;--inbox-sidebar-gutter:0px}.sample-inbox.is-sidebar-collapsed .sample-inbox-sidebar{opacity:0;pointer-events:none;border-right-color:#0000;padding-inline:0}.sample-inbox.is-sidebar-collapsed .sample-inbox-sidebar-splitter{opacity:0;pointer-events:none;width:0;min-width:0}.sample-inbox.is-sidebar-collapsed .sample-inbox-sidebar-splitter:before,.sample-inbox.is-sidebar-collapsed .sample-inbox-toolbar-tracking{opacity:0}.sample-inbox-message-detail.is-updating .sample-inbox-detail-content{animation:.21s cubic-bezier(.22,1,.36,1) both inbox-message-enter}@keyframes inbox-message-enter{0%{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sample-inbox.is-returning-to-list .sample-inbox-message-list{animation:.19s cubic-bezier(.22,1,.36,1) both inbox-list-return}@keyframes inbox-list-return{0%{opacity:.75;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}:where(.element-preview:has(.sample-inbox)) .sample-inbox-workspace{grid-template-columns:minmax(0,.9fr) .45rem minmax(0,1.1fr)}.element-preview:has(.sample-inbox) .sample-inbox-sidebar,.element-preview:has(.sample-inbox) .sample-inbox-sidebar-splitter,.element-preview:has(.sample-inbox) .sample-inbox-sidebar-toggle,.element-preview:has(.sample-inbox) .sample-inbox-toolbar-tracking{display:none!important}.element-preview:has(.sample-inbox) .sample-inbox-mobile-folder-menu{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:.1rem;padding:.35rem .4rem;display:grid}.element-preview:has(.sample-inbox) .sample-inbox-mobile-folder-menu>button{min-width:0;color:var(--color-text-muted);border-radius:var(--radius-pill);text-align:center;white-space:nowrap;background:0 0;border:0;padding:.2rem .1rem;font-size:.52rem;transition:color .14s,background-color .14s}.element-preview:has(.sample-inbox) .sample-inbox-mobile-folder-menu>button[aria-pressed=true]{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.element-preview:has(.sample-inbox) .sample-inbox-message-list{grid-template-rows:auto auto minmax(0,1fr)}@container (width<=40rem){.sample-inbox-workspace{grid-template-columns:minmax(0,.9fr) .45rem minmax(0,1.1fr)}.sample-inbox-sidebar,.sample-inbox-sidebar-splitter,.sample-inbox-sidebar-toggle,.sample-inbox-toolbar-tracking{display:none!important}.sample-inbox-mobile-folder-menu{border-bottom:1px solid var(--color-border);gap:.2rem;padding:.35rem .45rem;display:flex;overflow-x:auto}.sample-inbox-mobile-folder-menu>button{color:var(--color-text-muted);border-radius:var(--radius-pill);background:0 0;border:0;flex:none;padding:.25rem .4rem;font-size:.58rem;transition:color .14s,background-color .14s}.sample-inbox-mobile-folder-menu>button[aria-pressed=true]{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-inbox-message-list{grid-template-rows:auto auto minmax(0,1fr)}}@container (width<=23rem){.sample-inbox{min-height:19rem}.sample-inbox-workspace{grid-template-columns:minmax(0,1fr)}.sample-inbox-list-splitter,.sample-inbox-message-detail,.sample-inbox.is-detail-open .sample-inbox-message-list{display:none}.sample-inbox.is-detail-open .sample-inbox-message-detail{animation:.19s cubic-bezier(.22,1,.36,1) both inbox-detail-enter;display:grid}.sample-inbox-back{display:inline-flex!important}.sample-inbox-detail-content{padding:.75rem}@keyframes inbox-detail-enter{0%{opacity:.75;transform:translate(5px)}to{opacity:1;transform:translate(0)}}}@media (prefers-reduced-motion:reduce){.sample-inbox *,.sample-inbox :before,.sample-inbox :after{transition:none!important;animation:none!important}}.sample-scroll-shell{width:min(100%,34rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:.65rem;padding:.8rem;display:grid;box-shadow:0 .4rem 1.1rem #443a3b12}.sample-scroll-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sample-scroll-header>div{gap:.15rem;display:grid}.sample-scroll-header small{color:var(--color-text-muted);letter-spacing:.08em;font-size:.64rem;font-weight:700}.sample-scroll-header strong{font-size:.9rem}.sample-scroll-mode{min-height:2rem;color:var(--color-scout-blue-strong);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.68rem;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s;display:inline-flex}.sample-scroll-mode:hover{background:var(--color-surface-muted)}.sample-scroll-mode[aria-pressed=true]{background:var(--color-scout-blue-soft);border-color:var(--color-scout-blue)}.sample-scroll-mode>.ui-icon{width:.9rem;height:.9rem;display:inline-flex}.sample-scroll-body{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);min-height:10rem;max-height:14rem;display:flex;position:relative;overflow:hidden}.sample-scroll-view{overscroll-behavior-y:contain;scrollbar-width:none;flex:auto;min-width:0;height:10rem;overflow:auto}.sample-scroll-view::-webkit-scrollbar{display:none}.sample-scroll-view:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.sample-scroll-view ol{gap:0;margin:0;padding:.2rem .7rem;list-style:none;display:grid}.sample-scroll-view li{border-bottom:1px solid var(--color-border);grid-template-columns:4.3rem minmax(0,1fr);align-items:start;gap:.6rem;padding:.7rem .2rem;display:grid}.sample-scroll-view.has-scroll-motion li{opacity:0;transition:opacity .32s cubic-bezier(.2,.7,.25,1),transform .36s cubic-bezier(.22,1,.36,1);transition-delay:var(--scroll-entry-delay,0s);transform:translateY(6px)}.sample-scroll-view.has-scroll-motion li.is-visible{opacity:1;transform:translate(0,0)}.sample-scroll-view li:last-child{border-bottom:0}.sample-scroll-view time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;padding-top:.05rem;font-size:.65rem}.sample-scroll-view li>span{gap:.2rem;min-width:0;display:grid}.sample-scroll-view li b{font-size:.76rem;font-weight:650}.sample-scroll-view li small{color:var(--color-text-muted);font-size:.67rem;line-height:1.4}.sample-scroll-rail{background:var(--color-surface-muted);border-left:1px solid var(--color-border);cursor:pointer;touch-action:none;flex:0 0 .75rem;justify-content:center;margin-block:.3rem;display:flex;position:relative}.sample-scroll-rail:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.sample-scroll-rail>span{background:var(--color-border-strong);border-radius:var(--radius-pill);cursor:grab;min-height:1.5rem;position:absolute;top:0;left:.1rem;right:.1rem}.sample-scroll-rail.is-dragging>span{background:var(--color-scout-blue-strong);cursor:grabbing}.sample-scroll-shell[data-scroll-mode=overlay] .sample-scroll-rail{z-index:1;opacity:0;pointer-events:none;background:0 0;border:0;width:.85rem;margin:0;transition:opacity .2s cubic-bezier(.2,.7,.25,1);position:absolute;top:.25rem;bottom:.25rem;right:.25rem}.sample-scroll-rail>span{transition:background-color .15s}.sample-scroll-shell[data-scroll-mode=overlay] .sample-scroll-rail>span{background:color-mix(in srgb, var(--color-text) 42%, transparent);border:1px solid #ffffffbf;left:.2rem;right:.2rem}.sample-scroll-shell[data-scroll-mode=overlay] .sample-scroll-rail.is-dragging>span{background:var(--color-scout-blue-strong)}.sample-scroll-shell[data-scroll-mode=overlay] .sample-scroll-body:hover .sample-scroll-rail,.sample-scroll-shell[data-scroll-mode=overlay] .sample-scroll-body:focus-within .sample-scroll-rail,.sample-scroll-shell[data-scroll-mode=overlay] .sample-scroll-body.is-scrolling .sample-scroll-rail{opacity:1;pointer-events:auto}.sample-scroll-caption{color:var(--color-text-muted);margin:0;font-size:.68rem;line-height:1.4}.sample-scroll-status{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.sample-scroll-view.has-scroll-motion li{opacity:1;transition:none;transform:none}.sample-scroll-mode,.sample-scroll-rail>span,.sample-scroll-shell[data-scroll-mode=overlay] .sample-scroll-rail{transition:none}}.sample-search-demo{text-align:left;gap:.65rem;width:min(100%,30rem);display:grid;position:relative}.sample-search{min-width:0;color:var(--color-text-muted);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:.35rem;padding:.3rem .45rem;transition:border-color .15s,box-shadow .17s;display:flex;position:relative;box-shadow:0 1px 2px #443a3b0d}.sample-search:focus-within{border-color:var(--color-scout-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-scout-blue) 14%, transparent)}.sample-search>button{width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:0 0 2rem;place-items:center;padding:0;transition:color .14s,background-color .14s,transform .14s;display:grid}.sample-search>button:hover{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-search>button:active{transform:scale(.94)}.sample-search>button:focus-visible{outline:2px solid var(--color-scout-blue);outline-offset:2px}.sample-search>button .ui-icon{place-items:center;width:1.1rem;height:1.1rem;transition:transform .15s;display:grid}.sample-search-recent-trigger .ui-icon{transform:scale(.96)}.sample-search:focus-within .sample-search-recent-trigger .ui-icon{transform:scale(1)}.sample-search .sample-search-clear:not([hidden]){animation:.14s cubic-bezier(.2,.75,.25,1) both search-control-enter}.sample-search .sample-search-input{min-width:0;min-height:2.25rem;color:var(--color-text);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:auto;padding:.35rem .15rem}.sample-search .sample-search-input:focus{box-shadow:none;border:0;outline:none}.sample-search .sample-search-input::-webkit-search-cancel-button{display:none}.sample-search kbd{color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:4px;flex:none;padding:.16rem .35rem;font-family:inherit;font-size:.72rem;line-height:1.2}.sample-search-recents{z-index:10;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:.2rem;padding:.45rem;display:grid;position:absolute;top:calc(100% + .3rem);left:0;right:0;box-shadow:0 .55rem 1.2rem #443a3b21}.sample-search-recents:not([hidden]){transform-origin:top;animation:.16s cubic-bezier(.2,.75,.25,1) both search-menu-enter}.sample-search-menu-heading{color:var(--color-text-muted);letter-spacing:.06em;padding:.35rem .5rem .2rem;font-size:.66rem;font-weight:700}.sample-search-recent-list{gap:.1rem;display:grid}.sample-search-recents>button,.sample-search-recent-list>button{min-height:2.15rem;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:.35rem .5rem;font-size:.84rem;transition:color .13s,background-color .13s,transform .13s}.sample-search-recents>button:hover,.sample-search-recent-list>button:hover,.sample-search-recents [role=menuitem]:focus-visible{background:var(--color-scout-blue-soft);outline:2px solid var(--color-scout-blue);outline-offset:-2px}.sample-search-recents [role=menuitem]:hover{transform:translate(2px)}.sample-search-recents [data-search-recent-empty]{color:var(--color-text-muted);margin:0;padding:.45rem .5rem;font-size:.82rem}.sample-search-menu-separator{background:var(--color-border);height:1px;margin:.2rem 0}.sample-search-results{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;padding:.65rem .8rem}.sample-search-results>header{color:var(--color-text-muted);letter-spacing:.05em;justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.4rem;font-size:.68rem;font-weight:700;display:flex}.sample-search-results>header>span:last-child{letter-spacing:0;font-size:.72rem;font-weight:500}.sample-search-results ul{margin:0;padding:0;list-style:none;display:grid}.sample-search-results li{grid-template-columns:minmax(0,1fr) auto;gap:.08rem .65rem;min-width:0;padding:.48rem 0;display:grid}.sample-search-results li.is-entering{animation:search-result-enter .15s cubic-bezier(.2, .75, .25, 1) var(--search-result-delay,0s) both}.sample-search-results li+li{border-top:1px solid var(--color-border)}.sample-search-results li>strong,.sample-search-results li>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sample-search-results li>strong{color:var(--color-text);font-size:.86rem}.sample-search-results li>span{color:var(--color-text-muted);font-size:.76rem}.sample-search-results li>small{color:var(--color-text-muted);text-align:right;grid-area:1/2/span 2;align-self:center;font-size:.7rem}.sample-search-no-results{color:var(--color-text-muted);margin:0;padding:.55rem 0;font-size:.82rem}.sample-search-no-results.is-entering:not([hidden]){animation:.15s cubic-bezier(.2,.75,.25,1) both search-result-enter}.sample-search-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}@keyframes search-menu-enter{0%{opacity:0;transform:translateY(-.25rem)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes search-control-enter{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes search-result-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sample-search,.sample-search>button,.sample-search>button .ui-icon,.sample-search-recent-list>button{transition:none}.sample-search .sample-search-clear:not([hidden]),.sample-search-recents:not([hidden]),.sample-search-results li.is-entering,.sample-search-no-results.is-entering:not([hidden]){animation:none}.sample-search-recents [role=menuitem]:hover{transform:none}}.sample-save-panel{width:min(100%,42rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:.7rem;gap:.85rem;padding:1rem;display:grid;position:relative;box-shadow:0 .55rem 1.5rem #192a4014}.sample-save-panel[hidden]{display:none!important}.sample-save-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.sample-save-heading{flex:16rem;align-items:center;gap:.65rem;min-width:0;display:flex}.sample-save-heading>.ui-icon{width:2.35rem;height:2.35rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-radius:.5rem;flex:0 0 2.35rem;place-items:center;display:grid}.sample-save-heading>span{gap:.08rem;min-width:0;display:grid}.sample-save-heading strong{font-size:.96rem}.sample-save-heading small{color:var(--color-text-muted);font-size:.74rem}.sample-save-panel button{min-width:0;min-height:2.35rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);font:inherit;cursor:pointer;border-radius:.42rem;justify-content:flex-start;align-items:center;gap:.45rem;padding:.38rem .6rem;font-size:.79rem;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.sample-save-panel button:hover:not(:disabled){background:var(--color-surface-muted)}.sample-save-panel button:disabled{opacity:.52;cursor:not-allowed}.sample-save-panel .ui-icon{flex:0 0 1rem;width:1rem;height:1rem}.sample-save-disclosure{flex:none;color:var(--color-scout-blue-strong)!important;background:var(--color-scout-blue-soft)!important;border-color:var(--color-scout-blue-border)!important;font-weight:600!important}.sample-save-choice-trigger .sample-save-chevron{transition:transform .16s cubic-bezier(.2,.8,.2,1)}.sample-save-choice-trigger[aria-expanded=true] .sample-save-chevron{transform:rotate(180deg)}.sample-save-name{color:var(--color-text-muted);gap:.28rem;font-size:.72rem;font-weight:600;display:grid}.sample-save-name input{width:100%;min-width:0;min-height:2.55rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border-strong);font:inherit;border-radius:.42rem;padding:.48rem .65rem;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.sample-save-options{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.7rem;min-width:0;display:grid}.sample-save-choice{gap:.28rem;min-width:0;display:grid;position:relative}.sample-save-choice>span{color:var(--color-text-muted);font-size:.72rem;font-weight:600}.sample-save-choice-trigger{width:100%}.sample-save-choice-trigger [data-save-location-label],.sample-save-choice-trigger [data-save-format-label]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sample-save-choice-trigger .sample-save-chevron{width:.85rem;height:.85rem;color:var(--color-text-muted);flex-basis:.85rem;margin-left:auto}.sample-save-menu{z-index:8;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);transform-origin:top;border-radius:.48rem;gap:.12rem;padding:.28rem;display:grid;position:absolute;top:calc(100% + .25rem);left:0;right:0;box-shadow:0 .65rem 1.3rem #192a4024}.sample-save-menu:not([hidden]){animation:.16s cubic-bezier(.2,.8,.2,1) both save-menu-enter}.sample-save-choice:has(.sample-save-menu:not([hidden])){z-index:8}.sample-save-menu:not([hidden]){width:100%;position:relative;inset:auto}.sample-save-menu[hidden],.sample-save-browser[hidden]{display:none!important}.sample-save-menu>button{border-color:#0000;width:100%}.sample-save-menu>button[aria-checked=true]{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-save-menu>button>small{color:var(--color-text-muted);margin-left:auto;font-size:.7rem}.sample-save-browser{background:var(--color-white);border:1px solid var(--color-border);border-radius:.5rem;grid-template-columns:minmax(9.5rem,.34fr) minmax(0,1fr);min-width:0;animation:.18s cubic-bezier(.2,.8,.2,1) both save-browser-enter;display:grid;overflow:hidden}.sample-save-browser>nav{background:var(--color-surface-muted);border-right:1px solid var(--color-border);align-content:start;gap:.15rem;padding:.55rem;display:grid}.sample-save-browser>nav>span{color:var(--color-text-muted);letter-spacing:.06em;padding:.15rem .4rem .25rem;font-size:.62rem;font-weight:700}.sample-save-browser>nav>button{border-color:#0000;min-height:2rem;padding:.25rem .4rem;font-size:.74rem}.sample-save-browser>nav>button[aria-current=location]{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-save-file-area{align-content:start;min-width:0;max-height:9.5rem;display:grid;overflow:auto}.sample-save-file-area>header{min-height:2rem;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);align-items:center;gap:.4rem;padding:.38rem .6rem;font-size:.73rem;display:flex}.sample-save-file-area>header>strong{color:var(--color-text)}.sample-save-file-area ul{margin:0;padding:.3rem;list-style:none;display:grid}.sample-save-file-area li{min-width:0;color:var(--color-text);border-radius:.3rem;align-items:center;gap:.45rem;padding:.28rem .38rem;font-size:.72rem;display:flex}.sample-save-file-area li:hover{background:var(--color-scout-blue-soft)}.sample-save-file-area li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sample-save-file-area li>.ui-icon{color:var(--color-scout-blue)}.sample-save-hint{color:var(--color-text-muted);margin:0;font-size:.68rem}.sample-save-footer{border-top:1px solid var(--color-border);justify-content:end;gap:.5rem;padding-top:.2rem;display:flex}.sample-save-footer>button[data-action=save-demo]{color:var(--color-white);background:var(--color-scout-blue);border-color:var(--color-scout-blue);font-weight:600}.sample-save-footer>button[data-action=save-demo]:hover:not(:disabled){background:var(--color-scout-blue-strong)}.sample-save-validity{color:var(--color-auditor-red);margin:-.55rem 0 0;font-size:.7rem}.sample-save-reopen{color:var(--color-scout-blue-strong);background:var(--color-white);border:1px solid var(--color-scout-blue-border);font:inherit;cursor:pointer;border-radius:.42rem;font-size:.82rem;font-weight:600}.sample-save-feedback{max-width:min(100%,34rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-left:3px solid var(--color-builder-green);border-radius:.5rem;margin:0;padding:.75rem .9rem;font-size:.84rem;box-shadow:0 .45rem 1.2rem #192a4014}.ui-sample.sample-save-demo{align-content:center;justify-items:center;gap:.7rem;display:grid}@keyframes save-menu-enter{0%{opacity:0;transform:translateY(-.22rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes save-browser-enter{0%{opacity:0;transform:translateY(-.2rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sample-save-panel button,.sample-save-choice-trigger .sample-save-chevron,.sample-save-name input,.sample-save-menu:not([hidden]),.sample-save-browser,.element-preview:has(.sample-save-panel),.element-preview .ui-sample:has(.sample-save-panel),.element-demo-stage:has(.sample-save-panel),.element-demo-stage .ui-sample:has(.sample-save-panel){transition:none;animation:none}}@media (width<=34rem){.sample-save-panel{gap:.65rem;padding:.72rem}.sample-save-header{align-items:start}.sample-save-heading small{max-width:15rem}.sample-save-options{grid-template-columns:minmax(0,1fr);gap:.5rem}.sample-save-browser{grid-template-columns:minmax(0,1fr)}.sample-save-browser>nav{border-right:0;border-bottom:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));padding:.35rem}.sample-save-browser>nav>span{grid-column:1/-1}.sample-save-browser>nav>button{gap:.28rem;padding-inline:.28rem;font-size:.68rem}.element-preview:has(.sample-save-menu:not([hidden])){min-height:34rem}.element-preview .ui-sample:has(.sample-save-menu:not([hidden])){min-height:32rem}.element-demo-stage:has(.sample-save-menu:not([hidden])){min-height:34rem}.element-demo-stage .ui-sample:has(.sample-save-menu:not([hidden])){min-height:32rem}}.sample-delete-sheet footer{justify-content:end;gap:.7rem;padding-top:.3rem;font-size:.72rem;display:flex}.sample-delete-sheet footer b{color:var(--color-white);background:var(--color-scout-blue);border-radius:3px;padding:.3rem .55rem}.sample-token-field{width:100%;min-width:0;max-width:30rem;color:var(--color-text);grid-template-columns:minmax(0,1fr);gap:.45rem;display:grid;position:relative}.sample-token-field>label{color:var(--color-text-strong);font-size:.9rem;font-weight:650}.sample-token-entry{background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;min-height:3.25rem;padding:.45rem;transition:border-color .16s,box-shadow .17s;display:flex;position:relative}.sample-token-entry:focus-within{border-color:var(--color-scout-blue);box-shadow:0 0 0 3px #255b9126}.sample-token-list{flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0;display:flex}.sample-token-pill{min-width:0;max-width:100%;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:1px solid #0000;border-radius:4px;align-items:center;transition:border-color .14s,box-shadow .14s,transform .14s;display:inline-flex;overflow:hidden}.sample-token-pill:has(.sample-token-select[aria-pressed=true]){border-color:var(--color-scout-blue-border);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-scout-blue) 14%, transparent);transform:translateY(-1px)}.sample-token-pill.is-entering{animation:sample-token-enter .15s cubic-bezier(.2, .7, .2, 1) var(--token-enter-delay,0s) both}.sample-token-pill.is-removing{pointer-events:none;animation:.12s cubic-bezier(.4,0,1,1) both sample-token-exit}.sample-token-select{min-width:0;color:inherit;font:inherit;text-align:left;overflow-wrap:anywhere;background:0 0;border-radius:3px;padding:.3rem .45rem;font-size:.83rem;transition:color .14s,background-color .14s}.sample-token-select[aria-pressed=true]{color:var(--color-white);background:var(--color-scout-blue-strong)}.sample-token-pill>button:focus-visible{outline:2px solid var(--color-scout-blue);outline-offset:-2px}.sample-token-remove{width:1.7rem;min-height:1.8rem;color:var(--color-scout-blue-strong);border-radius:3px;flex:none;place-items:center;padding:.2rem;transition:background-color .13s,transform .13s;display:grid}.sample-token-remove:hover{background:#ffffffb8}.sample-token-remove:active{transform:scale(.9)}.sample-token-remove .ui-icon{width:.95rem;height:.95rem}.sample-token-options{z-index:12;width:min(100%,24rem);max-height:13rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:.15rem;padding:.3rem;display:grid;position:absolute;top:calc(100% + .3rem);left:0;overflow:auto;box-shadow:0 .55rem 1.1rem #443a3b24}.sample-token-options:not([hidden]){transform-origin:0 0;animation:.15s cubic-bezier(.2,.75,.25,1) both sample-token-options-enter}.sample-token-option{min-width:0;color:var(--color-text);text-align:left;border-radius:3px;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .55rem;transition:background-color .13s,transform .13s;display:flex}.sample-token-option[aria-selected=true],.sample-token-option:hover{background:var(--color-scout-blue-soft)}.sample-token-option:hover{transform:translate(2px)}.sample-token-option>span{font-weight:600}.sample-token-option>small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.sample-token-hint,.sample-token-message{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0;font-size:.78rem;line-height:1.45}.sample-token-hint{text-wrap:pretty}.sample-token-message:not([hidden]){color:var(--color-scout-blue-strong);animation:.14s ease-out both sample-token-message-enter}@keyframes sample-token-enter{0%{opacity:0;transform:translateY(2px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sample-token-exit{to{opacity:0;transform:translateY(-2px)scale(.94)}}@keyframes sample-token-options-enter{0%{opacity:0;transform:translateY(-.2rem)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sample-token-message-enter{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sample-token-entry,.sample-token-pill,.sample-token-select,.sample-token-remove,.sample-token-option{transition:none}.sample-token-pill.is-entering,.sample-token-pill.is-removing,.sample-token-options:not([hidden]),.sample-token-message:not([hidden]){animation:none}.sample-token-pill:has(.sample-token-select[aria-pressed=true]),.sample-token-option:hover,.sample-token-remove:active{transform:none}}.sample-combo-button{color:var(--color-white);background:var(--color-scout-blue);border-radius:var(--radius-sm);align-items:stretch;display:inline-flex;position:relative}.ui-sample.sample-combo-demo{align-content:center;justify-items:center;gap:.7rem;display:grid}.sample-combo-button>button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);min-width:4.5rem;padding:.55rem .85rem;font-weight:600}.sample-combo-button>button{transition:background-color .15s,transform .12s}.sample-combo-button>button:active{transform:translateY(1px)}.sample-combo-button>button[aria-haspopup=menu]{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:1px solid #ffffff59;flex:none;place-items:center;width:2.65rem;padding:0;display:grid}.sample-combo-button>button:hover{background:#ffffff1f}.sample-combo-button>button[aria-haspopup=menu] .ui-icon{transition:transform .18s cubic-bezier(.2,.75,.25,1)}.sample-combo-button>button[aria-haspopup=menu][aria-expanded=true] .ui-icon{transform:rotate(180deg)}.sample-combo-menu{z-index:8;box-sizing:border-box;width:max-content;min-width:min(11rem,100vw - 2rem);max-width:min(15rem,100vw - 2rem);position:absolute;top:calc(100% + .3rem);left:0}.sample-combo-menu[data-motion=opening]{transform-origin:0 0;animation:.16s cubic-bezier(.2,.75,.25,1) both sample-combo-menu-in}.sample-combo-menu[data-motion=closing]{transform-origin:0 0;pointer-events:none;animation:.13s cubic-bezier(.4,0,1,1) both sample-combo-menu-out}.sample-combo-menu button{transition:background-color .13s}.sample-combo-button .ui-icon{color:var(--color-white)!important}@keyframes sample-combo-menu-in{0%{opacity:0;transform:translateY(-.2rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sample-combo-menu-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-.12rem)scale(.99)}}@media (prefers-reduced-motion:reduce){.sample-combo-button>button,.sample-combo-button>button[aria-haspopup=menu] .ui-icon,.sample-combo-menu button{transition:none}.sample-combo-menu[data-motion=opening],.sample-combo-menu[data-motion=closing]{animation:none}}.sample-level-indicator{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));align-items:stretch;gap:.75rem;width:min(100%,52rem);display:grid}.sample-level-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-content:start;gap:.75rem;min-width:0;padding:1rem;display:grid}.sample-level-heading{justify-content:space-between;align-items:center;gap:.4rem;min-height:1.5rem;display:flex}.sample-level-heading b{font-size:.84rem}.sample-level-heading output{color:var(--color-text-muted);text-align:right;white-space:nowrap;flex:none;font-size:.62rem}.sample-level-rating-group{align-items:center;gap:.2rem;display:flex}.sample-level-star{width:2.35rem;height:2.35rem;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:color .16s,transform .16s,background-color .16s;display:grid}.sample-level-star:hover{color:var(--color-warning-accent);background:var(--color-warning-background);transform:translateY(-1px)}.sample-level-star.is-selected{color:var(--color-warning-accent)}.sample-level-star:hover .ui-icon,.sample-level-star.is-selected .ui-icon{color:var(--color-warning-accent);fill:currentColor}.sample-level-star:active{transform:scale(.92)}.sample-level-star .ui-icon{width:1.2rem;height:1.2rem;transition:fill .17s,transform .17s cubic-bezier(.2,.7,.2,1)}.sample-level-star.is-selected .ui-icon{transform:scale(1.04)}.sample-level-meter{grid-template-columns:repeat(10,minmax(0,1fr));gap:.18rem;height:.72rem;display:grid}.sample-level-meter>span{background:var(--color-surface-muted);opacity:.76;transform-origin:50%;transition:background-color .19s,opacity .19s,transform .19s cubic-bezier(.2,.7,.2,1);transition-delay:var(--sample-level-delay,0s);border-radius:999px;transform:scaleY(.82)}.sample-level-meter>span.is-filled{background:var(--color-success-accent);opacity:1;transform:scaleY(1)}.sample-level-meter[data-level-kind=relevance]>span.is-filled{background:var(--color-scout-blue)}.sample-level-meter[data-level-state=warning]>span.is-filled{background:var(--color-warning-accent)}.sample-level-meter[data-level-state=critical]>span.is-filled{background:var(--color-error-accent)}.sample-level-adjust{color:var(--color-text-muted);gap:.25rem;font-size:.72rem;display:grid}.sample-level-adjust input{width:100%;accent-color:var(--color-scout-blue);cursor:pointer;margin:.1rem 0 0}.sample-level-card>small{color:var(--color-text-muted);font-size:.68rem}@media (width<=680px){.sample-level-indicator{grid-template-columns:1fr}.sample-level-heading{flex-direction:column;align-items:flex-start;gap:.15rem}.sample-level-heading output{text-align:left}.sample-level-star{width:1.9rem;height:1.9rem}}@media (prefers-reduced-motion:reduce){.sample-level-star,.sample-level-star .ui-icon,.sample-level-meter>span{transition:none}.sample-level-star:hover,.sample-level-star:active,.sample-level-star.is-selected .ui-icon{transform:none}}.sample-column-browser{width:100%;min-width:0;color:var(--color-text)}.sample-column-toolbar{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;margin-bottom:.55rem;display:flex}.sample-column-toolbar>strong{align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.sample-column-toolbar>strong>.ui-icon{width:.9rem;height:.9rem;color:var(--color-scout-blue)}.sample-column-toolbar>output{color:var(--color-text-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.sample-column-view{overscroll-behavior-x:contain;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);scrollbar-color:var(--color-border-strong) var(--color-surface-muted);scrollbar-width:thin;scroll-behavior:smooth;width:100%;min-width:0;min-height:14rem;display:flex;overflow:auto hidden}.sample-column-pane{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex:0 0 clamp(10rem,28%,15rem);gap:.35rem;min-width:10rem;padding:.6rem;display:flex}.sample-column-pane:last-child{border-right:0}.sample-column-heading{color:var(--color-text-muted);letter-spacing:.04em;text-transform:none;padding:.1rem .25rem .25rem;font-size:.65rem;font-weight:700}.sample-column-pane [role=listbox]{align-content:start;gap:.15rem;display:grid}.sample-column-item{border-radius:var(--radius-sm);width:100%;min-width:0;min-height:2rem;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.45rem;padding:.35rem .4rem;font-size:.7rem;transition:background-color .12s,border-color .12s,color .12s;display:flex}.sample-column-item>.ui-icon{width:.85rem;height:.85rem;color:var(--color-text-muted);flex:none}.sample-column-item>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sample-column-item>.sample-column-branch{width:.75rem;height:.75rem;color:var(--color-text-muted);margin-left:auto}.sample-column-item:hover{background:var(--color-surface-muted)}.sample-column-item[aria-selected=true]{border-color:var(--color-scout-blue-border);background:var(--color-scout-blue-soft);color:var(--color-scout-blue-strong)}.sample-column-item[aria-selected=true]>.ui-icon{color:var(--color-scout-blue-strong)}.sample-column-item:focus-visible,.sample-column-view:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sample-column-pane.is-entering{animation:.16s ease-out both sample-column-arrive}.sample-column-status{color:var(--color-text-muted);margin:.55rem 0 0;font-size:.68rem;line-height:1.45}@keyframes sample-column-arrive{0%{opacity:0;transform:translate(.45rem)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.sample-column-view{scroll-behavior:auto}.sample-column-pane.is-entering{animation:none}.sample-column-item{transition:none}}.sample-outline{gap:.1rem;width:min(100%,20rem);display:grid}.sample-outline-node{min-width:0;color:var(--color-text);cursor:default;border-radius:3px}.sample-outline-row{border-radius:3px;align-items:center;gap:.35rem;min-height:2.2rem;padding:.35rem .55rem;font-size:.88rem;display:flex}.sample-outline-row:hover{background:var(--color-surface-muted)}.sample-outline-node.is-current>.sample-outline-row{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-outline-node:focus-visible>.sample-outline-row{outline:3px solid var(--color-focus);outline-offset:2px}.sample-outline-disclosure{flex:none;place-items:center;width:1rem;height:1rem;display:grid}.sample-outline-disclosure .ui-icon{width:.9rem;height:.9rem;transition:transform .12s}.sample-outline-node[aria-expanded=true]>.sample-outline-row .sample-outline-disclosure .ui-icon{transform:rotate(90deg)}.sample-outline-disclosure.is-leaf{width:1rem}.sample-outline-children{border-left:1px solid var(--color-border-strong);margin-left:1rem;padding-left:.35rem}.sample-outline-children[hidden]{display:none}.sample-outline-children.is-entering{animation:.14s ease-out both sample-outline-reveal}@keyframes sample-outline-reveal{0%{opacity:0;transform:translateY(-.2rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sample-outline-children.is-entering{animation:none}.sample-outline-disclosure .ui-icon{transition:none}}.sample-menu-bar-demo{gap:.45rem;width:min(100%,54rem);display:grid;position:relative;container-type:inline-size}.sample-menu-bar{width:100%;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.35rem .45rem;font-size:.84rem;display:grid;position:relative;box-shadow:0 .2rem .55rem #443a3b0d}.sample-menu-bar-leading,.sample-menu-bar-status,.sample-menu-bar-app-menus{align-items:center;gap:.12rem;min-width:0;display:flex}.sample-menu-bar-active-app{color:var(--color-scout-blue-strong);border-right:1px solid var(--color-border);white-space:nowrap;padding-inline:.35rem .5rem;font-weight:700}.sample-menu-bar .sample-menu-bar-apple,.sample-menu-bar .sample-menu-bar-extra,.sample-menu-bar .sample-menu-bar-app-menus>button{min-width:2.15rem;min-height:2.15rem;color:var(--color-text);text-align:center;white-space:nowrap;background:0 0;border:0;border-radius:.38rem;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .48rem;transition:color .15s,background-color .15s,transform .15s;display:inline-flex}.sample-menu-bar .sample-menu-bar-apple{min-width:2.2rem}.sample-menu-bar .sample-menu-bar-apple-logo{justify-content:center;align-items:center;width:1rem;height:1rem;display:inline-flex}.sample-menu-bar .sample-menu-bar-apple-logo svg{width:100%;height:100%;display:block}.sample-menu-bar .sample-menu-bar-status{justify-content:flex-end;gap:.12rem}.sample-menu-bar .sample-menu-bar-extra{min-width:2.25rem}.sample-menu-bar .sample-menu-bar-battery{gap:.28rem;font-size:.76rem}.sample-menu-bar .sample-menu-bar-extra .ui-icon{width:1rem;height:1rem}.sample-menu-bar time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-start:.25rem;padding-inline:.38rem .2rem}.sample-menu-bar .sample-menu-bar-apple:hover,.sample-menu-bar .sample-menu-bar-extra:hover,.sample-menu-bar .sample-menu-bar-app-menus>button:hover,.sample-menu-bar [aria-expanded=true],.sample-menu-bar .sample-menu-bar-app-menus>button:focus-visible{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-menu-bar-panel{z-index:6;top:calc(100% + .3rem);left:var(--sample-menu-bar-left,.45rem);width:min(18rem,100%,100vw - 2rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);transform-origin:0 0;border-radius:.55rem;padding:.35rem;display:grid;position:absolute;box-shadow:0 .65rem 1.35rem #443a3b24}.sample-menu-bar-panel[data-motion=opening]{animation:.17s cubic-bezier(.2,.8,.2,1) both sample-menu-bar-enter}.sample-menu-bar-panel[data-motion=closing]{pointer-events:none;animation:.12s cubic-bezier(.4,0,1,1) both sample-menu-bar-exit}.sample-menu-bar-panel[data-open=true]>[role=menuitem]{animation:sample-menu-bar-item-enter .145s cubic-bezier(.2, .8, .2, 1) calc(var(--menu-item-index,0) * 12ms) both}.sample-menu-bar-panel button{min-width:0;min-height:2.15rem;color:var(--color-text);text-align:left;background:0 0;border:0;border-radius:.3rem;justify-content:space-between;align-items:center;gap:1.25rem;padding:.42rem .55rem;transition:color .14s,background-color .14s,transform .14s;display:flex}.sample-menu-bar-panel button kbd,.sample-menu-bar-panel button small{color:var(--color-text-muted);flex:none;font-family:inherit;font-size:.72rem}.sample-menu-bar-panel button.is-current,.sample-menu-bar-panel button:focus-visible{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);outline:none}.sample-menu-bar-panel button:hover,.sample-menu-bar-panel button.is-current,.sample-menu-bar-panel button:focus-visible{transform:translate(2px)}.sample-menu-bar-panel button.is-current kbd,.sample-menu-bar-panel button.is-current small,.sample-menu-bar-panel button:focus-visible kbd,.sample-menu-bar-panel button:focus-visible small{color:inherit}.sample-menu-bar-separator{border-top:1px solid var(--color-border);margin:.22rem .35rem}.sample-menu-bar-caption{min-height:1.25rem;color:var(--color-text-muted);margin:.45rem 0 0;font-size:.74rem;line-height:1.5}.sample-menu-bar-demo:has(.sample-menu-bar-panel:not([hidden])) .sample-menu-bar-caption{margin-top:12.75rem}@container (width<=38rem){.sample-menu-bar{grid-template-columns:minmax(0,1fr);row-gap:.1rem}.sample-menu-bar-leading,.sample-menu-bar-app-menus{flex-wrap:wrap}.sample-menu-bar-status{flex-wrap:wrap;justify-content:flex-start}}@keyframes sample-menu-bar-enter{0%{opacity:0;transform:translateY(-.2rem)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sample-menu-bar-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-.1rem)scale(.99)}}@keyframes sample-menu-bar-item-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sample-menu-bar-panel[data-motion=opening],.sample-menu-bar-panel[data-motion=closing],.sample-menu-bar-panel[data-open=true]>[role=menuitem]{animation:none}.sample-menu-bar button,.sample-menu-bar-panel button{transition:none}}.sample-context-demo{gap:.55rem;width:min(100%,38rem);display:grid;container-type:inline-size}.sample-context-instruction,.sample-context-feedback{color:var(--color-text-muted);margin:0;font-size:.76rem;line-height:1.45}.sample-context-instruction{inset-inline:.75rem;text-align:center;pointer-events:none;position:absolute;bottom:.55rem}.sample-context-feedback{min-height:1.1rem;color:var(--color-scout-blue-strong);text-align:center}.sample-context-stage{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);place-items:center;min-height:13rem;padding:1rem 1rem 2.2rem;display:grid;position:relative}.sample-context-target{width:min(8rem,100% - 1rem);min-height:6.5rem;color:var(--color-text);border-radius:var(--radius-sm);text-align:center;background:0 0;border:1px solid #0000;align-content:center;justify-items:center;gap:.45rem;padding:.75rem;transition:background-color .13s,border-color .13s,transform .13s;display:grid}.sample-context-target:hover,.sample-context-target.is-selected,.sample-context-target[aria-expanded=true]{background:var(--color-scout-blue-soft);border-color:var(--color-scout-blue-border)}.sample-context-target:focus-visible{outline:2px solid var(--color-scout-blue);outline-offset:2px}.sample-context-target:active{transform:scale(.98)}.sample-context-target>.ui-icon{width:2rem;height:2rem;color:var(--color-scout-blue)}.sample-context-target>span{gap:.05rem;min-width:0;display:grid}.sample-context-target strong{font-size:.83rem;font-weight:600}.sample-context-target small{color:var(--color-text-muted);font-size:.72rem}.sample-context-menu,.sample-context-submenu-panel{z-index:5;width:min(15rem,100% - 1rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:.1rem;padding:.35rem;display:grid;position:absolute;box-shadow:0 .55rem 1.4rem #443a3b26}.sample-context-menu[hidden],.sample-context-submenu-panel[hidden]{display:none}.sample-context-menu{max-height:calc(100% - 1rem);overflow:visible}.sample-context-menu[data-open=true]{transform-origin:0 0;animation:.13s cubic-bezier(.2,.75,.25,1) both sample-context-enter}.sample-context-menu [role=menuitem]{width:100%;min-width:0;min-height:2.35rem;color:inherit;text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem .55rem;display:flex}.sample-context-menu [role=menuitem]:hover,.sample-context-menu [role=menuitem].is-current,.sample-context-menu [role=menuitem]:focus-visible{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);outline:none}.sample-context-menu [role=menuitem] kbd{color:var(--color-text-muted);flex:none;font-family:inherit;font-size:.75em}.sample-context-menu .is-danger{color:var(--color-auditor-red)}.sample-context-separator{background:var(--color-border);height:1px;margin:.2rem .3rem}.sample-context-submenu{position:relative}.sample-context-submenu>[role=menuitem]>.ui-icon{width:.9rem;height:.9rem;color:var(--color-text-muted)}.sample-context-submenu-panel{width:12.5rem;top:-.35rem;left:calc(100% + .35rem)}.sample-context-submenu-panel[data-align=left]{left:auto;right:calc(100% + .35rem)}.sample-context-submenu-panel:not([hidden]){transform-origin:0 0;animation:.11s ease-out both sample-context-enter}@container (width<=32rem){.sample-context-stage{min-height:12rem}.sample-context-menu{width:11.25rem}.sample-context-submenu-panel{width:8.5rem}}@keyframes sample-context-enter{0%{opacity:0;transform:translateY(-.25rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.sample-context-menu[data-open=true],.sample-context-submenu-panel:not([hidden]){animation:none}.sample-context-target{transition:none}}.sample-combo-feedback,.sample-toolbar-feedback,.sample-save-feedback{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);border-radius:var(--radius-sm);text-align:center;margin:0;padding:.55rem .7rem}.sample-combo-feedback,.sample-save-feedback{width:min(100%,24rem)}.sample-toolbar-feedback{width:100%}.element-demo-stage .ui-sample .sample-feedback-status{font-size:.9rem}.sample-disclosure{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:.15rem;width:min(100%,27rem);padding:.55rem;display:grid}.sample-disclosure-branch{min-width:0}.sample-disclosure-row{width:100%;min-width:0;min-height:2.65rem;color:var(--color-text);text-align:left;background:0 0;border-radius:3px;grid-template-columns:1rem 1.1rem minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.35rem .55rem;display:grid}.sample-disclosure-row:hover{background:var(--color-surface-muted)}.sample-disclosure-indicator{color:var(--color-scout-blue);transition:transform .17s cubic-bezier(.2,.8,.2,1)}.sample-disclosure-row[aria-expanded=true] .sample-disclosure-indicator{transform:rotate(90deg)}.sample-disclosure-folder{color:var(--color-scout-blue)}.sample-disclosure-row b{min-width:0}.sample-disclosure-row small{color:var(--color-text-muted);white-space:nowrap}.sample-disclosure-children{border-left:1px solid var(--color-border-strong);gap:.05rem;margin-left:1.35rem;padding:.1rem 0 .2rem 1.25rem;display:grid}.sample-disclosure-children[hidden]{display:none}.sample-disclosure-file{min-width:0;min-height:2.25rem;color:var(--color-text-muted);align-items:center;gap:.55rem;padding:.35rem .5rem;display:flex}.sample-disclosure-file .ui-icon{color:var(--color-scout-blue);flex:none}.sample-disclosure-file span{overflow-wrap:anywhere;min-width:0}@media (prefers-reduced-motion:reduce){.sample-disclosure-indicator{transition:none}}.sample-dock{gap:.8rem;width:min(100%,28rem);display:grid}.sample-dock-shelf{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:.75rem;justify-content:center;align-items:center;gap:.65rem;min-height:6rem;padding:.8rem;display:flex}.sample-dock-app{width:3.25rem;height:3.25rem;color:var(--color-scout-blue-strong);background:var(--color-white);border:1px solid var(--color-border);border-radius:.7rem;flex:0 0 3.25rem;place-items:center;display:grid;position:relative;box-shadow:0 .2rem .45rem #443a3b17}.sample-dock-app>.ui-icon{width:1.45rem;height:1.45rem}.sample-dock-badge{box-sizing:border-box;min-width:1.08rem;height:1.08rem;color:var(--color-white);background:var(--color-auditor-red);border:2px solid var(--color-surface-muted);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;text-align:center;transform-origin:50%;place-items:center;padding:0 .16rem;font-size:.56rem;font-weight:700;line-height:1;display:grid;position:absolute;top:-.32rem;right:-.32rem}.sample-dock-badge[hidden]{display:none}.sample-dock-neighbor{width:2.65rem;height:2.65rem;color:var(--color-text-muted);background:var(--color-white);border:1px solid var(--color-border);border-radius:.65rem;flex:0 0 2.65rem;place-items:center;display:grid}.sample-dock-neighbor>.ui-icon{width:1.2rem;height:1.2rem}.sample-dock-caption{min-width:0;color:var(--color-text);justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.sample-dock-caption>span{color:var(--color-text-muted);font-size:.8rem}.sample-dock-controls{flex-wrap:wrap;gap:.45rem;display:flex}.sample-dock-controls button{min-height:2.25rem;color:var(--color-scout-blue-strong);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.78rem;font-weight:600;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.sample-dock-controls button:hover{background:var(--color-scout-blue-soft);border-color:var(--color-scout-blue-border)}.sample-dock-controls button:disabled{color:var(--color-text-muted);background:var(--color-surface);cursor:not-allowed}.sample-dock-controls .ui-icon{flex:0 0 .9rem;align-self:center;width:.9rem;height:.9rem;display:block}.sample-dock-controls [data-action=dock-request-attention]{color:var(--color-auditor-red-strong)}.sample-dock-note{color:var(--color-text-muted);margin:0;font-size:.74rem;line-height:1.45}.sample-dock-app.is-bouncing{animation:.62s cubic-bezier(.25,.65,.35,1) both sample-dock-bounce}@keyframes sample-dock-bounce{0%,to{transform:translateY(0)}24%{transform:translateY(-.7rem)}42%{transform:translateY(0)}62%{transform:translateY(-.3rem)}80%{transform:translateY(0)}}.element-demo-stage .ui-sample .sample-dock-badge{font-size:.56rem}.element-demo-stage .ui-sample .sample-dock-controls button{font-size:.78rem}.element-demo-stage .ui-sample .sample-dock-note{font-size:.74rem}@media (prefers-reduced-motion:reduce){.sample-dock-app.is-bouncing{animation:none}.sample-dock-controls button{transition:none}}.sample-focus-macos{background:var(--color-white);border:1px solid var(--color-border);border-radius:.75rem;gap:.85rem;width:min(100%,27rem);padding:1rem;display:grid;box-shadow:0 .35rem 1rem #443a3b14}.sample-focus-macos>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sample-focus-macos>header>div{gap:.22rem;display:grid}.sample-focus-macos>header span{color:var(--color-text-muted);letter-spacing:.08em;font-size:.64rem;font-weight:700}.sample-focus-macos>header strong{color:var(--color-text);font-size:.95rem}.sample-focus-macos>header>small{color:var(--color-text-muted);background:var(--color-surface-muted);border-radius:var(--radius-pill);padding:.25rem .45rem;font-size:.68rem}.sample-focus-controls{flex-wrap:wrap;align-items:end;gap:.7rem;display:flex}.sample-focus-field{min-width:12rem;color:var(--color-text-muted);flex:12rem;gap:.3rem;font-size:.72rem;font-weight:600;display:grid}.sample-focus-field input{width:100%;min-height:2.55rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font:inherit;padding:.5rem .65rem;font-size:.84rem;font-weight:500}.sample-focus-access{min-height:2.45rem;color:var(--color-text);white-space:nowrap;align-items:center;gap:.42rem;font-size:.76rem;display:inline-flex}.sample-focus-access input{width:1rem;height:1rem;accent-color:var(--color-scout-blue-strong)}.sample-focus-controls>button{min-height:2.45rem;color:var(--color-white);background:var(--color-scout-blue-strong);border:1px solid var(--color-scout-blue-strong);border-radius:var(--radius-sm);padding:.45rem .8rem;font-size:.78rem;font-weight:700}.sample-focus-macos :is(input,button){transition:outline-offset .16s,box-shadow .16s}.sample-focus-macos :is(input,button):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;animation:.18s cubic-bezier(.2,.7,.2,1) both sample-focus-ring-in}@keyframes sample-focus-ring-in{0%{outline-offset:1px;box-shadow:0 0 #0000}to{outline-offset:3px;box-shadow:0 0 0 2px color-mix(in srgb, var(--color-focus) 18%, transparent)}}@media (forced-colors:active){.sample-focus-macos :is(input,button):focus-visible{box-shadow:none;outline-color:highlight;animation:none}}@media (prefers-reduced-motion:reduce){.sample-focus-macos :is(input,button){transition:none}.sample-focus-macos :is(input,button):focus-visible{animation:none}}.sample-focus-hint,.sample-focus-status{color:var(--color-text-muted);margin:0;font-size:.72rem;line-height:1.45}.sample-focus-status{min-height:1.05rem;color:var(--color-scout-blue-strong)}.sample-inspector-workspace{--sample-inspector-width:16rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:.75rem;gap:0;width:100%;min-width:0;display:grid;overflow:hidden;container-type:inline-size}.sample-inspector-toolbar{background:var(--color-white);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.7rem;min-width:0;min-height:3.5rem;padding:.5rem .75rem;display:flex}.sample-inspector-toolbar>div:first-child{gap:.12rem;min-width:0;display:grid}.sample-inspector-toolbar small,.sample-inspector-panel header small{color:var(--color-text-muted);letter-spacing:.06em;font-size:.59rem;font-weight:700}.sample-inspector-toolbar strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.sample-inspector-toolbar>div:last-child{flex:none;align-items:center;gap:.55rem;display:flex}.sample-inspector-toolbar>div:last-child>span{color:var(--color-text-muted);white-space:nowrap;font-size:.65rem}.sample-inspector-toolbar button,.sample-inspector-panel header>button{min-height:2rem;color:var(--color-scout-blue-strong);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;padding:.3rem .5rem;font-size:.68rem;font-weight:600;transition:color .15s,background-color .15s,border-color .15s,transform .15s cubic-bezier(.22,1,.36,1);display:inline-flex}.sample-inspector-toolbar button:hover,.sample-inspector-panel header>button:hover{background:var(--color-scout-blue-soft);border-color:var(--color-scout-blue-border);transform:translateY(-1px)}.sample-inspector-toolbar button:active,.sample-inspector-panel header>button:active{transform:translateY(0)}.sample-inspector-toolbar button:focus-visible,.sample-inspector-panel header>button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sample-inspector-toolbar button .ui-icon,.sample-inspector-panel header>button .ui-icon{width:.9rem;height:.9rem}.sample-inspector-layout{grid-template-columns:minmax(0, 1fr) .45rem minmax(12rem, var(--sample-inspector-width));min-width:0;min-height:17rem;transition:grid-template-columns .25s cubic-bezier(.22,1,.36,1),grid-template-rows .25s cubic-bezier(.22,1,.36,1);display:grid}.sample-inspector-canvas{background:var(--color-surface-muted);place-items:center;min-width:0;min-height:17rem;padding:.85rem;display:grid}.sample-inspector-artboard{width:min(100%,25rem);min-width:0;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:.55rem;gap:.55rem;padding:.8rem;display:grid;box-shadow:0 .35rem .8rem #443a3b12}.sample-inspector-artboard>small{color:var(--color-text-muted);letter-spacing:.07em;font-size:.58rem;font-weight:700}.sample-inspector-object{min-width:0;color:var(--color-text);text-align:left;background:0 0;border:0;border-radius:.35rem;padding:.45rem;transition:box-shadow .18s cubic-bezier(.22,1,.36,1),background-color .15s,transform .18s cubic-bezier(.22,1,.36,1);display:block;position:relative}.sample-inspector-object:not(.sample-inspector-object--button):hover{background-color:#295b9c0d}.sample-inspector-object.is-selected{z-index:1;box-shadow:0 0 0 1.5px var(--color-scout-blue);transform:translateY(-1px)}.sample-inspector-object--heading{width:100%;font-size:clamp(.95rem,3cqi,1.3rem);font-weight:700;line-height:1.15}.sample-inspector-object--image{min-height:5.8rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:0;border-radius:18px;align-content:space-between;padding:.6rem;font-size:.58rem;font-weight:700;display:grid;overflow:hidden}.sample-inspector-artwork{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sample-inspector-artwork i{background:var(--color-scout-blue);opacity:.16;border-radius:50%;width:3.2rem;height:3.2rem;display:block;position:absolute}.sample-inspector-artwork i:first-child{top:-1rem;right:15%}.sample-inspector-artwork i:nth-child(2){background:var(--color-thinker-orange);width:5.5rem;height:5.5rem;bottom:-1.8rem;right:35%}.sample-inspector-artwork i:nth-child(3){background:var(--color-builder-green);width:4.5rem;height:4.5rem;top:35%;right:-1rem}.sample-inspector-object--image>span:not(.sample-inspector-artwork){z-index:1;position:relative}.sample-inspector-object--button{width:fit-content;min-height:2rem;color:var(--color-white);background:var(--color-scout-blue-strong);border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.68rem;font-weight:600;display:inline-flex}.sample-inspector-object--button:hover,.sample-inspector-object--button:focus-visible{color:var(--color-white);background-color:var(--color-scout-blue)}.sample-inspector-object--button .ui-icon{width:.8rem;height:.8rem;color:var(--color-white);stroke-width:2.25px}.sample-inspector-divider{z-index:1;border-inline:1px solid var(--color-border);cursor:col-resize;touch-action:none;user-select:none;background:0 0;width:.45rem;margin-inline:-.05rem}.sample-inspector-divider:hover,.sample-inspector-divider:focus-visible,.sample-inspector-workspace[data-resizing=true] .sample-inspector-divider{background:var(--color-scout-blue-soft);border-color:var(--color-scout-blue-border)}.sample-inspector-workspace[data-resizing=true] .sample-inspector-layout{transition:none}.sample-inspector-panel{background:var(--color-white);border-left:1px solid var(--color-border);opacity:1;align-content:start;gap:.6rem;min-width:0;padding:.75rem;transition:opacity .18s,transform .24s cubic-bezier(.22,1,.36,1),padding .24s cubic-bezier(.22,1,.36,1),max-height .24s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden;transform:translate(0)}.sample-inspector-panel>header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:.5rem;min-width:0;padding-bottom:.5rem;display:flex}.sample-inspector-panel>header>div{gap:.08rem;min-width:0;display:grid}.sample-inspector-panel h3{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.82rem;overflow:hidden}.sample-inspector-panel header div>span:last-child{color:var(--color-text-muted);font-size:.63rem}.sample-inspector-panel header>button{flex:none;width:1.8rem;min-height:1.8rem;padding:0}.sample-inspector-section{gap:.35rem;min-width:0;display:grid}.sample-inspector-section-toggle{min-height:1.9rem;color:var(--color-text);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.45rem;padding:.15rem .1rem;font-size:.7rem;font-weight:700;display:flex}.sample-inspector-section-toggle .ui-icon{width:.85rem;height:.85rem;color:var(--color-text-muted);transition:transform .2s cubic-bezier(.22,1,.36,1)}.sample-inspector-section-toggle[aria-expanded=false] .ui-icon{transform:rotate(-90deg)}.sample-inspector-section-content{opacity:1;grid-template-rows:1fr;min-height:0;transition:grid-template-rows .22s cubic-bezier(.22,1,.36,1),opacity .15s;display:grid;overflow:hidden}.sample-inspector-section-content.is-collapsed{opacity:0;pointer-events:none;grid-template-rows:0fr}.sample-inspector-section-inner{gap:.65rem;min-height:0;display:grid;overflow:hidden}.sample-inspector-control{min-width:0;color:var(--color-text-muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem .5rem;font-size:.65rem;display:grid}.sample-inspector-control output{color:var(--color-text);font-variant-numeric:tabular-nums}.sample-inspector-control input{width:100%;min-width:0;accent-color:var(--color-scout-blue-strong);grid-column:1/-1}.sample-inspector-property{color:var(--color-text-muted);justify-content:space-between;gap:.5rem;font-size:.65rem;display:flex}.sample-inspector-property b{color:var(--color-text);font-weight:600}.sample-inspector-status{min-height:1.1rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);margin:0;padding:.35rem .65rem;font-size:.66rem;line-height:1.4}.sample-inspector-workspace[data-inspector-open=false] .sample-inspector-layout{grid-template-columns:minmax(0,1fr) 0 0}.sample-inspector-workspace[data-inspector-open=false] .sample-inspector-divider,.sample-inspector-workspace[data-inspector-open=false] .sample-inspector-panel{opacity:0;pointer-events:none;border:0;min-width:0;padding:0;overflow:hidden}.sample-inspector-workspace[data-inspector-open=false] .sample-inspector-panel{transform:translate(.5rem)}.sample-inspector-workspace[data-inspector-open=false] .sample-inspector-divider{visibility:hidden}@container (width<=38rem){.sample-inspector-toolbar>div:last-child>span{display:none}.sample-inspector-layout{grid-template-rows:minmax(12rem,auto) minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0}.sample-inspector-canvas{min-height:12rem}.sample-inspector-divider{display:none}.sample-inspector-panel{border-top:1px solid var(--color-border);border-left:0;max-height:13rem;overflow:auto}.sample-inspector-workspace[data-inspector-open=false] .sample-inspector-layout{grid-template-rows:minmax(12rem,auto) minmax(0,0fr);grid-template-columns:minmax(0,1fr)}.sample-inspector-workspace[data-inspector-open=false] .sample-inspector-panel{max-height:0}}@media (prefers-reduced-motion:reduce){.sample-inspector-layout,.sample-inspector-panel,.sample-inspector-object,.sample-inspector-toolbar button,.sample-inspector-panel header>button,.sample-inspector-section-content,.sample-inspector-section-toggle .ui-icon{transition:none!important}}.element-preview:has(.sample-editor-colors-demo),.element-demo-stage:has(.sample-editor-colors-demo){container-type:inline-size}.sample-editor-colors-demo{--editor-color:#295b9c;--editor-color-soft:#eaf1f8;width:min(100%,42rem);color:var(--color-text);gap:.45rem;font-size:.68rem;display:grid}.sample-editor-colors-toolbar{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:.55rem .7rem;display:flex}.sample-editor-colors-document-name{gap:.08rem;min-width:0;display:grid}.sample-editor-colors-document-name>span{color:var(--color-text-muted);letter-spacing:.09em;font-size:.55rem;font-weight:700}.sample-editor-colors-document-name>strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.sample-editor-colors-window-tools{flex:none;align-items:center;gap:.35rem;display:flex}.sample-editor-floating-label{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:.25rem;font-size:.58rem;display:inline-flex}.sample-editor-floating-label .ui-icon{width:.8rem;height:.8rem}.sample-editor-colors-toolbar button,.sample-floating-panel button{min-height:1.8rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);cursor:pointer;border-radius:.42rem;justify-content:center;align-items:center;gap:.28rem;padding:.3rem .45rem;font-size:.61rem;font-weight:600;transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s,transform .16s cubic-bezier(.2,.8,.2,1);display:inline-flex}.sample-editor-colors-toolbar button:hover,.sample-floating-panel button:hover{background:var(--color-surface-muted);transform:translateY(-1px)}.sample-editor-colors-toolbar button:active,.sample-floating-panel button:active{transform:scale(.98)}.sample-editor-colors-toolbar button .ui-icon,.sample-floating-panel button .ui-icon{width:.85rem;height:.85rem}.sample-editor-colors-toolbar [data-action=editor-panel-toggle]{color:var(--color-scout-blue-strong)}.sample-editor-colors-stage{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:25rem;padding:.85rem;position:relative;overflow:hidden}.sample-editor-document{background:var(--color-white);border:1px solid var(--color-border);border-radius:.65rem;align-content:start;gap:.7rem;width:73%;min-height:16rem;margin:0 auto;padding:.9rem 1rem;display:grid;box-shadow:0 .35rem 1rem #443a3b12}.sample-editor-document-topline{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);letter-spacing:.08em;justify-content:space-between;padding-bottom:.45rem;font-size:.52rem;font-weight:700;display:flex}.sample-editor-document-kicker{color:var(--editor-color);letter-spacing:.1em;font-size:.53rem;font-weight:700}.sample-editor-document h3{max-width:17rem;color:var(--color-text);margin:0;font-size:clamp(.9rem,3vw,1.2rem);line-height:1.15}.sample-editor-document>p{max-width:18rem;color:var(--color-text-muted);margin:0;font-size:.64rem;line-height:1.45}.sample-editor-color-preview{background:var(--editor-color-soft);border:1px solid color-mix(in srgb, var(--editor-color) 18%, transparent);border-radius:.45rem;align-items:center;gap:.45rem;width:fit-content;min-width:0;max-width:100%;padding:.45rem;transition:background-color .16s,border-color .16s;display:flex}.sample-editor-color-preview-mark{width:1.45rem;height:1.45rem;color:var(--editor-color-ink,white);background:var(--editor-color);border-radius:.35rem;flex:none;place-items:center;transition:color .16s,background-color .16s;display:grid}.sample-editor-color-preview-mark .ui-icon{width:.9rem;height:.9rem;color:inherit;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.sample-editor-color-preview>span:nth-child(2){gap:.08rem;min-width:0;display:grid}.sample-editor-color-preview strong{color:var(--color-text);font-size:.58rem}.sample-editor-color-preview small,.sample-editor-color-preview code{color:var(--color-text);font-size:.53rem}.sample-editor-color-preview code{margin-left:auto}.sample-editor-document-lines{gap:.27rem;max-width:85%;display:grid}.sample-editor-document-lines i{background:var(--color-surface-muted);border-radius:999px;height:.24rem}.sample-editor-document-lines i:nth-child(2){width:78%}.sample-editor-document-lines i:nth-child(3){width:54%}.sample-floating-panel{z-index:2;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#443a3b57 transparent;scrollbar-gutter:stable;width:min(14.25rem,100% - 1.5rem);max-height:22rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);opacity:1;visibility:visible;border-radius:.68rem;gap:.65rem;padding:.7rem;transition:opacity .19s ease-out,transform .22s cubic-bezier(.16,1,.3,1),visibility linear,background-color .18s,border-color .18s,box-shadow .18s,backdrop-filter .18s;display:grid;position:absolute;top:1.35rem;right:1.3rem;overflow-y:auto;transform:translateY(0)scale(1);box-shadow:0 .75rem 1.5rem #443a3b29,0 .1rem .25rem #443a3b14}.sample-floating-panel::-webkit-scrollbar{width:.65rem}.sample-floating-panel::-webkit-scrollbar-track{background:0 0;border-radius:999px;margin-block:.35rem}.sample-floating-panel::-webkit-scrollbar-thumb{background:#443a3b57 padding-box padding-box;border:2px solid #0000;border-radius:999px;min-height:2rem;transition:background-color .15s}.sample-floating-panel::-webkit-scrollbar-thumb:hover{background-color:#295b9ca8}.sample-floating-panel::-webkit-scrollbar-button{width:0;height:0;display:none}.sample-floating-panel::-webkit-scrollbar-corner{background:0 0}.sample-editor-colors-demo[data-panel-visible=false] .sample-floating-panel{pointer-events:none;opacity:0;visibility:hidden;transition-delay:0s,0s,.19s,0s,0s,0s,0s;transform:translateY(-.25rem)scale(.985)}.sample-editor-colors-demo[data-panel-visible=true] .sample-floating-panel>*{animation:.2s both editor-panel-content-in}.sample-editor-colors-demo[data-panel-visible=true] .sample-floating-panel>:nth-child(2){animation-delay:18ms}.sample-editor-colors-demo[data-panel-visible=true] .sample-floating-panel>:nth-child(3){animation-delay:36ms}.sample-editor-colors-demo[data-panel-visible=true] .sample-floating-panel>:nth-child(4){animation-delay:54ms}.sample-editor-colors-demo[data-panel-visible=true] .sample-floating-panel>:nth-child(5){animation-delay:72ms}.sample-editor-colors-demo[data-panel-style=hud] .sample-floating-panel{backdrop-filter:blur(16px)saturate(125%);background:#ffffffe0;border-color:#ffffffeb;box-shadow:0 .9rem 1.8rem #443a3b26,0 0 0 1px #ffffff80}.sample-floating-panel-heading{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.5rem;display:flex}.sample-floating-panel-heading>div{align-items:center;gap:.45rem;min-width:0;display:flex}.sample-floating-panel-heading>div>span:last-child{gap:.1rem;min-width:0;display:grid}.sample-floating-panel-heading strong{color:var(--color-text);font-size:.75rem}.sample-floating-panel-heading small{color:var(--color-text-muted);font-size:.54rem}.sample-floating-panel-icon{width:1.65rem;height:1.65rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-radius:.48rem;flex:none;place-items:center;display:grid}.sample-floating-panel-icon .ui-icon{width:.9rem;height:.9rem}.sample-floating-panel-heading>button{width:1.75rem;height:1.75rem;padding:0}.sample-floating-panel-level{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.57rem;display:flex}.sample-floating-panel-level>.ui-icon{width:.78rem;height:.78rem;color:var(--color-scout-blue-strong)}.sample-floating-panel-level strong{color:var(--color-text);margin-left:auto;font-size:.57rem}.sample-editor-panel-styles{background:var(--color-surface-muted);border-radius:.48rem;grid-template-columns:1fr 1fr;gap:.2rem;padding:.18rem;display:grid}.sample-floating-panel .sample-editor-panel-styles button{min-height:1.55rem;color:var(--color-text-muted);background:0 0;border-color:#0000;padding:.25rem;font-size:.57rem;transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s,transform .16s}.sample-floating-panel .sample-editor-panel-styles button:hover{transform:none}.sample-floating-panel .sample-editor-panel-styles button[aria-pressed=true]{color:var(--color-scout-blue-strong);background:var(--color-white);border-color:var(--color-border);box-shadow:0 1px 2px #443a3b14}.sample-editor-color-options{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.22rem;min-width:0;margin:0;padding:0;display:grid}.sample-editor-color-options legend{color:var(--color-text);margin-bottom:.35rem;font-size:.6rem;font-weight:700}.sample-editor-color-options label{min-width:0;color:var(--color-text-muted);cursor:pointer;border:1px solid #0000;border-radius:.4rem;align-items:center;gap:.33rem;padding:.22rem .28rem;font-size:.57rem;transition:color .16s,background-color .16s,border-color .16s;display:flex}.sample-editor-color-options label:has(input:checked){color:var(--color-text);background:var(--editor-color-soft);border-color:color-mix(in srgb, var(--editor-color) 28%, transparent)}.sample-editor-color-options label:focus-within{outline:2px solid var(--color-scout-blue-strong);outline-offset:1px}.sample-editor-color-options input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sample-editor-swatch{background:var(--swatch-color);border:1px solid #1f29331f;border-radius:50%;flex:none;width:.95rem;height:.95rem;transition:box-shadow .16s,transform .16s cubic-bezier(.2,.8,.2,1)}.sample-editor-color-options label:has(input:checked) .sample-editor-swatch{box-shadow:inset 0 0 0 2px white, 0 0 0 1px var(--editor-color);transform:scale(1.06)}.sample-editor-custom-color{color:var(--color-text-muted);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.6rem;padding-top:.45rem;font-size:.59rem;display:flex}.sample-floating-panel .sample-editor-custom-trigger{background:var(--color-white);flex:none;justify-content:center;align-items:center;gap:.18rem;width:2.65rem;min-height:1.55rem;padding:.12rem .22rem;display:inline-flex}.sample-editor-custom-trigger>span{border:1px solid #1f29332e;border-radius:.28rem;flex:0 0 1.12rem;width:1.12rem;height:1.12rem;display:block;box-shadow:inset 0 0 0 1px #ffffff2e}.sample-floating-panel .sample-editor-custom-trigger>.ui-icon{width:.72rem;height:.72rem;color:var(--color-text-muted);transition:transform .16s}.sample-editor-custom-trigger[aria-expanded=true]>.ui-icon{transform:rotate(180deg)}.sample-editor-custom-picker{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:.5rem;gap:.45rem;min-width:0;padding:.5rem;animation:.15s ease-out both editor-color-picker-in;display:grid}.sample-editor-custom-picker[hidden]{display:none}.sample-editor-picker-surface{--editor-picker-hue:220deg;--editor-picker-saturation:100%;--editor-picker-brightness:100%;cursor:crosshair;touch-action:none;background:0 0;border:0;border-radius:.35rem;height:5.6rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #443a3b2e}.sample-editor-picker-surface:before,.sample-editor-picker-surface:after{border-radius:inherit;pointer-events:none;content:"";position:absolute;inset:0}.sample-editor-picker-surface:before{background:linear-gradient(to right, #fff 0%, hsl(var(--editor-picker-hue) 100% 50%) 100%)}.sample-editor-picker-surface:after{background:linear-gradient(#0000 0%,#000 100%)}.sample-editor-picker-surface:focus-visible{outline:2px solid var(--color-scout-blue-strong);outline-offset:2px}.sample-editor-picker-marker{z-index:1;top:clamp(.4rem, calc(100% - var(--editor-picker-brightness)), calc(100% - .4rem));left:clamp(.4rem, var(--editor-picker-saturation), calc(100% - .4rem));border:2px solid var(--color-white);pointer-events:none;border-radius:50%;width:.72rem;height:.72rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #1f1b1c8c,0 1px 3px #1f1b1c59}.sample-editor-hue-label,.sample-editor-custom-hex-label{color:var(--color-text);justify-content:space-between;align-items:center;gap:.4rem;margin:0;font-size:.57rem;font-weight:600;display:flex}.sample-editor-hue-label output,.sample-editor-custom-hex-label>span{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.54rem;font-weight:500}.sample-editor-hue{--editor-picker-thumb-color:var(--color-scout-blue-strong);-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:1rem;display:block;margin:0!important}.sample-editor-hue:focus-visible{outline:2px solid var(--color-scout-blue-strong);outline-offset:2px;border-radius:999px}.sample-editor-hue::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red) padding-box padding-box;border:1px solid #443a3b3d;border-radius:999px;height:.4rem}.sample-editor-hue::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red) padding-box padding-box;border:1px solid #443a3b3d;border-radius:999px;height:.4rem}.sample-editor-hue::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--editor-picker-thumb-color);border:2px solid var(--color-white);border-radius:50%;width:.78rem;height:.78rem;margin-top:-.19rem;box-shadow:0 0 0 1px #1f1b1c66,0 1px 3px #1f1b1c3d}.sample-editor-hue::-moz-range-thumb{appearance:none;background:var(--editor-picker-thumb-color);border:2px solid var(--color-white);border-radius:50%;width:.66rem;height:.66rem;box-shadow:0 0 0 1px #1f1b1c66,0 1px 3px #1f1b1c3d}.sample-editor-custom-hex-entry{gap:.3rem;min-width:0;display:flex}.sample-floating-panel .sample-editor-custom-hex{width:0;min-width:0;min-height:1.8rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border-strong);font-variant-numeric:tabular-nums;border-radius:.35rem;flex:1;padding:.25rem .4rem;font-size:.62rem}.sample-floating-panel .sample-editor-custom-hex[aria-invalid=true]{border-color:var(--color-auditor-red-strong)}.sample-floating-panel .sample-editor-custom-hex-entry>button{min-height:1.8rem;color:var(--color-white);background:var(--color-scout-blue-strong);padding:.25rem .5rem;font-size:.62rem}.sample-editor-color-error{color:var(--color-auditor-red-strong);margin:0;font-size:.57rem;line-height:1.35}.sample-editor-panel-note{color:var(--color-text-muted);align-items:flex-start;gap:.3rem;font-size:.54rem;line-height:1.35;display:flex}.sample-editor-panel-note .ui-icon{width:.78rem;height:.78rem;color:var(--color-scout-blue-strong);flex:none}.sample-editor-colors-footer{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:.5rem;font-size:.52rem;display:flex}.sample-editor-colors-footer>span{max-width:60%;line-height:1.35}.sample-editor-colors-footer label{align-items:center;gap:.25rem;font-size:.54rem;display:flex}.sample-editor-colors-footer input{accent-color:var(--color-scout-blue-strong)}.sample-editor-colors-status{min-height:1rem;color:var(--color-scout-blue-strong);margin:0;font-size:.57rem}.sample-editor-colors-demo[data-editor-active=false] .sample-editor-activity{color:var(--color-scout-blue-strong)}@container (width<=31rem){.sample-editor-floating-label{display:none}.sample-editor-colors-stage{min-height:27rem;padding:.5rem}.sample-editor-document{width:100%;min-height:17rem;padding:.7rem}.sample-floating-panel{max-height:24rem;top:.8rem;right:.75rem}.sample-editor-colors-footer{flex-direction:column;align-items:flex-start}.sample-editor-colors-footer>span{max-width:100%}}@container (width<=23rem){.sample-editor-colors-toolbar{align-items:flex-start}.sample-editor-colors-window-tools{flex-wrap:wrap;justify-content:flex-end}.sample-editor-colors-window-tools .sample-editor-activity{display:none}.sample-editor-colors-stage{min-height:28rem}.sample-floating-panel{gap:.48rem;width:min(13rem,100% - 1rem);max-height:25rem;padding:.55rem;right:.5rem}.sample-editor-color-options{gap:.12rem}}@keyframes editor-panel-content-in{0%{opacity:0;transform:translateY(.16rem)}to{opacity:1;transform:translateY(0)}}@keyframes editor-color-picker-in{0%{opacity:0;transform:translateY(-.2rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.sample-editor-colors-toolbar button,.sample-floating-panel,.sample-floating-panel::-webkit-scrollbar-thumb,.sample-floating-panel button,.sample-floating-panel .sample-editor-panel-styles button,.sample-editor-color-options label,.sample-editor-swatch,.sample-editor-color-preview,.sample-editor-color-preview-mark,.sample-editor-custom-picker,.sample-editor-custom-trigger>.ui-icon{transition:none;animation:none!important}}.element-preview:has(.sample-popover-macos),.element-demo-stage:has(.sample-popover-macos){container-type:inline-size}.element-preview:has(.sample-popover-macos[data-popover-open=true]){overflow:visible}.sample-popover-macos{width:min(100%,46rem);color:var(--color-text);font-size:.7rem}.sample-popover-window{background:var(--color-white);border:1px solid var(--color-border);border-radius:.8rem;flex-direction:column;min-height:29rem;display:flex;position:relative;overflow:hidden;box-shadow:0 .3rem 1rem #443a3b12}.sample-popover-macos[data-popover-open=true] .sample-popover-window{overflow:visible}.sample-popover-window-header{z-index:1;border-bottom:1px solid var(--color-border);background:#fffffff5;border-radius:.72rem .72rem 0 0;justify-content:space-between;align-items:center;gap:.6rem;min-height:3.1rem;padding:.55rem .85rem;display:flex;position:relative}.sample-popover-window-header>div{align-items:center;gap:.45rem;min-width:0;display:flex}.sample-popover-window-header strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.sample-popover-window-header>span{color:var(--color-text-muted);letter-spacing:.09em;font-size:.52rem;font-weight:700}.sample-popover-window-mark{color:#fff;background:var(--color-scout-blue-strong);border-radius:.42rem;flex:none;place-items:center;width:1.45rem;height:1.45rem;font-size:.65rem;font-weight:700;display:grid}.sample-popover-document{background:#fcfbf9;border:1px solid #eae6e0;border-radius:.65rem;align-content:start;gap:.6rem;width:min(100% - 3rem,34rem);margin:1rem auto 1.25rem;padding:1rem 1.1rem;display:grid}.sample-popover-document-kicker,.sample-popover-document-meta{color:var(--color-text-muted);letter-spacing:.09em;font-size:.5rem;font-weight:700}.sample-popover-document h3{color:#36302f;max-width:22rem;margin:0;font-size:clamp(1.05rem,3.5cqi,1.55rem);line-height:1.15}.sample-popover-document>p{color:#6c6462;max-width:27rem;margin:0;font-size:.68rem;line-height:1.5}.sample-popover-document-rule{background:linear-gradient(125deg,#e9eff4 0 38%,#f6eee5 38% 68%,#e7eee7 68%);border-radius:.4rem;width:100%;height:4.2rem}.sample-popover-document-meta{justify-content:space-between;gap:.5rem;display:flex}.sample-popover-anchor-area{z-index:3;margin:var(--sample-popover-space,0px) auto 1.25rem;justify-items:center;gap:.7rem;display:grid;position:relative}.sample-popover-anchor-caption{color:var(--color-text-muted);letter-spacing:.09em;white-space:nowrap;align-items:center;gap:.24rem;margin:0;font-size:.48rem;font-weight:700;line-height:1.3;display:inline-flex}.sample-popover-anchor-caption .ui-icon{width:.65rem;height:.65rem}.sample-popover-macos .sample-anchor{min-height:2.25rem;color:var(--color-text);background:var(--color-white);font:inherit;cursor:pointer;border:1px solid #cfc9c3;border-radius:.52rem;align-items:center;gap:.45rem;padding:.42rem .62rem;transition:background-color .14s,border-color .14s,box-shadow .14s;display:inline-flex;box-shadow:0 .12rem .3rem #443a3b17}.sample-popover-macos .sample-anchor:hover,.sample-popover-macos .sample-anchor[aria-expanded=true]{background:#f5f7fa;border-color:#aabcd0;box-shadow:0 0 0 2px #295b9c1f}.sample-popover-macos .sample-anchor:focus-visible{outline:2px solid var(--color-scout-blue-strong);outline-offset:2px}.sample-popover-macos .sample-anchor>.ui-icon{width:.9rem;height:.9rem;color:var(--color-scout-blue-strong)}.sample-popover-macos .sample-anchor .sample-popover-chevron{width:.72rem;height:.72rem;color:var(--color-text-muted);margin-left:.15rem;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.sample-popover-macos .sample-anchor[aria-expanded=true] .sample-popover-chevron{transform:rotate(180deg)}.sample-popover-panel{z-index:4;width:min(22rem, var(--sample-popover-width,calc(100vw - 2rem)));color:#332f2e;opacity:1;pointer-events:auto;transform-origin:50% 100%;visibility:visible;background:#fffdfc;border:1px solid #d7d0c9;border-radius:.72rem;gap:.62rem;padding:.78rem;transition:opacity .19s ease-out,transform .22s cubic-bezier(.16,1,.3,1),visibility linear;display:grid;position:absolute;bottom:calc(100% + .47rem);left:50%;transform:translate(-50%)scale(1);box-shadow:0 .95rem 2rem #342b272b,0 .15rem .38rem #342b2717}.sample-popover-macos[data-popover-open=false] .sample-popover-panel{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .13s ease-in,transform .15s ease-in,visibility 0s linear .15s;transform:translate(-50%,.32rem)scale(.96)}.sample-popover-macos[data-popover-placement=below] .sample-popover-panel{transform-origin:50% 0;top:calc(100% + .47rem);bottom:auto}.sample-popover-macos[data-popover-placement=below][data-popover-open=false] .sample-popover-panel{transform:translate(-50%,-.32rem)scale(.96)}.sample-popover-arrow{background:#fffdfc;border-bottom:1px solid #d7d0c9;border-right:1px solid #d7d0c9;width:.72rem;height:.72rem;position:absolute;bottom:-.39rem;left:50%;transform:translate(-50%)rotate(45deg)}.sample-popover-macos[data-popover-placement=below] .sample-popover-arrow{border:0;border-top:1px solid #d7d0c9;border-left:1px solid #d7d0c9;top:-.39rem;bottom:auto}.sample-popover-panel-header{z-index:1;border-bottom:1px solid #e9e3de;justify-content:space-between;align-items:center;gap:.6rem;padding-bottom:.58rem;display:flex;position:relative}.sample-popover-panel-header>div{align-items:center;gap:.48rem;min-width:0;display:flex}.sample-popover-panel-header>div>span:last-child{gap:.08rem;min-width:0;display:grid}.sample-popover-panel-header small{color:#756d69;letter-spacing:.1em;font-size:.47rem;font-weight:700}.sample-popover-panel-header strong{color:#332f2e;font-size:.75rem}.sample-popover-panel-icon{width:1.8rem;height:1.8rem;color:var(--color-scout-blue-strong);background:#eaf1f8;border-radius:.5rem;flex:none;place-items:center;display:grid}.sample-popover-panel-icon .ui-icon{width:.92rem;height:.92rem}.sample-popover-panel-header>button{color:#6b6461;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.42rem;flex:none;place-items:center;width:1.75rem;height:1.75rem;display:grid}.sample-popover-panel-header>button:hover{color:#332f2e;background:#f1eeea;border-color:#e5dfd9}.sample-popover-panel-header>button .ui-icon{width:.85rem;height:.85rem}.sample-popover-track{background:#f7f5f2;border:1px solid #ece7e2;border-radius:.52rem;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.5rem;display:grid}.sample-popover-track>span:nth-child(2){gap:.1rem;min-width:0;display:grid}.sample-popover-track strong{color:#332f2e;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.sample-popover-track small{color:#756d69;text-overflow:ellipsis;white-space:nowrap;font-size:.54rem;overflow:hidden}.sample-popover-track-time{color:#756d69;font-variant-numeric:tabular-nums;font-size:.52rem}.sample-popover-album{background:#395d7b;border-radius:.38rem;grid-template-columns:1fr 1fr;gap:2px;width:2.45rem;height:2.45rem;padding:.25rem;display:grid}.sample-popover-album i{background:#f5e9d8;border-radius:.1rem}.sample-popover-album i:nth-child(2){background:#d7b786}.sample-popover-album i:nth-child(3){background:#8aa19b}.sample-popover-album i:nth-child(4){background:#e4c9af}.sample-popover-volume{color:#4b4542;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem .55rem;font-size:.57rem;font-weight:600;display:grid}.sample-popover-volume output{color:#756d69;font-variant-numeric:tabular-nums;font-size:.54rem}.sample-popover-volume input{width:100%;accent-color:var(--color-scout-blue-strong);grid-column:1/-1}.sample-popover-outputs{border:0;gap:.12rem;min-width:0;margin:0;padding:0;display:grid}.sample-popover-outputs legend{color:#4b4542;margin-bottom:.26rem;font-size:.56rem;font-weight:700}.sample-popover-outputs label{color:#554e4a;cursor:pointer;border:1px solid #0000;border-radius:.4rem;align-items:center;gap:.42rem;min-height:1.8rem;padding:.25rem .4rem;font-size:.56rem;display:flex}.sample-popover-outputs label:hover{background:#f7f5f2}.sample-popover-outputs label:has(input:checked){color:#254e7c;background:#eff4f8;border-color:#d6e1eb}.sample-popover-outputs input{width:.85rem;height:.85rem;accent-color:var(--color-scout-blue-strong);margin:0}.sample-popover-outputs .ui-icon{opacity:0;width:.8rem;height:.8rem;margin-left:auto}.sample-popover-outputs label:has(input:checked) .ui-icon{opacity:1}.sample-popover-status{color:#756d69;border-top:1px solid #e9e3de;margin:0;padding-top:.44rem;font-size:.53rem;line-height:1.4}.sample-popover-window-footer{z-index:1;color:#756d69;border-top:1px solid var(--color-border);background:#fffffff5;border-radius:0 0 .72rem .72rem;justify-content:space-between;align-items:center;gap:.5rem;min-height:2.45rem;margin-top:auto;padding:.45rem .75rem;font-size:.5rem;display:flex;position:relative}.sample-popover-window-footer>span:first-child{align-items:center;gap:.25rem;display:inline-flex}.sample-popover-window-footer .ui-icon{width:.68rem;height:.68rem;color:var(--color-scout-blue-strong)}.sample-popover-macos .sample-popover-panel :focus-visible{outline:2px solid var(--color-scout-blue-strong);outline-offset:1px}@container (width<=32rem){.sample-popover-window{min-height:25rem}.sample-popover-window-header{padding-inline:.6rem}.sample-popover-window-header>span{font-size:.43rem}.sample-popover-document{width:calc(100% - 1.2rem);margin-top:.6rem;padding:.75rem}.sample-popover-document-rule{height:3.3rem}.sample-popover-panel{width:min(21rem,100cqi - 1rem);padding:.62rem}.sample-popover-window-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:.1rem}}@container (width<=22rem){.sample-popover-window{min-height:24rem}.sample-popover-window-header>span,.sample-popover-document-meta span:last-child{display:none}.sample-popover-track{grid-template-columns:2.2rem minmax(0,1fr)}.sample-popover-track-time{display:none}.sample-popover-album{width:2.15rem;height:2.15rem}.sample-popover-panel{width:min(19rem,100cqi - .6rem)}}@media (prefers-reduced-motion:reduce){.sample-popover-macos *,.sample-popover-macos :before,.sample-popover-macos :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sample-popup-comparison{width:min(100%,54rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:1rem;padding:1.05rem;display:grid;box-shadow:0 .55rem 1.4rem #1f2a370f}.sample-popup-comparison-header{justify-content:space-between;align-items:end;gap:1rem;min-width:0;padding:0 .1rem .15rem;display:flex}.sample-popup-comparison-header>div{gap:.15rem;display:grid}.sample-popup-comparison-header>div>span{color:var(--color-scout-blue-strong);letter-spacing:.09em;font-size:.59rem;font-weight:700}.sample-popup-comparison-header>div>strong{font-size:1rem}.sample-popup-comparison-header>p{max-width:17rem;color:var(--color-text-muted);text-align:right;margin:0;font-size:.72rem;line-height:1.4}.sample-popup-comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.65rem;min-width:0;display:grid}.sample-popup-control{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-rows:minmax(2.8em,auto) minmax(1.45em,auto) 2.65rem minmax(4.35em,1fr);gap:.55rem;min-width:0;min-height:14rem;padding:.82rem;display:grid;position:relative}.sample-popup-control-kicker{min-width:0;min-height:2.8em;color:var(--color-text-muted);letter-spacing:.07em;grid-template-columns:1.15rem minmax(0,1fr);align-items:start;gap:.4rem;font-size:.58rem;font-weight:700;line-height:1.4;display:grid}.sample-popup-control-kicker>span:first-child{width:1.15rem;height:1.15rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);letter-spacing:0;border-radius:50%;place-items:center;display:grid}.sample-popup-control-kicker>span:last-child{min-width:0}.sample-popup-control-label{min-width:0;color:var(--color-text);font-size:.73rem;font-weight:600;line-height:1.4;display:block}.sample-popup-control-wrap,.sample-popup-combo-wrap{min-width:0;height:2.65rem;position:relative}.sample-popup-trigger{justify-content:space-between;align-items:center;gap:.55rem;width:100%;min-width:0;height:100%;min-height:0;display:flex;color:var(--color-text)!important;background:var(--color-white)!important;border:1px solid var(--color-border-strong)!important;border-radius:var(--radius-sm)!important;padding:.5rem .62rem!important;font-size:.82rem!important;font-weight:600!important}.sample-popup-trigger:hover,.sample-popup-combo-toggle:hover{background:var(--color-scout-blue-soft)!important}.sample-popup-trigger--action{color:var(--color-scout-blue-strong)!important}.sample-popup-trigger>.ui-icon,.sample-popup-combo-toggle>.ui-icon{flex:none;width:.95rem;height:.95rem;transition:transform .14s;color:var(--color-text-muted)!important}.sample-popup-control-wrap[data-open=true]>.sample-popup-trigger>.ui-icon,.sample-popup-combo-wrap[data-open=true] .sample-popup-combo-toggle>.ui-icon{transform:rotate(180deg)}.sample-popup-options{z-index:20;width:max-content;min-width:100%;max-width:min(18rem,100vw - 2rem);max-height:min(14rem,38vh);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.25rem;display:grid;position:absolute;top:calc(100% + .28rem);left:0;overflow-y:auto;box-shadow:0 .65rem 1.45rem #1f2a3724}.sample-popup-options.opens-up{top:auto;bottom:calc(100% + .28rem)}.sample-popup-options>button{justify-content:space-between;align-items:center;gap:.55rem;width:100%;min-width:0;min-height:2.35rem;transition:background-color .12s,color .12s;display:flex;color:var(--color-text)!important;text-align:left!important;border-radius:.3rem!important;padding:.43rem .55rem!important;font-size:.77rem!important}.sample-popup-options>button:hover,.sample-popup-options>button:focus-visible,.sample-popup-options>button.is-active{background:var(--color-scout-blue-soft)!important}.sample-popup-options>button[aria-selected=true]{color:var(--color-scout-blue-strong)!important;font-weight:600!important}.sample-popup-options>button>.ui-icon{opacity:0;flex:none;width:.9rem;height:.9rem;transition:opacity .12s,transform .12s;transform:scale(.75);color:var(--color-scout-blue-strong)!important}.sample-popup-options>button[aria-selected=true]>.ui-icon{opacity:1;transform:scale(1)}.sample-popup-menu>button{justify-content:flex-start}.sample-popup-menu>button>.ui-icon{opacity:1;width:.95rem;height:.95rem;transform:none;color:var(--color-scout-blue-strong)!important}.sample-popup-control-note{min-width:0;min-height:0;color:var(--color-text-muted);margin:0;font-size:.68rem;line-height:1.45;display:block}.sample-popup-combo-wrap{background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);align-items:stretch;min-height:0;display:flex}.sample-popup-combo-wrap:focus-within{border-color:var(--color-scout-blue);outline:3px solid var(--color-focus);outline-offset:2px}.ui-sample .sample-popup-combo-input{width:100%;height:100%;min-height:0;color:var(--color-text);border-radius:var(--radius-sm) 0 0 var(--radius-sm);box-shadow:none;background:0 0;border:0;flex:1;padding:.45rem .58rem;font-size:.79rem}.ui-sample .sample-popup-combo-input:focus-visible{outline:none}.sample-popup-combo-toggle{flex:none;place-items:center;width:2.35rem;min-width:2.35rem;display:grid;color:var(--color-text-muted)!important;border-left:1px solid var(--color-border)!important;border-radius:0 var(--radius-sm) var(--radius-sm) 0!important}.sample-popup-comparison-status{min-height:1.35em;color:var(--color-text-muted);border-top:1px solid var(--color-border);margin:0;padding:.45rem .1rem 0;font-size:.68rem;line-height:1.45}@keyframes popup-control-enter{0%{opacity:0;transform:translateY(-.2rem)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popup-control-enter-up{0%{opacity:0;transform:translateY(.2rem)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popup-control-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-.12rem)scale(.99)}}@keyframes popup-control-exit-up{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(.12rem)scale(.99)}}.sample-popup-options.is-opening{transform-origin:0 0;animation:.16s cubic-bezier(.2,.7,.2,1) both popup-control-enter}.sample-popup-options.opens-up.is-opening{transform-origin:0 100%;animation-name:popup-control-enter-up}.sample-popup-options.is-closing{pointer-events:none;transform-origin:0 0;animation:.12s ease-in both popup-control-exit}.sample-popup-options.opens-up.is-closing{transform-origin:0 100%;animation-name:popup-control-exit-up}@container (width<=44rem){.sample-popup-comparison{gap:.8rem;padding:.8rem}.sample-popup-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-popup-control{grid-template-rows:minmax(2.8em,auto) minmax(1.45em,auto) 2.65rem minmax(4.35em,1fr);min-height:0}.sample-popup-control--combo{grid-column:1/-1;grid-template-rows:minmax(2.8em,auto) minmax(1.45em,auto) 2.65rem auto}.sample-popup-control-note{min-height:0}}@container (width<=34rem){.sample-popup-comparison-header{flex-direction:column;align-items:flex-start;gap:.25rem}.sample-popup-comparison-header>p{text-align:left}.sample-popup-comparison-grid{grid-template-columns:minmax(0,1fr)}.sample-popup-control{grid-template-rows:auto auto 2.65rem auto}.sample-popup-control--combo{grid-column:auto}}@media (prefers-reduced-motion:reduce){.sample-popup-options.is-opening,.sample-popup-options.is-closing{animation:none}.sample-popup-trigger>.ui-icon,.sample-popup-combo-toggle>.ui-icon,.sample-popup-options>button>.ui-icon,.sample-popup-options>button{transition:none}}.element-preview:has(.sample-delete-workspace),.element-demo-stage:has(.sample-delete-workspace){container-type:inline-size}.sample-delete-workspace{width:min(100%,52rem);min-width:0;color:var(--color-text);grid-template-columns:minmax(0,1.35fr) minmax(12rem,.85fr);align-content:center;gap:.75rem;display:grid}.sample-delete-window{background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:.7rem;min-width:0;overflow:hidden;box-shadow:0 .45rem 1.2rem #1f2a3714}.sample-delete-titlebar{background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.55rem;min-height:2.55rem;padding:.45rem .65rem;display:flex;position:relative}.sample-delete-titlebar>strong{color:var(--color-text-strong);font-size:.75rem;font-weight:650;position:absolute;left:50%;transform:translate(-50%)}.sample-delete-window-tools{color:var(--color-text-muted);letter-spacing:.07em;font-size:.55rem;font-weight:700}.sample-delete-lights{flex:none;gap:.28rem;display:flex}.sample-delete-lights>i{background:#ff6058;border-radius:50%;width:.62rem;height:.62rem}.sample-delete-lights>i:nth-child(2){background:#ffbd2e}.sample-delete-lights>i:nth-child(3){background:#28c840}.sample-delete-lights--inactive>i{background:#b9bdc5}.sample-delete-lights--inactive>i:nth-child(2),.sample-delete-lights--inactive>i:nth-child(3){background:#c5c8ce}.sample-delete-window-content{background:var(--color-white);min-height:14rem;padding:.75rem;position:relative}.sample-delete-document-surface{align-content:start;gap:.7rem;min-height:12.45rem;transition:opacity .19s;display:grid}.sample-delete-document-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.6rem;min-width:0;padding-bottom:.62rem;display:flex}.sample-delete-document-header>div{min-width:0}.sample-delete-document-header small,.sample-delete-other-content>small,.sample-delete-eyebrow{color:var(--color-text-muted);letter-spacing:.07em;font-size:.57rem;font-weight:700}.sample-delete-document-header h3,.sample-delete-other-content h3,.sample-delete-sheet-panel h3{color:var(--color-text-strong);margin:.15rem 0 0;font-size:.86rem}.sample-delete-document-header>button,.sample-delete-other-content>button,.sample-delete-reset{min-height:2rem;color:var(--color-scout-blue-strong);background:var(--color-white);border:1px solid var(--color-scout-blue-border);font:inherit;cursor:pointer;border-radius:.4rem;flex:none;align-items:center;gap:.35rem;padding:.35rem .55rem;font-size:.66rem;font-weight:650;display:inline-flex}.sample-delete-document-header>button:hover,.sample-delete-other-content>button:hover,.sample-delete-reset:hover{background:var(--color-scout-blue-soft)}.sample-delete-files{gap:.38rem;margin:0;padding:0;list-style:none;display:grid}.sample-delete-files>li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.42rem;align-items:center;gap:.5rem;min-width:0;min-height:2.5rem;padding:.42rem .5rem;display:flex}.sample-delete-files>li[hidden]{display:none}.sample-delete-files>li>.ui-icon{width:1rem;height:1rem;color:var(--color-scout-blue);flex:none}.sample-delete-files>li>span{gap:.1rem;min-width:0;display:grid}.sample-delete-files>li strong{color:var(--color-text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.sample-delete-files>li small{color:var(--color-text-muted);font-size:.58rem}.sample-delete-files>li>.sample-delete-file-mark{width:.82rem;height:.82rem;color:var(--color-builder-green);margin-left:auto}.sample-delete-parent-status,.sample-delete-other-status{color:var(--color-text-muted);margin:0;font-size:.61rem;line-height:1.45}.sample-delete-reset{justify-self:start}.sample-delete-scrim{z-index:1;opacity:0;pointer-events:none;background:#28303a47;transition:opacity .19s;position:absolute;inset:0}.sample-delete-sheet-panel{z-index:2;width:min(19rem,100% - 1rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;border-radius:.62rem;gap:.5rem;padding:1rem;transition:opacity .17s ease-out,transform .21s cubic-bezier(.16,1,.3,1),visibility 0s linear .21s,box-shadow .21s;display:grid;position:absolute;top:.62rem;left:50%;transform:translate(-50%,-.42rem)scale(.99);box-shadow:0 .3rem .8rem #1f2a3714}.sample-delete-sheet-panel[hidden],.sample-delete-reset[hidden]{display:none}.sample-delete-sheet-panel>.sample-delete-close{width:1.75rem;height:1.75rem;color:var(--color-text-muted);border-radius:.35rem;place-items:center;display:grid;position:absolute;top:.5rem;right:.5rem}.sample-delete-sheet-panel>.sample-delete-close:hover{background:var(--color-surface-muted)}.sample-delete-sheet-panel>.sample-delete-close .ui-icon{width:.95rem;height:.95rem}.sample-delete-sheet-panel>small{padding-right:1.6rem}.sample-delete-sheet-panel h3{font-size:.92rem}.sample-delete-sheet-panel>p{color:var(--color-text-muted);margin:0;font-size:.71rem;line-height:1.5}.sample-delete-sheet-panel footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.45rem;padding-top:.4rem;display:flex}.sample-delete-sheet-panel footer>button{min-height:2.15rem;color:var(--color-scout-blue-strong);font:inherit;cursor:pointer;border-radius:.4rem;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.7rem;font-weight:650;transition:background-color .15s,box-shadow .15s,filter .15s,transform .15s cubic-bezier(.2,.8,.2,1);display:inline-flex}.sample-delete-sheet-panel footer>.sample-delete-confirm{color:var(--color-white);background:var(--color-auditor-red)}.sample-delete-sheet-panel footer>.sample-delete-confirm:hover{filter:brightness(.94);transform:translateY(-1px);box-shadow:0 .18rem .4rem #8c23192e}.sample-delete-sheet-panel footer>button:active{transform:scale(.98)}.sample-delete-sheet-panel footer>.sample-delete-confirm .ui-icon{width:.9rem;height:.9rem;color:var(--color-white);stroke:currentColor}.ui-sample[data-delete-sheet-open=true] .sample-delete-scrim{opacity:1;pointer-events:auto}.ui-sample[data-delete-sheet-open=true] .sample-delete-sheet-panel{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(-50%)scale(1);box-shadow:0 .75rem 1.6rem #1f2a372e}.ui-sample[data-delete-sheet-open=true] .sample-delete-sheet-panel>:not(.sample-delete-close){animation:.19s both sample-delete-sheet-content-in}.ui-sample[data-delete-sheet-open=true] .sample-delete-sheet-panel>:nth-child(2){animation-delay:16ms}.ui-sample[data-delete-sheet-open=true] .sample-delete-sheet-panel>:nth-child(3){animation-delay:30ms}.ui-sample[data-delete-sheet-open=true] .sample-delete-sheet-panel>:nth-child(4){animation-delay:44ms}.ui-sample[data-delete-sheet-open=true] .sample-delete-sheet-panel>:nth-child(5){animation-delay:58ms}.sample-delete-other-content{background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-white) 100%);align-content:center;justify-items:start;gap:.55rem;min-height:14rem;padding:.8rem;display:grid}.sample-delete-other-content h3{font-size:.88rem}.sample-delete-other-content>p:not(.sample-delete-other-status){max-width:15rem;color:var(--color-text-muted);margin:0;font-size:.68rem;line-height:1.5}.sample-delete-other-content>button .ui-icon{width:.9rem;height:.9rem}.sample-delete-note{color:var(--color-text-muted);text-align:center;grid-column:1/-1;margin:0;font-size:.65rem}@container (width<=38rem){.sample-delete-workspace{grid-template-columns:minmax(0,1fr);gap:.55rem}.sample-delete-window--parent .sample-delete-window-tools{display:none}.sample-delete-window-content,.sample-delete-other-content{min-height:11.5rem}.sample-delete-document-surface{min-height:10rem}.sample-delete-other-content{align-content:start}}@keyframes sample-delete-sheet-content-in{0%{opacity:0;transform:translateY(.14rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sample-delete-document-surface,.sample-delete-scrim,.sample-delete-sheet-panel,.sample-delete-sheet-panel footer>button{transition:none}.ui-sample[data-delete-sheet-open=true] .sample-delete-sheet-panel>:not(.sample-delete-close){animation:none}}.element-preview:has(.sample-sidebar-demo),.element-demo-stage:has(.sample-sidebar-demo){container-type:inline-size}.sample-sidebar-demo{width:min(100%,46rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:.8rem;font-size:.78rem;overflow:hidden;box-shadow:0 .3rem 1rem #443a3b12}.sample-sidebar-toolbar{border-bottom:1px solid var(--color-border);background:#ffffffeb;align-items:center;gap:.65rem;min-height:3.1rem;padding:.48rem .7rem;display:flex}.sample-sidebar-toggle{width:2rem;height:2rem;color:var(--color-text-muted);border-radius:.4rem;flex:none;place-items:center;padding:0;transition:color .15s,background-color .15s,transform .17s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.sample-sidebar-toggle:hover{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);transform:translateY(-1px)}.sample-sidebar-toggle:active{transform:translateY(0)scale(.96)}.sample-sidebar-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sample-sidebar-toggle .ui-icon{width:1rem;height:1rem}.sample-sidebar-toggle [data-sidebar-icon]{opacity:0;transition:opacity .15s,transform .21s cubic-bezier(.22,1,.36,1);display:block;position:absolute;transform:rotate(-12deg)scale(.82)}.sample-sidebar-toggle [data-sidebar-icon=expanded]{opacity:1;transform:rotate(0)scale(1)}.sample-sidebar-breadcrumb{align-items:center;gap:.45rem;min-width:0;display:flex}.sample-sidebar-breadcrumb>.ui-icon:first-child{width:.95rem;height:.95rem;color:var(--color-scout-blue-strong);flex:none}.sample-sidebar-breadcrumb>span,.sample-sidebar-breadcrumb>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sample-sidebar-breadcrumb>span{color:var(--color-text-muted)}.sample-sidebar-breadcrumb>strong{color:var(--color-text);font-weight:600}.sample-sidebar-breadcrumb-chevron{width:.75rem;height:.75rem;color:var(--color-text-muted);flex:none}.sample-sidebar-toolbar-context{color:var(--color-text-muted);margin-left:auto;font-size:.7rem}.sample-sidebar-workspace{grid-template-columns:14rem minmax(0,1fr);min-height:18.5rem;transition:grid-template-columns .25s cubic-bezier(.22,1,.36,1);display:grid}.sample-source-list{background:color-mix(in srgb, var(--color-surface-muted) 82%, transparent);border-right:1px solid var(--color-border);align-content:start;gap:1rem;min-width:0;padding:.9rem .65rem;transition:gap .22s cubic-bezier(.22,1,.36,1),padding .22s cubic-bezier(.22,1,.36,1);display:grid}.sample-source-group{align-content:start;gap:.12rem;min-width:0;display:grid}.sample-source-group>small{max-height:1rem;color:var(--color-text-muted);letter-spacing:.07em;opacity:1;margin:0 0 .28rem .55rem;font-size:.62rem;font-weight:700;transition:max-height .19s,margin .19s,opacity .14s,transform .19s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translateY(0)}.sample-source-group>button{width:100%;min-width:0;min-height:2.2rem;color:var(--color-text);text-align:left;border:1px solid #0000;border-radius:.45rem;align-items:center;gap:.6rem;padding:.38rem .55rem;transition:background-color .17s,color .17s,border-color .17s,transform .19s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.sample-source-group>button:before{border-radius:var(--radius-pill);background:var(--color-scout-blue);content:"";transform-origin:50%;width:2px;transition:transform .19s cubic-bezier(.22,1,.36,1);position:absolute;top:.42rem;bottom:.42rem;left:.12rem;transform:scaleY(0)}.sample-source-group>button:hover{color:var(--color-scout-blue-strong);background:#ffffffb8;transform:translate(2px)}.sample-source-group>button:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.sample-source-group>button.is-current{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-color:var(--color-scout-blue-border);font-weight:600}.sample-source-group>button.is-current:before{transform:scaleY(1)}.sample-source-group>button>.ui-icon{width:.95rem;height:.95rem;color:var(--color-text-muted);flex:none;transition:color .16s,transform .19s cubic-bezier(.22,1,.36,1)}.sample-source-group>button:hover>.ui-icon{color:var(--color-scout-blue-strong);transform:translate(1px)}.sample-source-group>button.is-current>.ui-icon{color:var(--color-scout-blue-strong);transform:scale(1.04)}.sample-source-label{text-overflow:ellipsis;white-space:nowrap;opacity:1;max-width:11rem;transition:max-width .22s cubic-bezier(.22,1,.36,1),opacity .15s,transform .2s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translate(0)}.sample-sidebar-content{min-width:0;padding:1.2rem 1.35rem 1.1rem}.sample-sidebar-content-meta{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:.6rem;display:flex}.sample-sidebar-content-meta>small{color:var(--color-scout-blue-strong);letter-spacing:.07em;font-size:.62rem;font-weight:700}.sample-sidebar-content-meta>span{font-size:.68rem}.sample-sidebar-content>h3{margin:.5rem 0 .25rem;font-size:1.2rem;line-height:1.2}.sample-sidebar-description{color:var(--color-text-muted);margin:0;line-height:1.45}.sample-sidebar-items{gap:.15rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.sample-sidebar-items>li{border-bottom:1px solid var(--color-border);align-items:center;gap:.6rem;min-width:0;min-height:2.9rem;padding:.42rem .5rem;display:flex}.sample-sidebar-items>li>.ui-icon{width:1rem;height:1rem;color:var(--color-scout-blue-strong);flex:none}.sample-sidebar-item-copy{gap:.08rem;min-width:0;display:grid}.sample-sidebar-item-copy>strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.77rem;font-weight:600;overflow:hidden}.sample-sidebar-item-copy>small,.sample-sidebar-item-count{color:var(--color-text-muted);font-size:.67rem}.sample-sidebar-item-count{flex:none;margin-left:auto}.sample-sidebar-note{color:var(--color-text-muted);background:var(--color-white);border-top:1px solid var(--color-border);text-align:center;margin:0;padding:.55rem .8rem;font-size:.65rem}.sample-sidebar-demo[data-sidebar-collapsed=true] .sample-sidebar-workspace{grid-template-columns:4rem minmax(0,1fr)}.sample-sidebar-demo[data-sidebar-collapsed=true] .sample-source-list{gap:.65rem;padding-inline:.4rem}.sample-sidebar-demo[data-sidebar-collapsed=true] .sample-source-group>small{opacity:0;max-height:0;margin-block:0;transform:translateY(-.2rem)}.sample-sidebar-demo[data-sidebar-collapsed=true] .sample-source-label{opacity:0;max-width:0;transform:translate(-.3rem)}.sample-sidebar-demo[data-sidebar-collapsed=true] .sample-source-group>button{justify-content:center;gap:0;padding-inline:.3rem}.sample-sidebar-demo[data-sidebar-collapsed=true] .sample-sidebar-toggle [data-sidebar-icon=expanded]{opacity:0;transform:rotate(12deg)scale(.82)}.sample-sidebar-demo[data-sidebar-collapsed=true] .sample-sidebar-toggle [data-sidebar-icon=collapsed]{opacity:1;transform:rotate(0)scale(1)}@container (width<=36rem){.sample-sidebar-workspace,.sample-sidebar-demo[data-sidebar-collapsed=true] .sample-sidebar-workspace{grid-template-columns:minmax(0,1fr)}.sample-source-list{border-right:0;border-bottom:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.35rem;padding:.55rem}.sample-source-group{display:contents}.sample-source-group>small{display:none}.sample-source-group>button{min-height:2.3rem}.sample-sidebar-demo[data-sidebar-collapsed=true] .sample-source-list{gap:.35rem;padding:.55rem}.sample-sidebar-demo[data-sidebar-collapsed=true] .sample-source-group>button{justify-content:center}.sample-sidebar-content{min-height:14rem;padding:.9rem}}@container (width<=22rem){.sample-sidebar-toolbar{gap:.35rem;padding-inline:.45rem}.sample-sidebar-toolbar-context{display:none}.sample-sidebar-breadcrumb{gap:.3rem;font-size:.72rem}.sample-source-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-source-group>button{gap:.4rem;padding-inline:.4rem;font-size:.7rem}.sample-sidebar-item-count{display:none}}@media (prefers-reduced-motion:reduce){.sample-sidebar-workspace,.sample-source-list,.sample-source-group>small,.sample-source-group>button,.sample-source-group>button:before,.sample-source-group>button>.ui-icon,.sample-source-label,.sample-sidebar-toggle,.sample-sidebar-toggle [data-sidebar-icon],.sample-sidebar-content{transition:none!important}.sample-sidebar-toggle:hover,.sample-sidebar-toggle:active,.sample-sidebar-toggle [data-sidebar-icon],.sample-source-group>button:hover,.sample-source-group>button>.ui-icon{transform:none!important}}.sample-stepper{justify-items:center;gap:.5rem;width:min(100%,18rem);display:grid}.sample-stepper-row{justify-content:center;align-items:center;gap:.7rem;min-width:0;display:flex}.sample-stepper-label{color:var(--color-text);font-size:.9rem;font-weight:600}.sample-stepper-control{background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) 1.625rem;width:5.2rem;min-height:3.125rem;display:grid;overflow:hidden}.sample-stepper-input{width:100%;min-width:0;color:var(--color-text);font:inherit;font-variant-numeric:tabular-nums;text-align:right;appearance:textfield;background:0 0;border:0;padding:.25rem .45rem;font-size:.9rem}.sample-stepper-input::-webkit-inner-spin-button,.sample-stepper-input::-webkit-outer-spin-button{appearance:none;margin:0}.sample-stepper-input:focus-visible{outline:2px solid var(--color-scout-blue);outline-offset:-2px}.sample-stepper-buttons{border-left:1px solid var(--color-border);grid-template-rows:1fr 1fr;display:grid}.sample-stepper-buttons button{min-width:1.5rem;min-height:1.5rem;color:var(--color-scout-blue);background:var(--color-white);place-items:center;padding:0;transition:color .13s,background-color .13s,transform .11s cubic-bezier(.2,.75,.25,1);display:grid}.sample-stepper-buttons button:hover:not(:disabled){color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-stepper-buttons button:active:not(:disabled){background:var(--color-scout-blue-border);transition-duration:70ms;transform:scale(.94)}.sample-stepper-buttons button:focus-visible{z-index:1;outline-offset:-2px;position:relative}.sample-stepper-buttons button+button{border-top:1px solid var(--color-border)}.sample-stepper-buttons button:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.55}.sample-stepper-buttons .ui-icon{width:.65rem;height:.65rem}.sample-stepper-input.is-stepping-up{animation:.16s cubic-bezier(.2,.75,.25,1) both stepper-value-up}.sample-stepper-input.is-stepping-down{animation:.16s cubic-bezier(.2,.75,.25,1) both stepper-value-down}.sample-stepper-buttons button.is-stepping-up .ui-icon{transform-origin:50%;animation:.16s cubic-bezier(.2,.75,.25,1) both stepper-arrow-up}.sample-stepper-buttons button.is-stepping-down .ui-icon{transform-origin:50%;animation:.16s cubic-bezier(.2,.75,.25,1) both stepper-arrow-down}.sample-stepper-hint{color:var(--color-text-muted);text-align:center;font-size:.76rem}@keyframes stepper-value-up{0%{opacity:.72;transform:translateY(.12em)}to{opacity:1;transform:translateY(0)}}@keyframes stepper-value-down{0%{opacity:.72;transform:translateY(-.12em)}to{opacity:1;transform:translateY(0)}}@keyframes stepper-arrow-up{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-1px)scale(1.08)}}@keyframes stepper-arrow-down{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(1px)scale(1.08)}}@media (prefers-reduced-motion:reduce){.sample-stepper-input,.sample-stepper-buttons button,.sample-stepper-buttons button .ui-icon{transition:none!important;animation:none!important}.sample-stepper-buttons button:active:not(:disabled){transform:none!important}}.sample-toolbar-demo{justify-self:center;gap:.65rem;width:min(100%,28rem);display:grid}.sample-toolbar-window{background:var(--color-white);border:1px solid var(--color-border);border-radius:.65rem;width:100%;min-width:0;transition:box-shadow .16s;position:relative;overflow:hidden;container-type:inline-size}.sample-toolbar{background:var(--color-white);justify-content:space-between;align-items:center;gap:.45rem;width:100%;min-width:0;min-height:4rem;padding:.5rem .6rem;transition:background-color .16s;display:flex}.sample-toolbar-title{flex:auto;gap:.08rem;min-width:0;display:grid}.sample-toolbar-title>small,.sample-toolbar-content>small{color:var(--color-text-muted);letter-spacing:.06em;font-size:.58rem;font-weight:700}.sample-toolbar-title>strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.sample-toolbar-items{flex:none;align-items:center;gap:.28rem;min-width:0;display:flex}.sample-toolbar-action{min-width:2.65rem;min-height:3rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.42rem;grid-template-rows:1.05rem minmax(.95rem,auto);align-content:center;justify-items:center;gap:.18rem;padding:.24rem .32rem;transition:grid-template-rows .17s,gap .17s,color .15s,background-color .15s,transform .15s cubic-bezier(.22,1,.36,1),box-shadow .15s;display:grid}.sample-toolbar-action:hover{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);transform:translateY(-1px)}.sample-toolbar-action:active{transition-duration:70ms;transform:scale(.96)}.sample-toolbar-action:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.sample-toolbar-action .ui-icon{width:.95rem;height:.95rem;color:inherit;transition:transform .15s cubic-bezier(.22,1,.36,1)}.sample-toolbar-action:hover .ui-icon{transform:scale(1.06)}.sample-toolbar-action:active .ui-icon{transform:scale(.94)}.sample-toolbar-item-label{max-height:.95rem;color:inherit;opacity:1;white-space:nowrap;font-size:.5rem;font-weight:600;line-height:1.2;transition:max-height .16s,opacity .13s,transform .16s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translateY(0)}.sample-toolbar-demo[data-labels=false] .sample-toolbar-item-label{opacity:0;max-height:0;transform:translateY(-.18rem)}.sample-toolbar-demo[data-labels=false] .sample-toolbar-action{grid-template-rows:1fr 0fr;gap:0}.sample-toolbar-action[data-toolbar-optional=true]{max-width:3.8rem;transition:max-width .17s cubic-bezier(.22,1,.36,1),min-width .17s cubic-bezier(.22,1,.36,1),padding .17s,opacity .13s,transform .15s;overflow:hidden}.sample-toolbar-window[data-compact=true] .sample-toolbar-action[data-toolbar-optional=true]{opacity:0;pointer-events:none;min-width:0;max-width:0;padding-inline:0;transform:translate(.2rem)scale(.96)}.sample-toolbar-overflow-trigger,.sample-toolbar-overflow-trigger[hidden]{display:none}.sample-toolbar-window[data-compact=true] .sample-toolbar-overflow-trigger:not([hidden]){display:grid}.sample-toolbar-overflow-trigger:not([hidden]){animation:.16s cubic-bezier(.22,1,.36,1) both sample-toolbar-item-enter}.sample-toolbar-window[data-compact=true] .sample-toolbar-title>small{display:none}.sample-toolbar-separator{background:var(--color-border);height:1px;transition:height .17s,background-color .17s,box-shadow .17s}.sample-toolbar-separator[data-toolbar-separator=line]{background:var(--color-border-strong)}.sample-toolbar-separator[data-toolbar-separator=shadow]{background:0 0;height:3px;box-shadow:0 2px 3px #2a384c24}.sample-toolbar-separator[data-toolbar-separator=none]{box-shadow:none;background:0 0}.sample-toolbar-content{align-content:center;gap:.25rem;min-height:5.1rem;padding:.75rem .9rem;display:grid}.sample-toolbar-content>h3{margin:0;font-size:.88rem}.sample-toolbar-content>p{color:var(--color-text-muted);margin:0;font-size:.72rem}.sample-toolbar-content>span{color:var(--color-text-muted);font-size:.63rem}.sample-toolbar-overflow-menu{z-index:4;width:min(11rem,100% - 1rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);opacity:1;transform-origin:100% 0;border-radius:.55rem;gap:.1rem;padding:.28rem;transition:opacity .14s,transform .16s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:3.45rem;right:.55rem;transform:translateY(0)scale(1);box-shadow:0 .5rem 1.2rem #2a384c26}.sample-toolbar-overflow-menu[data-open=false]{opacity:0;pointer-events:none;transform:translateY(-.25rem)scale(.98)}.sample-toolbar-overflow-menu[hidden]{display:none}.sample-toolbar-overflow-menu>button{min-height:2rem;color:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:.35rem;padding:.35rem .55rem}.sample-toolbar-overflow-menu>button:hover,.sample-toolbar-overflow-menu>button:focus-visible{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);outline:none}.sample-toolbar-demo-controls{gap:.45rem;display:grid}.sample-toolbar-control-row,.sample-toolbar-separator-controls{flex-wrap:wrap;align-items:center;gap:.28rem;display:flex}.sample-toolbar-demo-controls button{min-height:1.8rem;color:var(--color-scout-blue-strong);background:var(--color-white);border:1px solid var(--color-border);cursor:pointer;border-radius:.4rem;padding:.25rem .5rem;font-size:.62rem;font-weight:600;transition:background-color .13s,border-color .13s,transform .13s}.sample-toolbar-demo-controls button:hover{background:var(--color-scout-blue-soft);transform:translateY(-1px)}.sample-toolbar-demo-controls button:active{transition-duration:70ms;transform:scale(.98)}.sample-toolbar-demo-controls button:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.sample-toolbar-demo-controls button[aria-pressed=true]{background:var(--color-scout-blue-soft);border-color:var(--color-scout-blue-border)}.sample-toolbar-separator-controls>span{color:var(--color-text-muted);margin-right:.12rem;font-size:.63rem;font-weight:600}.sample-toolbar-note{color:var(--color-text-muted);margin:0;font-size:.63rem;line-height:1.45}.sample-toolbar-demo .sample-toolbar-feedback:not([hidden]){width:fit-content;max-width:100%;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);text-align:center;border-radius:.4rem;justify-self:center;margin:0;padding:.38rem .5rem;font-size:.68rem;animation:.18s cubic-bezier(.22,1,.36,1) both sample-toolbar-feedback-enter}.sample-toolbar-demo .sample-toolbar-feedback.is-leaving{animation:.18s ease-in both sample-toolbar-feedback-exit}.sample-toolbar-content.is-changing>*{animation:.21s cubic-bezier(.22,1,.36,1) both sample-toolbar-content-enter}.sample-toolbar-content.is-changing>:nth-child(2){animation-delay:25ms}.sample-toolbar-content.is-changing>:nth-child(3){animation-delay:50ms}.sample-toolbar-content.is-changing>:nth-child(4){animation-delay:75ms}@keyframes sample-toolbar-item-enter{0%{opacity:0;transform:translateY(-.12rem)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sample-toolbar-feedback-enter{0%{opacity:0;transform:translateY(.2rem)}to{opacity:1;transform:translateY(0)}}@keyframes sample-toolbar-feedback-exit{to{opacity:0;transform:translateY(-.12rem)}}@keyframes sample-toolbar-content-enter{0%{opacity:.35;transform:translateY(.22rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sample-toolbar-action,.sample-toolbar-action .ui-icon,.sample-toolbar-action[data-toolbar-optional=true],.sample-toolbar-item-label,.sample-toolbar-separator,.sample-toolbar-overflow-menu,.sample-toolbar-demo-controls button,.sample-toolbar-window,.sample-toolbar{transition:none}.sample-toolbar-item-label{transform:none!important}.sample-toolbar-action:hover,.sample-toolbar-action:active,.sample-toolbar-action:hover .ui-icon,.sample-toolbar-action:active .ui-icon,.sample-toolbar-window[data-compact=true] .sample-toolbar-action[data-toolbar-optional=true],.sample-toolbar-demo-controls button:hover,.sample-toolbar-demo-controls button:active,.sample-toolbar-overflow-menu[data-open=false]{transform:none}.sample-toolbar-overflow-trigger:not([hidden]),.sample-toolbar-feedback:not([hidden]),.sample-toolbar-feedback.is-leaving,.sample-toolbar-content.is-changing>*{animation:none}}.sample-window-actions-demo{width:min(100%,24rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:.7rem;align-content:start;transition:width .26s cubic-bezier(.2,.8,.2,1),min-height .26s cubic-bezier(.2,.8,.2,1),box-shadow .22s;display:grid;overflow:hidden;box-shadow:0 .35rem .9rem #443a3b12}.sample-window-actions-toolbar{background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;min-width:0;padding:.7rem;transition:background-color .22s;display:flex}.sample-window-actions-toolbar>div:first-child{gap:.12rem;min-width:7rem;display:grid}.sample-window-actions-toolbar small,.sample-window-document-heading small{color:var(--color-text-muted);letter-spacing:.05em;font-size:.58rem;font-weight:700}.sample-window-actions-toolbar strong{font-size:.82rem}.sample-window-actions-group{flex-wrap:wrap;gap:.25rem;display:flex}.sample-window-actions-group>button,.sample-window-document-actions>button,.sample-window-actions-message>button{min-height:2rem;color:var(--color-scout-blue-strong);background:var(--color-white);border:1px solid var(--color-border);cursor:pointer;border-radius:.42rem;justify-content:center;align-items:center;gap:.3rem;padding:.32rem .48rem;font-size:.65rem;font-weight:600;display:inline-flex}.sample-window-actions-group>button:hover,.sample-window-document-actions>button:not(:disabled):hover,.sample-window-actions-message>button:hover{background:var(--color-scout-blue-soft);border-color:var(--color-scout-blue-border)}.sample-window-actions-group>button:focus-visible,.sample-window-document-actions>button:focus-visible,.sample-window-actions-message>button:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.sample-window-actions-group>button .ui-icon{width:.78rem;height:.78rem}.sample-window-actions-group>button[aria-pressed=true]{color:var(--color-white);background:var(--color-scout-blue);border-color:var(--color-scout-blue)}.sample-window-actions-group>button[aria-pressed=true] .ui-icon{color:var(--color-white)}.sample-window-actions-group>button:disabled{opacity:.5;cursor:not-allowed}.sample-window-actions-body{opacity:1;gap:.5rem;max-height:12rem;padding:.85rem;transition:max-height .24s cubic-bezier(.2,.8,.2,1),padding .22s,opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1);display:grid;overflow:hidden;transform:translateY(0)}.sample-window-document-heading{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.sample-window-document-heading>div{gap:.1rem;display:grid}.sample-window-document-heading h3{margin:0;font-size:.88rem}.sample-window-document-heading>span{color:var(--color-text-muted);background:var(--color-surface-muted);border-radius:999px;padding:.18rem .4rem;font-size:.62rem}.sample-window-document-heading>span[data-unsaved=true]{color:var(--color-warning);background:var(--color-warning-background)}.sample-window-actions-body>p{color:var(--color-text-muted);margin:0;font-size:.72rem;line-height:1.45}.sample-window-document-actions{flex-wrap:wrap;gap:.35rem;display:flex}.sample-window-document-actions>button:disabled{color:var(--color-text-muted);background:var(--color-surface-muted);cursor:not-allowed}.sample-window-actions-message{min-height:3.5rem;color:var(--color-text-muted);background:var(--color-surface-muted);flex-wrap:wrap;align-items:center;gap:.4rem;padding:.65rem .8rem;animation:.22s cubic-bezier(.2,.8,.2,1) both window-actions-message-enter;display:flex}.sample-window-actions-message>.ui-icon{width:.85rem;height:.85rem}.sample-window-actions-caption{color:var(--color-text-muted);border-top:1px solid var(--color-border);margin:0;padding:.65rem .8rem;font-size:.62rem;line-height:1.45}.sample-window-actions-feedback:not([hidden]){color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-top:1px solid var(--color-scout-blue-border);margin:0;padding:.45rem .65rem;font-size:.65rem}.sample-window-actions-demo[data-window-state=minimized] .sample-window-actions-body,.sample-window-actions-demo[data-window-state=closed] .sample-window-actions-body{opacity:0;max-height:0;padding-block:0;transform:translateY(-.2rem)}.sample-window-actions-demo[data-window-state=zoomed]{width:min(100%,35rem);min-height:12rem;box-shadow:0 .6rem 1.3rem #443a3b1a}.sample-window-actions-demo[data-window-state=fullscreen]{width:100%;min-height:14rem;box-shadow:0 .7rem 1.5rem #443a3b1f}.sample-window-actions-demo[data-window-state=fullscreen] .sample-window-actions-toolbar{background:var(--color-info-background)}.sample-window-actions-demo[data-window-state=fullscreen] .sample-window-actions-body{align-content:center;min-height:9rem;padding-inline:1.2rem}.sample-window-actions-demo[data-window-state=open] [data-window-control=expand] .ui-icon,.sample-window-actions-demo[data-window-state=zoomed] [data-window-control=expand] .ui-icon,.sample-window-actions-demo[data-window-state=fullscreen] [data-window-control=expand] .ui-icon{animation:.22s cubic-bezier(.2,.8,.2,1) both window-actions-icon-enter}@keyframes window-actions-message-enter{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@keyframes window-actions-icon-enter{0%{opacity:.45;transform:scale(.72)rotate(-35deg)}to{opacity:1;transform:scale(1)rotate(0)}}@container (width<=22rem){.sample-window-actions-toolbar{align-items:flex-start}.sample-window-actions-group{width:100%}.sample-window-actions-group>button{flex:1 1 0}}@media (prefers-reduced-motion:reduce){.sample-window-actions-demo,.sample-window-actions-body{transition:none}.sample-window-actions-message,.sample-window-actions-group>button .ui-icon{animation:none}}.element-preview:has(.sample-vibrancy-demo) .ui-sample,.element-demo-stage:has(.sample-vibrancy-demo) .ui-sample{container-type:inline-size}.sample-vibrancy-demo{width:100%;min-height:17rem;color:var(--color-text);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-items:center;gap:.35rem;padding:.85rem;display:grid}.sample-vibrancy-desktop{isolation:isolate;background:linear-gradient(152deg,#d8e5eb 0%,#e8e4d7 48%,#d3e1d7 100%);border:1px solid #ffffffad;border-radius:.9rem;place-items:center;width:min(100%,42rem);min-height:15rem;padding:.9rem;display:grid;position:relative;overflow:hidden}.sample-vibrancy-wallpaper{z-index:0;background:radial-gradient(at 83% 23%,#edbe88bd 0 12%,#0000 12.4%),linear-gradient(153deg,#0000 0 45%,#85a691b3 45.2% 70%,#0000 70.3%),linear-gradient(17deg,#769db5b8 0 37%,#0000 37.3%);position:absolute;inset:0;overflow:hidden}.sample-vibrancy-wallpaper-document{width:min(42%,14rem);min-height:76%;color:var(--color-text);background:#ffffffd1;border:1px solid #ffffffeb;border-radius:.65rem;align-content:start;gap:.45rem;padding:.8rem;display:grid;position:absolute;top:12%;left:7%;box-shadow:0 .6rem 1.8rem #222d371f}.sample-vibrancy-wallpaper-document small{color:var(--color-text-muted);letter-spacing:.045em;font-size:.54rem;font-weight:700}.sample-vibrancy-wallpaper-document strong{font-size:.78rem}.sample-vibrancy-wallpaper-document>span{color:var(--color-text-muted);font-size:.65rem}.sample-vibrancy-wallpaper-swatches{gap:.3rem;margin-top:auto;display:flex}.sample-vibrancy-wallpaper-swatches i{border-radius:.25rem;width:2rem;height:1.2rem}.sample-vibrancy-wallpaper-swatches i:first-child{background:var(--color-scout-blue)}.sample-vibrancy-wallpaper-swatches i:nth-child(2){background:var(--color-thinker-orange)}.sample-vibrancy-wallpaper-swatches i:nth-child(3){background:var(--color-builder-green)}.sample-vibrancy-wallpaper-shape{aspect-ratio:1;background:#ffffff29;border:1px solid #ffffff4d;border-radius:50%;width:38%;position:absolute;bottom:-25%;right:9%}.sample-vibrancy-panel{--vibrancy-surface:#ffffff9e;--vibrancy-border:#ffffffc7;--vibrancy-blur:16px;z-index:1;width:min(100%,27rem);color:var(--color-text);background:var(--vibrancy-surface);border:1px solid var(--vibrancy-border);backdrop-filter:blur(var(--vibrancy-blur)) saturate(132%);border-radius:.85rem;gap:.65rem;padding:.85rem;transition:background-color .22s,border-color .22s,box-shadow .22s,-webkit-backdrop-filter .22s,backdrop-filter .22s;display:grid;position:relative;box-shadow:0 .85rem 2.1rem #1a24302e,inset 0 1px #ffffff94}.sample-vibrancy-demo[data-material=sidebar] .sample-vibrancy-panel{--vibrancy-surface:#edf3f7b8;--vibrancy-border:#ffffffb3;--vibrancy-blur:12px}.sample-vibrancy-demo[data-material=hud] .sample-vibrancy-panel{--vibrancy-surface:#fafafcb8;--vibrancy-border:#ffffffd6;--vibrancy-blur:22px}.sample-vibrancy-demo[data-material=solid] .sample-vibrancy-panel{--vibrancy-surface:var(--color-surface);--vibrancy-border:var(--color-border);--vibrancy-blur:0px;box-shadow:var(--shadow-soft)}@supports not (backdrop-filter:blur(1px)){.sample-vibrancy-panel{background:var(--color-surface)}}.sample-vibrancy-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;display:grid}.sample-vibrancy-mark{width:2rem;height:2rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);border-radius:.5rem;place-items:center;display:grid}.sample-vibrancy-mark .ui-icon{width:1rem;height:1rem}.sample-vibrancy-heading{gap:.05rem;min-width:0;display:grid}.sample-vibrancy-heading small{color:var(--color-text-muted);letter-spacing:.055em;font-size:.57rem;font-weight:700}.sample-vibrancy-heading strong{font-size:.9rem}.sample-vibrancy-state{color:var(--color-scout-blue-strong);white-space:nowrap;background:#ffffff7a;border:1px solid #fff9;border-radius:999px;padding:.25rem .4rem;font-size:.61rem}.sample-vibrancy-material-layer,.sample-vibrancy-foreground{border-top:1px solid #ffffffad;gap:.45rem;padding-top:.55rem;display:grid}.sample-vibrancy-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.2rem .55rem;display:flex}.sample-vibrancy-section-heading strong{font-size:.68rem}.sample-vibrancy-section-heading small{color:var(--color-text);font-size:.56rem}.sample-vibrancy-material-options{background:#ffffff47;border:1px solid #ffffff57;border-radius:.55rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;padding:.22rem;display:grid}.sample-vibrancy-material-options button{min-width:0;min-height:1.8rem;color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.38rem;padding:.25rem .2rem;font-size:.65rem;font-weight:600;transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s}.sample-vibrancy-material-options button:hover{color:var(--color-text);background:#ffffff7a}.sample-vibrancy-material-options button[aria-pressed=true]{color:var(--color-scout-blue-strong);background:var(--color-surface);border-color:#ffffffe0;box-shadow:0 1px 3px #1b283621}.sample-vibrancy-action-row{background:#ffffff94;border:1px solid #ffffffb8;border-radius:.55rem;align-items:center;gap:.55rem;min-width:0;padding:.48rem;transition:background-color .18s,border-color .18s;display:flex}.sample-vibrancy-action-mark{color:#fff;background:var(--color-scout-blue-strong);border:1px solid var(--color-scout-blue-strong);border-radius:.42rem;flex:none;place-items:center;width:1.8rem;height:1.8rem;transition:background-color .18s,border-color .18s;display:grid}.sample-vibrancy-action-mark .ui-icon{width:.9rem;height:.9rem;color:inherit;stroke:currentColor;stroke-width:2.4px}.sample-vibrancy-action-copy{flex:auto;gap:.05rem;min-width:0;display:grid}.sample-vibrancy-action-copy strong{font-size:.69rem}.sample-vibrancy-action-copy small{color:var(--color-text-muted);font-size:.61rem}.sample-vibrancy-action-row>button{min-height:1.85rem;color:var(--color-scout-blue-strong);background:var(--color-surface);border:1px solid var(--color-scout-blue-border);font:inherit;cursor:pointer;border-radius:.4rem;flex:none;padding:.3rem .48rem;font-size:.62rem;font-weight:600;transition:color .16s,background-color .16s,border-color .16s,transform .16s}.sample-vibrancy-action-row>button:hover{background:var(--color-scout-blue-soft)}.sample-vibrancy-demo[data-vibrancy=off] .sample-vibrancy-action-mark{color:var(--color-scout-blue-strong);background:var(--color-surface);border-color:var(--color-border)}.sample-vibrancy-demo[data-vibrancy=off] .sample-vibrancy-action-row{background:#ffffff52;border-color:#ffffff7a}.sample-vibrancy-material-options button:focus-visible,.sample-vibrancy-action-row>button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sample-vibrancy-caption{width:min(100%,42rem);color:var(--color-text-muted);margin:0;font-size:.62rem;line-height:1.35}.sample-vibrancy-status:not([hidden]){width:min(100%,42rem);color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border:1px solid var(--color-scout-blue-border);border-radius:var(--radius-sm);margin:0;padding:.4rem .55rem;font-size:.66rem;line-height:1.4}@media (prefers-reduced-motion:reduce){.sample-vibrancy-panel,.sample-vibrancy-material-options button,.sample-vibrancy-action-row,.sample-vibrancy-action-mark,.sample-vibrancy-action-row>button{transition:none}}@container (width<=22rem){.sample-vibrancy-demo{padding:.55rem}.sample-vibrancy-desktop{min-height:16rem;padding:.55rem}.sample-vibrancy-panel{gap:.5rem;padding:.65rem}.sample-vibrancy-wallpaper-document{width:48%;left:-10%}.sample-vibrancy-header{grid-template-columns:auto minmax(0,1fr)}.sample-vibrancy-state{grid-column:2;justify-self:start}.sample-vibrancy-material-options{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-vibrancy-action-row{gap:.35rem;padding:.35rem}.sample-vibrancy-action-row>button{padding-inline:.35rem}}@container (width<=16rem){.sample-vibrancy-action-row{grid-template-columns:auto minmax(0,1fr);display:grid}.sample-vibrancy-action-row>button{grid-column:1/-1;justify-self:end}}.sample-menu-extra-demo{gap:.55rem;width:min(100%,34rem)}.sample-menu-extra-workspace-label{color:var(--color-text-muted);font-size:.78rem}.sample-menu-extra-demo .sample-menu-bar .sample-menu-extra-trigger{gap:.35rem;font-size:.76rem}.sample-menu-extra-demo .sample-menu-bar .sample-menu-extra-trigger .ui-icon{width:.95rem;height:.95rem;color:var(--color-scout-blue-strong);transition:transform .18s cubic-bezier(.2,.8,.2,1)}.sample-menu-extra-demo .sample-menu-bar .sample-menu-extra-trigger[aria-expanded=true] .ui-icon{transform:scale(1.05)}.sample-menu-extra-demo .sample-menu-bar .sample-menu-extra-trigger .ui-icon.is-updating{animation:.17s cubic-bezier(.2,.8,.2,1) both sample-menu-extra-icon-update}.sample-menu-extra-demo .sample-menu-bar .sample-menu-extra-trigger[aria-expanded=true]{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-menu-extra-content{color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:.45rem;padding:.8rem .9rem;display:grid}.sample-menu-extra-content.is-entering{animation:.18s cubic-bezier(.2,.8,.2,1) both sample-menu-extra-content-enter}.sample-menu-extra-heading{align-items:center;gap:.55rem;display:flex}.sample-menu-extra-icon{width:2rem;height:2rem;color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-radius:.45rem;flex:none;place-items:center;display:grid}.sample-menu-extra-icon .ui-icon{width:1.1rem;height:1.1rem}.sample-menu-extra-heading>div,.sample-menu-extra-activity>div,.sample-menu-extra-settings>div{gap:.12rem;display:grid}.sample-menu-extra-content small{color:var(--color-text-muted);font-size:.68rem}.sample-menu-extra-content strong{font-size:.88rem}.sample-menu-extra-content p{margin:0;font-size:.82rem}.sample-menu-extra-content>small{border-top:1px solid var(--color-border);padding-top:.35rem}.sample-menu-extra-activity ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.sample-menu-extra-activity li{flex-wrap:wrap;gap:.4rem;font-size:.78rem;display:flex}.sample-menu-extra-activity li time{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.sample-menu-extra-back{min-height:2rem;color:var(--color-scout-blue-strong);background:var(--color-surface);border:1px solid var(--color-scout-blue-border);border-radius:var(--radius-sm);font:inherit;justify-self:start;padding:.35rem .55rem;font-size:.76rem;font-weight:600}.sample-menu-extra-back:hover{background:var(--color-scout-blue-soft)}.sample-menu-extra-back:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sample-menu-extra-note{color:var(--color-text-muted);margin:0;font-size:.7rem;line-height:1.45}.sample-menu-extra-demo .sample-menu-bar-caption{font-size:.72rem}.sample-menu-extra-demo:has(.sample-menu-bar-panel:not([hidden])) .sample-menu-bar-caption{margin-top:.45rem}@keyframes sample-menu-extra-content-enter{0%{opacity:.72;transform:translateY(.15rem)}to{opacity:1;transform:translateY(0)}}@keyframes sample-menu-extra-icon-update{0%{opacity:.65;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.sample-menu-extra-back,.sample-menu-extra-demo .sample-menu-bar .sample-menu-extra-trigger .ui-icon{transition:none}.sample-menu-extra-content.is-entering,.sample-menu-extra-demo .sample-menu-bar .sample-menu-extra-trigger .ui-icon.is-updating{animation:none}}.ui-sample [hidden]{display:none!important}.ui-sample .sample-live-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ui-sample .sample-editable-input,.ui-sample .sample-search-input,.ui-sample .sample-token-input{background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:2.5rem;padding:.45rem .6rem}.ui-sample input::placeholder{color:var(--color-text-muted);opacity:1}.ui-sample .sample-range{width:100%;min-width:4rem;accent-color:var(--color-scout-blue)}.sample-selected>button,.sample-multi-token-chip>button,.sample-token-chip>button{flex:none;place-items:center;width:1.4rem;height:1.4rem;display:grid;color:var(--color-scout-blue-strong)!important;padding:0!important}.sample-token-chip{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft);border-radius:3px;align-items:center;gap:.3rem;padding:.25rem .4rem;font-size:.85rem;display:inline-flex}.sample-menu button,.sample-control-options button{text-align:left;border-radius:3px;width:100%;min-height:2.2rem;padding:.4rem .55rem;font-size:.88rem}.sample-menu button:hover,.sample-control-options button:hover{background:var(--color-scout-blue-soft)}.sample-control-options [role=option][aria-selected=true]{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-menu button.is-danger{color:var(--color-auditor-red);border-top:1px solid var(--color-border)}.sample-popover-macos .sample-anchor{color:var(--color-scout-blue-strong);font:inherit;cursor:pointer}.sample-popover-macos>div{z-index:2;max-width:min(15rem,68vw);font-size:.85rem}@media (prefers-reduced-motion:reduce){.sample-accordion summary>.ui-icon,.sample-accordion-panel,.sample-tabs-list:after,.sample-tabs-list>button{transition:none}.sample-tabs-panel.is-entering{animation:none}.sample-chip-action,.sample-chip-action .ui-icon,.sample-chip-remove,.sample-chip-row,.sample-chip-row.is-removing{transition:none;animation:none}}.sample-segmented>button{min-height:2.3rem;color:var(--color-text-muted);border-radius:3px;padding:.4rem .7rem;font-size:.88rem}.sample-segmented>button[aria-pressed=true]{color:var(--color-scout-blue-strong);background:var(--color-white);box-shadow:0 1px 2px #443a3b1f}@media (width<=25rem){.sample-mac-segmented-control>button{flex-direction:column;gap:.25rem;padding-inline:0}.sample-mac-segmented-preview{padding:.55rem}.sample-mac-segmented-icons{gap:.3rem}.sample-mac-segmented-icons>article{min-height:6.5rem}.sample-mac-segmented-list>article{grid-template-columns:1.2rem minmax(0,1fr);gap:.45rem}.sample-mac-segmented-list>article>small{text-align:left;grid-column:2}.sample-mac-segmented-columns>div{padding-inline:.35rem}.sample-mac-segmented-columns>div>strong,.sample-mac-segmented-columns>div>span{font-size:.62rem}}.sample-search-input{flex:1}.sample-save-panel footer>button{min-height:2.3rem;color:var(--color-scout-blue);border-radius:3px;padding:.4rem .65rem}.sample-save-panel footer>button[data-action=save-demo]{color:var(--color-white);background:var(--color-scout-blue)}.sample-token-entry .sample-token-input{width:auto;min-width:min(9rem,100%);color:var(--color-text);box-shadow:none;background:0 0;border:0;border-radius:3px;outline:0;flex:9rem;padding:.35rem .45rem}.sample-token-entry .sample-token-input:focus-visible{box-shadow:none;outline:0}@media (prefers-reduced-motion:reduce){.sample-mac-segmented-control>button,.sample-mac-segmented-control:after,.sample-mac-segmented-control>button>.ui-icon,.sample-mac-segmented-control>button+button:before{transition:none}.sample-mac-segmented-preview [data-segmented-view].is-entering{animation:none}}.sample-combo-button>button{min-height:2.5rem;color:var(--color-white)}.sample-combo-menu button{color:var(--color-text)}.sample-control-trio>div{min-width:0;position:relative}.sample-control-trio>div>button{background:var(--color-white);border:1px solid var(--color-border);text-align:left;border-radius:3px;min-height:2.4rem;padding:.4rem .55rem}.sample-control-options{z-index:8;width:max-content;min-width:100%;max-width:min(15rem,100vw - 2rem);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.25rem;position:absolute;top:calc(100% + .25rem);left:0;box-shadow:0 .5rem 1rem #443a3b24}.sample-control-options.opens-up{top:auto;bottom:calc(100% + .25rem)}.sample-mac-window header>button{border-radius:50%;flex:none;width:.85rem;height:.85rem;padding:0}.sample-mac-window header>button:first-child{background:var(--color-auditor-red)}.sample-mac-window header>button:nth-child(2){background:var(--color-thinker-orange)}.sample-mac-window header>button:nth-child(3){background:var(--color-builder-green)}.sample-mac-window header>button:hover{outline:2px solid var(--color-core-graphite);outline-offset:2px}.sample-source-list>button,.sample-outline-item,.sample-outline-expander,.sample-menu-bar>button{text-align:left;border-radius:3px;min-height:2.2rem;padding:.35rem .55rem;font-size:.88rem}.sample-source-list>button.is-current,.sample-outline-item.is-current,.sample-menu-bar>button.is-current{color:var(--color-scout-blue-strong);background:var(--color-scout-blue-soft)}.sample-menu-bar>button{min-height:2rem;padding:.25rem .4rem;font-size:.82rem}.sample-disclosure-row{font-weight:600}.element-preview .ui-sample :is(span,b,strong,button,label,p){font-size:1rem}.element-preview .ui-sample small{font-size:.9rem}.element-preview .ui-sample .ui-icon{width:1.2rem;height:1.2rem}.element-preview .ui-sample .sample-editor-color-preview-mark>.ui-icon,.element-demo-stage .ui-sample .sample-editor-color-preview-mark>.ui-icon{stroke-width:2.8px;width:.9rem;height:.9rem}.element-preview .ui-sample .sample-trash-alert-badge>.ui-icon,.element-demo-stage .ui-sample .sample-trash-alert-badge>.ui-icon{width:.72rem;height:.72rem;color:var(--color-white);stroke:currentColor;flex:0 0 .72rem;display:block;transform:none}.element-preview .ui-sample .sample-badge,.element-demo-stage .ui-sample .sample-badge{font-size:.52rem}.element-preview .ui-sample .sample-chip-action,.element-preview .ui-sample .sample-chip-remove{font-size:.78rem}.element-demo-stage .ui-sample :is(span,b,strong,button,label,p){font-size:1.05rem}.element-demo-stage .ui-sample small{font-size:.95rem}.element-demo-stage .ui-sample .ui-icon{width:1.25rem;height:1.25rem}.element-preview .ui-sample .sample-floating-panel-heading strong,.element-demo-stage .ui-sample .sample-floating-panel-heading strong{font-size:.9rem}.element-preview .ui-sample .sample-floating-panel-heading small,.element-demo-stage .ui-sample .sample-floating-panel-heading small{font-size:.75rem}.element-preview .ui-sample .sample-floating-panel-level strong,.element-demo-stage .ui-sample .sample-floating-panel-level strong{font-size:.74rem}.element-preview .ui-sample .sample-floating-panel button,.element-demo-stage .ui-sample .sample-floating-panel button{font-size:.8rem}.element-preview .ui-sample .sample-floating-panel .sample-editor-panel-styles button,.element-demo-stage .ui-sample .sample-floating-panel .sample-editor-panel-styles button{font-size:.72rem}.element-preview .ui-sample .sample-editor-color-options label,.element-demo-stage .ui-sample .sample-editor-color-options label,.element-preview .ui-sample .sample-editor-color-options label>span:last-child,.element-demo-stage .ui-sample .sample-editor-color-options label>span:last-child,.element-preview .ui-sample .sample-editor-custom-color,.element-demo-stage .ui-sample .sample-editor-custom-color{font-size:.75rem}.element-preview .ui-sample .sample-editor-panel-note>span,.element-demo-stage .ui-sample .sample-editor-panel-note>span{font-size:.7rem}.element-preview .ui-sample .sample-dock-badge,.element-demo-stage .ui-sample .sample-dock-badge{font-size:.52rem;line-height:1}.element-preview .ui-sample .sample-dock-controls button,.element-demo-stage .ui-sample .sample-dock-controls button{font-size:.78rem;line-height:1.2}.element-preview .ui-sample .sample-dock-controls .ui-icon,.element-demo-stage .ui-sample .sample-dock-controls .ui-icon{flex:0 0 .9rem;width:.9rem;height:.9rem}.element-demo-stage .ui-sample .sample-chip-action,.element-demo-stage .ui-sample .sample-chip-remove{font-size:.84rem}.element-preview .ui-sample .sample-stepper-label,.element-demo-stage .ui-sample .sample-stepper-label{font-size:.88rem}.element-preview .ui-sample .sample-stepper-hint,.element-demo-stage .ui-sample .sample-stepper-hint{font-size:.74rem;line-height:1.4}.element-preview .ui-sample .sample-stepper-buttons .ui-icon,.element-demo-stage .ui-sample .sample-stepper-buttons .ui-icon{width:.68rem;height:.68rem}.element-preview .ui-sample .sample-vibrancy-heading small{font-size:.57rem}.element-preview .ui-sample .sample-vibrancy-heading strong{font-size:.9rem}.element-preview .ui-sample .sample-vibrancy-state{font-size:.61rem}.element-preview .ui-sample .sample-vibrancy-section-heading strong{font-size:.68rem}.element-preview .ui-sample .sample-vibrancy-section-heading small{font-size:.56rem}.element-preview .ui-sample .sample-vibrancy-material-options button{font-size:.65rem}.element-preview .ui-sample .sample-vibrancy-action-copy strong{font-size:.69rem}.element-preview .ui-sample .sample-vibrancy-action-copy small{font-size:.61rem}.element-preview .ui-sample .sample-vibrancy-action-row>button{font-size:.62rem}.element-preview .ui-sample .sample-vibrancy-wallpaper-document small{font-size:.54rem}.element-preview .ui-sample .sample-vibrancy-wallpaper-document strong{font-size:.78rem}.element-preview .ui-sample .sample-vibrancy-wallpaper-document>span{font-size:.65rem}.element-preview .ui-sample .sample-vibrancy-mark .ui-icon,.element-preview .ui-sample .sample-vibrancy-action-mark .ui-icon{width:.9rem;height:.9rem}.element-preview .ui-sample .sample-vibrancy-caption{display:none}.element-preview .ui-sample .sample-vibrancy-caption,.element-preview .ui-sample .sample-vibrancy-status,.element-demo-stage .ui-sample .sample-vibrancy-heading small{font-size:.65rem}.element-demo-stage .ui-sample .sample-vibrancy-heading strong{font-size:1rem}.element-demo-stage .ui-sample .sample-vibrancy-state{font-size:.7rem}.element-demo-stage .ui-sample .sample-vibrancy-section-heading strong{font-size:.76rem}.element-demo-stage .ui-sample .sample-vibrancy-section-heading small{font-size:.65rem}.element-demo-stage .ui-sample .sample-vibrancy-material-options button{font-size:.72rem}.element-demo-stage .ui-sample .sample-vibrancy-action-copy strong{font-size:.8rem}.element-demo-stage .ui-sample .sample-vibrancy-action-copy small{font-size:.7rem}.element-demo-stage .ui-sample .sample-vibrancy-action-row>button{font-size:.72rem}.element-demo-stage .ui-sample .sample-vibrancy-wallpaper-document small{font-size:.6rem}.element-demo-stage .ui-sample .sample-vibrancy-wallpaper-document strong{font-size:.9rem}.element-demo-stage .ui-sample .sample-vibrancy-wallpaper-document>span{font-size:.74rem}.element-demo-stage .ui-sample .sample-vibrancy-mark .ui-icon,.element-demo-stage .ui-sample .sample-vibrancy-action-mark .ui-icon{width:1rem;height:1rem}.element-demo-stage .ui-sample .sample-vibrancy-caption,.element-demo-stage .ui-sample .sample-vibrancy-status{font-size:.74rem}.element-preview .ui-sample .sample-hover-trigger,.element-demo-stage .ui-sample .sample-hover-trigger{font-size:.9rem}.element-preview .ui-sample .sample-hover-trigger>.ui-icon,.element-demo-stage .ui-sample .sample-hover-trigger>.ui-icon{width:.9rem;height:.9rem}.element-preview .ui-sample .sample-hover-card-head b,.element-demo-stage .ui-sample .sample-hover-card-head b{font-size:.85rem}.element-preview .ui-sample .sample-hover-card-head small,.element-demo-stage .ui-sample .sample-hover-card-head small{font-size:.68rem}.element-preview .ui-sample .sample-hover-card p,.element-demo-stage .ui-sample .sample-hover-card p{font-size:.75rem}.element-preview .ui-sample .sample-hover-avatar,.element-demo-stage .ui-sample .sample-hover-avatar{font-size:.88rem}.element-preview .ui-sample .sample-hover-live,.element-preview .ui-sample .sample-hover-chip,.element-preview .ui-sample .sample-hover-card-foot,.element-demo-stage .ui-sample .sample-hover-live,.element-demo-stage .ui-sample .sample-hover-chip,.element-demo-stage .ui-sample .sample-hover-card-foot{font-size:.65rem}.element-preview .ui-sample .sample-scrim-eyebrow,.element-preview .ui-sample .sample-scrim-dialog-kicker{font-size:.52rem}.element-preview .ui-sample .sample-scrim-workspace-header strong{font-size:.78rem}.element-preview .ui-sample .sample-scrim-metrics article small{font-size:.58rem}.element-preview .ui-sample .sample-scrim-metrics article span{font-size:.54rem}.element-preview .ui-sample .sample-scrim-dialog>p{font-size:.72rem}.element-preview .ui-sample .sample-scrim-dialog>footer small{font-size:.58rem}.element-demo-stage .ui-sample .sample-scrim-eyebrow,.element-demo-stage .ui-sample .sample-scrim-dialog-kicker{font-size:.62rem}.element-demo-stage .ui-sample .sample-scrim-workspace-header strong{font-size:.98rem}.element-demo-stage .ui-sample .sample-scrim-metrics article small{font-size:.72rem}.element-demo-stage .ui-sample .sample-scrim-metrics article span{font-size:.68rem}.element-demo-stage .ui-sample .sample-scrim-dialog>p{font-size:.92rem}.element-demo-stage .ui-sample .sample-scrim-dialog>footer small{font-size:.74rem}.element-preview .ui-sample .sample-notice-kind{font-size:.58rem}.element-preview .ui-sample .sample-notice-message strong{font-size:.78rem}.element-preview .ui-sample .sample-notice-message small{font-size:.66rem}.element-preview .ui-sample .sample-notice-field>strong,.element-preview .ui-sample .sample-notice-alert-copy>strong{font-size:.72rem}.element-preview .ui-sample .sample-notice-field>small,.element-preview .ui-sample .sample-notice-alert-copy>small{font-size:.62rem}.element-preview .ui-sample .sample-notice-action{font-size:.67rem!important}.element-preview .ui-sample .sample-notice-footnote,.element-preview .ui-sample .sample-notice-feedback{font-size:.6rem}.element-preview .ui-sample .sample-notice-dismiss .ui-icon{width:.95rem;height:.95rem}.element-preview .ui-sample .sample-toast-brand,.element-preview .ui-sample .sample-toast-app>footer>span:last-child{font-size:.68rem}.element-preview .ui-sample .sample-toast-brand-mark{font-size:.62rem}.element-preview .ui-sample .sample-toast-document>small{font-size:.55rem}.element-preview .ui-sample .sample-toast-document>strong{font-size:.82rem}.element-preview .ui-sample .sample-toast-save{font-size:.66rem!important}.element-preview .ui-sample .sample-toast-copy{font-size:.72rem}.element-preview .ui-sample .sample-toast-undo{font-size:.67rem!important}.element-preview .ui-sample .sample-toast-dismiss .ui-icon{width:.9rem;height:.9rem}.element-demo-stage .ui-sample .sample-notice-kind{font-size:.65rem}.element-demo-stage .ui-sample .sample-notice-message strong{font-size:.88rem}.element-demo-stage .ui-sample .sample-notice-message small{font-size:.76rem}.element-demo-stage .ui-sample .sample-notice-field>strong,.element-demo-stage .ui-sample .sample-notice-alert-copy>strong{font-size:.82rem}.element-demo-stage .ui-sample .sample-notice-field>small,.element-demo-stage .ui-sample .sample-notice-alert-copy>small{font-size:.72rem}.element-demo-stage .ui-sample .sample-notice-action{font-size:.76rem!important}.element-demo-stage .ui-sample .sample-notice-footnote,.element-demo-stage .ui-sample .sample-notice-feedback{font-size:.68rem}.element-demo-stage .ui-sample .sample-notice-dismiss .ui-icon{width:1rem;height:1rem}.element-demo-stage .ui-sample .sample-toast-brand,.element-demo-stage .ui-sample .sample-toast-app>footer>span:last-child{font-size:.76rem}.element-demo-stage .ui-sample .sample-toast-brand-mark{font-size:.68rem}.element-demo-stage .ui-sample .sample-toast-document>small{font-size:.62rem}.element-demo-stage .ui-sample .sample-toast-document>strong{font-size:.95rem}.element-demo-stage .ui-sample .sample-toast-save{font-size:.78rem!important}.element-demo-stage .ui-sample .sample-toast-copy{font-size:.82rem}.element-demo-stage .ui-sample .sample-toast-undo{font-size:.75rem!important}.element-demo-stage .ui-sample .sample-toast-dismiss .ui-icon{width:1rem;height:1rem}.element-preview .ui-sample .sample-lightbox-header strong,.element-demo-stage .ui-sample .sample-lightbox-header strong{font-size:.88rem}.element-preview .ui-sample .sample-lightbox-header small,.element-preview .ui-sample .sample-lightbox-header>span,.element-demo-stage .ui-sample .sample-lightbox-header small,.element-demo-stage .ui-sample .sample-lightbox-header>span{font-size:.62rem}.element-preview .ui-sample .sample-lightbox-tile-caption strong,.element-demo-stage .ui-sample .sample-lightbox-tile-caption strong{font-size:.72rem}.element-preview .ui-sample .sample-lightbox-tile-caption small,.element-demo-stage .ui-sample .sample-lightbox-tile-caption small{font-size:.6rem}.element-preview .ui-sample .sample-lightbox-zoom .ui-icon,.element-demo-stage .ui-sample .sample-lightbox-zoom .ui-icon{width:.78rem;height:.78rem}.element-preview .ui-sample .sample-lightbox-hint,.element-demo-stage .ui-sample .sample-lightbox-hint{font-size:.66rem}.element-preview .ui-sample .sample-lightbox-dialog-header>div>span,.element-preview .ui-sample .sample-lightbox-stage figcaption span,.element-preview .ui-sample .sample-lightbox-key-hint,.element-demo-stage .ui-sample .sample-lightbox-dialog-header>div>span,.element-demo-stage .ui-sample .sample-lightbox-stage figcaption span,.element-demo-stage .ui-sample .sample-lightbox-key-hint{font-size:.72rem}.element-preview .ui-sample .sample-lightbox-stage figcaption strong,.element-demo-stage .ui-sample .sample-lightbox-stage figcaption strong{font-size:.9rem}.element-preview .ui-sample .sample-lightbox-close .ui-icon,.element-demo-stage .ui-sample .sample-lightbox-close .ui-icon{width:1rem;height:1rem}.element-preview .ui-sample .sample-lightbox-arrow .ui-icon,.element-demo-stage .ui-sample .sample-lightbox-arrow .ui-icon{width:1.05rem;height:1.05rem}.element-preview .ui-sample .sample-lightbox-thumbnails>button,.element-demo-stage .ui-sample .sample-lightbox-thumbnails>button{font-size:0}.element-preview .ui-sample .sample-navigation-brand,.element-preview .ui-sample .sample-navigation-link>span,.element-preview .ui-sample .sample-navigation-content>p,.element-preview .ui-sample .sample-navigation-account strong,.element-demo-stage .ui-sample .sample-navigation-brand,.element-demo-stage .ui-sample .sample-navigation-link>span,.element-demo-stage .ui-sample .sample-navigation-content>p,.element-demo-stage .ui-sample .sample-navigation-account strong{font-size:.9rem}.element-preview .ui-sample .sample-navigation-eyebrow,.element-preview .ui-sample .sample-navigation-section-label,.element-preview .ui-sample .sample-navigation-metrics article span,.element-preview .ui-sample .sample-navigation-hint,.element-preview .ui-sample .sample-navigation-account small,.element-demo-stage .ui-sample .sample-navigation-eyebrow,.element-demo-stage .ui-sample .sample-navigation-section-label,.element-demo-stage .ui-sample .sample-navigation-metrics article span,.element-demo-stage .ui-sample .sample-navigation-hint,.element-demo-stage .ui-sample .sample-navigation-account small{font-size:.72rem}.element-preview .ui-sample .sample-navigation-link,.element-demo-stage .ui-sample .sample-navigation-link{font-size:.9rem}.element-preview .ui-sample .sample-date-trigger>span,.element-demo-stage .ui-sample .sample-date-trigger>span{font-size:.82rem!important}.element-preview .ui-sample .sample-date-trigger>.ui-icon,.element-demo-stage .ui-sample .sample-date-trigger>.ui-icon{width:.9rem;height:.9rem}.element-preview .ui-sample .sample-calendar-hint,.element-demo-stage .ui-sample .sample-calendar-hint{font-size:.68rem!important}.element-preview .ui-sample .sample-breadcrumb-separator{width:.85rem;height:.85rem}.element-demo-stage .ui-sample .sample-breadcrumb-separator{width:.9rem;height:.9rem}.element-content>p,.element-guidance p{color:var(--color-text-muted);margin-bottom:.75rem}.element-guidance{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1.5rem;display:grid}.element-guidance h4{color:var(--color-text);font-size:var(--font-size-small);letter-spacing:0;margin-bottom:.2rem}.element-guidance p{font-size:var(--font-size-small);margin-bottom:0}.web-adaptation{border-top:1px solid var(--color-border);grid-column:1/-1;padding-top:.75rem}@media (width<=820px){.element-entry{padding:.85rem}.element-preview{min-height:14rem;padding:.85rem}.sample-data-table th,.sample-data-table td{padding-inline:.45rem}.sample-scrollspy{grid-template-columns:minmax(7rem,9rem) minmax(0,1fr);gap:.75rem}.sample-calendar,.sample-navigation-demo,.sample-focus-macos,.sample-lightbox,.sample-overflow,.sample-outline{width:100%}.sample-motion-chart{width:100%;max-width:12rem}.sample-cursor{width:100%;min-width:0}.sample-positioning{flex-wrap:wrap;justify-content:stretch}.sample-positioning>div{flex:7rem;min-width:0}.sample-progress-set,.sample-loading,.sample-control-trio,.sample-site-header{flex-wrap:wrap}.sample-progress-set,.sample-loading{justify-content:flex-start}.sample-control-trio>div{flex:4rem}.sample-menu-bar{grid-template-columns:minmax(0,1fr)}.sample-menu-bar-leading,.sample-menu-bar-app-menus{flex-wrap:wrap}.sample-menu-bar-status{justify-self:end}.sample-tabs-list{gap:.5rem}.sample-label-comparison{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(9rem,50% - .225rem)),1fr));gap:.45rem}.sample-label-card{min-height:6.9rem;padding-inline:.35rem}.element-guidance{grid-template-columns:minmax(0,1fr)}.web-adaptation{grid-column:auto}.element-entry-heading{flex-wrap:wrap}.element-name{flex:12rem}.element-expand-button{margin-left:auto}}@media (width<=420px){.sample-login{gap:.5rem;padding:.9rem}.sample-login-provider{min-height:2.4rem;font-size:.76rem!important}.sample-login-input{min-height:2.45rem}.element-demo-dialog:has(.sample-login){width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);padding:.8rem}.element-demo-stage:has(.sample-login){min-height:24rem;padding:.65rem}.sample-truncation{gap:.6rem}.sample-truncation-toolbar{gap:.45rem}.sample-truncation-width-label{flex-basis:100%}.sample-truncation-expand{margin-left:0!important}.sample-truncation-card{padding-inline:.75rem}.sample-truncation-example{padding-block:.65rem}.sample-chat-header{gap:.5rem;padding:.7rem .75rem}.sample-chat-log{gap:.75rem;padding:.9rem .75rem}.sample-chat-bubble{max-width:88%;padding:.55rem .7rem}.sample-chat-online{gap:.25rem;font-size:.58rem}.sample-presence-header{padding:.65rem .75rem;font-size:.64rem}.sample-presence-person{gap:.65rem;padding:.75rem}.sample-presence-fieldset{padding:.6rem .75rem}.sample-presence-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.sample-presence-option{justify-content:flex-start;padding-inline:.55rem;font-size:.7rem}.sample-presence-feedback{padding:0 .75rem .65rem}.sample-timeline-header{gap:.5rem;padding:.75rem}.sample-timeline-list{padding:.85rem .75rem 0}.sample-timeline-item{grid-template-columns:3.25rem .85rem minmax(0,1fr);column-gap:.45rem;padding-bottom:.85rem}.sample-timeline-item:after{top:.75rem;bottom:-.75rem;left:calc(4.125rem - 1px)}.sample-timeline-time{font-size:.66rem}.sample-timeline-event strong{font-size:.78rem}.sample-timeline-event small{font-size:.7rem}.sample-timeline-hint{padding:.6rem .75rem .75rem}.sample-spring{gap:1rem}.sample-spring-header{flex-wrap:wrap;align-items:flex-start;gap:.6rem}.sample-spring-guide,.sample-spring-row{grid-template-columns:4.4rem minmax(0,1fr);column-gap:.5rem}.sample-spring-track{height:2rem}.sample-spring-row>small{font-size:.72rem}.sample-parallax-legend{gap:.3rem .55rem;font-size:.66rem}.sample-parallax-key{gap:.25rem}.sample-parallax-viewport,.element-demo-stage .sample-parallax-viewport{--parallax-scroll-distance:calc(100% - 9rem + 2px);height:9rem}.sample-parallax-card{width:min(88%,19rem)}.element-demo-stage:has(.sample-control-trio){min-height:14rem}.sample-control-trio{grid-template-columns:minmax(0,1fr);align-items:start;width:100%;display:grid}.sample-control-trio>div,.sample-control-trio>div>button{width:100%}.sample-control-options{width:100%;max-width:none;margin-top:.25rem;position:static}.sample-column-pane{flex-basis:min(72vw,12rem);min-width:9rem}.sample-column-view::-webkit-scrollbar{height:.6rem}.sample-column-view::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:2px solid var(--color-surface-muted);border-radius:var(--radius-pill)}.sample-column-view::-webkit-scrollbar-track{background:var(--color-surface-muted)}.element-preview .ui-sample .sample-nav-item small{font-size:.65rem}.sample-scrollspy{grid-template-columns:minmax(0,1fr);gap:.55rem}.sample-scrollspy nav{border-left:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem .5rem;min-width:0;padding-left:0}.sample-scrollspy nav:before{width:var(--scrollspy-indicator-width,0px);height:2px;transform:translate3d(var(--scrollspy-indicator-x,0px), var(--scrollspy-indicator-mobile-y,0px), 0);left:0}.sample-scrollspy nav>strong{grid-column:1/-1}.sample-scrollspy nav>a[aria-current=location]{margin-left:0;padding-left:.3rem}.sample-scrollspy nav>a{border-left:0;margin-left:0;padding:.2rem .3rem}.sample-scrollspy nav>a[aria-current=location]{background:var(--color-scout-blue-soft);border-radius:var(--radius-sm)}.sample-scrollspy-content{height:9rem}.sample-pagination-demo{width:100%}.sample-pagination-nav{gap:.05rem}.sample-pagination-page,.sample-pagination-ellipsis,.sample-page-step{width:1.72rem;min-width:1.72rem;height:1.82rem;font-size:.68rem}.sample-calendar{min-width:0}.sample-calendar header{gap:.3rem}.sample-calendar-grid{gap:.1rem;min-width:0}.sample-calendar-grid button{width:100%;min-width:0;font-size:.8rem}.element-preview .ui-sample .sample-calendar-grid small{font-size:.68rem}.sample-site-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;min-width:0;display:grid}.sample-site-header nav{flex:initial;grid-column:1/-1;justify-content:space-between;gap:.4rem;width:100%;min-width:0}.sample-site-header nav>a{min-width:0;padding:0}.sample-multi-select-showcase{gap:.5rem}.sample-multi-variant{padding:.55rem}.sample-data-table table{min-width:28rem}.element-preview .ui-sample .sample-state{font-size:.72rem}.sample-breadcrumb-demo{gap:.5rem;width:100%}.sample-breadcrumbs{padding:.65rem .55rem;font-size:.72rem}.sample-breadcrumb-separator{width:.62rem;height:.62rem;margin-inline:.32rem}.sample-breadcrumbs li:nth-child(2)>a{max-width:5.25rem}.sample-breadcrumb-hidden>a{max-width:7rem}.sample-token-entry,.sample-token-list,.sample-token-pill{min-width:0}.element-preview .ui-sample .sample-token-select{max-width:100%;font-size:.78rem}.sample-token-entry .sample-token-input{flex-basis:7rem;min-width:min(7rem,100%)}.sample-token-options{width:100%;right:0}.sample-token-field input,.sample-save-panel input{width:100%;min-width:0}.sample-segmented>button{min-width:0;padding-inline:.35rem}.element-entry-heading{align-items:start}.element-name{flex-basis:calc(100% - 3rem)}.element-expand-button{width:100%;margin:0}.element-demo-dialog{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);padding:.8rem}.element-demo-heading{flex-direction:column;align-items:stretch}.element-demo-stage{min-height:14rem;padding:.75rem}}@media (width<=560px){.sample-multi-select-showcase{grid-template-columns:minmax(0,1fr)}.sample-multi-transfer-variant{grid-column:auto}.sample-multi-transfer-content{gap:.45rem}.sample-multi-transfer-actions button{width:1.8rem;height:1.8rem}.sample-notice-content{gap:.6rem;padding:.7rem}.sample-notice-inline{grid-template-columns:minmax(0,1fr);align-items:stretch}.element-demo-stage:has(.sample-multi-select-showcase){min-height:34rem}.element-demo-stage:has(.sample-multi-select-showcase) .ui-sample{min-height:31rem}}@media (width<=360px){.sample-multi-transfer-content{grid-template-columns:minmax(0,1fr)}.sample-multi-transfer-actions{grid-template-columns:repeat(2,1.8rem);justify-content:center}.element-preview .ui-sample .sample-volume-discrete .sample-volume-ticks>span[data-compact-label]{font-size:0}.element-preview .ui-sample .sample-volume-discrete .sample-volume-ticks>span[data-compact-label]:after{content:attr(data-compact-label);font-size:.62rem}}