@layer mlola.preview{.ml-showcase{align-content:start;gap:var(--ml-space-8);padding:var(--ml-space-8) 0;grid-template-rows:none;display:grid}.ml-showcase-item{gap:var(--ml-space-4);display:grid}.ml-showcase-item>.ml-eyebrow{width:min(100% - 2rem,72rem);margin:0 auto}.ml-rating-showcase,.ml-pagination-showcase,.ml-accordion-showcase,.ml-alert-showcase,.ml-avatar-showcase,.ml-badge-showcase,.ml-breadcrumb-showcase,.ml-button-showcase,.ml-card-showcase,.ml-checkbox-showcase,.ml-dropdown-showcase,.ml-input-showcase,.ml-modal-showcase,.ml-progress-showcase,.ml-radio-showcase,.ml-select-showcase,.ml-sheet-showcase,.ml-skeleton-showcase,.ml-slider-showcase,.ml-table-showcase,.ml-tabs-showcase,.ml-timeline-showcase,.ml-toast-showcase,.ml-toggle-showcase,.ml-tooltip-showcase,.ml-streaming-text-showcase,.ml-thinking-showcase,.ml-message-showcase,.ml-conversation-showcase,.ml-prompt-input-showcase,.ml-model-picker-showcase,.ml-orb-showcase,.ml-voice-wave-showcase,.ml-tool-call-showcase,.ml-citation-showcase,.ml-confidence-text-showcase,.ml-context-meter-showcase,.ml-suggestions-showcase,.ml-bot-showcase,.ml-code-block-showcase,.ml-diff-view-showcase,.ml-file-changes-showcase,.ml-task-list-showcase,.ml-context-cards-showcase,.ml-kbd-showcase,.ml-textarea-showcase,.ml-popover-showcase,.ml-command-menu-showcase,.ml-otp-input-showcase,.ml-dropzone-showcase,.ml-empty-state-showcase,.ml-resizable-showcase,.ml-selection-actions-showcase,.ml-file-tree-showcase,.ml-terminal-showcase,.ml-source-control-showcase,.ml-commit-history-showcase,.ml-editor-tabs-showcase,.ml-activity-heatmap-showcase,.ml-canvas-showcase,.ml-canvas-toolbar-showcase,.ml-minimap-showcase,.ml-node-graph-showcase,.ml-whiteboard-showcase,.ml-calendar-showcase,.ml-date-picker-showcase,.ml-time-picker-showcase,.ml-rich-text-editor-showcase,.ml-block-editor-showcase,.ml-suggested-edit-showcase{gap:var(--ml-space-8);align-content:start;justify-items:start;width:100%;display:grid}.ml-combobox-showcase,.ml-tag-input-showcase,.ml-number-input-showcase,.ml-color-picker-showcase,.ml-stepper-showcase,.ml-gantt-showcase,.ml-chart-showcase,.ml-status-icon-showcase,.ml-priority-icon-showcase,.ml-property-picker-showcase,.ml-filter-bar-showcase,.ml-kanban-showcase,.ml-line-chart-showcase,.ml-bar-chart-showcase,.ml-donut-chart-showcase,.ml-sparkline-showcase,.ml-virtual-list-showcase,.ml-context-menu-showcase,.ml-hover-card-showcase,.ml-tour-showcase,.ml-app-shell-showcase,.ml-data-grid-showcase,.ml-scheduler-showcase,.ml-funnel-chart-showcase,.ml-radar-chart-showcase,.ml-scatter-chart-showcase,.ml-treemap-showcase,.ml-trace-viewer-showcase,.ml-eval-grid-showcase,.ml-model-compare-showcase,.ml-prompt-playground-showcase,.ml-generative-ui-showcase,.ml-transcript-showcase{gap:var(--ml-space-8);grid-template-columns:minmax(0,1fr);align-content:start;width:100%;display:grid}.ml-chart-showcase,.ml-line-chart-showcase,.ml-bar-chart-showcase,.ml-filter-bar-showcase,.ml-funnel-chart-showcase,.ml-scatter-chart-showcase,.ml-treemap-showcase,.ml-transcript-showcase,.ml-generative-ui-showcase{max-width:48rem}.ml-status-icon-showcase-list{gap:var(--ml-space-2) var(--ml-space-5);font-size:var(--ml-type-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ml-status-icon-showcase-list>li{align-items:center;gap:var(--ml-space-2);display:inline-flex}.ml-priority-icon-showcase-sizes{align-items:center;gap:var(--ml-space-4);font-size:var(--ml-type-base);margin:0;display:flex}.ml-property-picker-showcase-row{align-items:center;gap:var(--ml-space-2);flex-wrap:wrap;display:flex}.ml-filter-bar-showcase-list{border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);font-size:var(--ml-type-sm);margin:0;padding:0;list-style:none;display:grid}.ml-filter-bar-showcase-list>li{align-items:center;gap:var(--ml-space-2-5);padding:var(--ml-space-2-5) var(--ml-space-3);display:flex}.ml-filter-bar-showcase-list>li+li{border-top:var(--ml-border-width) solid var(--ml-border-subtle)}.ml-filter-bar-showcase-id{min-width:4.5rem;color:var(--ml-text-faint);font-size:var(--ml-type-xs);font-variant-numeric:tabular-nums}.ml-kanban-showcase-frame{width:100%;min-width:0;height:26rem}.ml-kanban-showcase>.ml-showcase-group{min-width:0}.ml-kanban-showcase-frame[data-tall]{height:34rem}.ml-stepper-showcase{max-width:44rem}.ml-gantt-showcase .ml-gantt{max-height:30rem}.ml-filter-bar-showcase-view{padding:var(--ml-space-0-5) var(--ml-space-2);border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-pill);background:var(--ml-surface);color:var(--ml-text);font:inherit;cursor:pointer;margin-inline-end:var(--ml-space-1-5)}.ml-kanban-showcase-card{gap:var(--ml-space-1-5);display:grid}.ml-kanban-showcase-meta{align-items:center;gap:var(--ml-space-1-5);color:var(--ml-text-faint);font-size:var(--ml-type-xs);margin:0;display:flex}.ml-kanban-showcase-meta>.ml-avatar{margin-inline-start:auto}.ml-kanban-showcase-title{font-weight:500;line-height:var(--ml-leading-snug);margin:0}.ml-kanban-showcase-label{padding:0 var(--ml-space-1-5);border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-pill);color:var(--ml-text-muted);font-size:var(--ml-type-2xs);justify-self:start}.ml-sparkline-showcase-grid{gap:var(--ml-space-3);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}.ml-sparkline-showcase-card{gap:var(--ml-space-1);display:grid}.ml-sparkline-showcase-label{color:var(--ml-text-muted);font-size:var(--ml-type-xs);margin:0}.ml-sparkline-showcase-value{margin:0 0 var(--ml-space-2);font-size:var(--ml-type-xl);font-variant-numeric:tabular-nums;font-weight:650}.ml-sparkline-showcase-value>span{color:var(--ml-text-faint);font-size:var(--ml-type-xs);font-weight:500}.ml-carousel-showcase{gap:var(--ml-space-8);width:100%;max-width:48rem;display:grid}.ml-carousel-showcase [data-tone=graphite]{--ml-showcase-art:linear-gradient(135deg, color-mix(in oklab, var(--ml-text) 78%, var(--ml-surface)), color-mix(in oklab, var(--ml-text) 45%, var(--ml-surface)))}.ml-carousel-showcase [data-tone=atelier]{--ml-showcase-art:linear-gradient(135deg, color-mix(in oklab, var(--ml-warning) 70%, var(--ml-surface)), color-mix(in oklab, var(--ml-danger) 45%, var(--ml-surface)))}.ml-carousel-showcase [data-tone=machined]{--ml-showcase-art:linear-gradient(135deg, color-mix(in oklab, var(--ml-text) 55%, var(--ml-info)), color-mix(in oklab, var(--ml-info) 35%, var(--ml-surface)))}.ml-carousel-showcase [data-tone=aerogel]{--ml-showcase-art:linear-gradient(135deg, color-mix(in oklab, var(--ml-info) 60%, var(--ml-surface)), color-mix(in oklab, var(--ml-primary) 30%, var(--ml-surface)))}.ml-carousel-showcase [data-tone=nordic]{--ml-showcase-art:linear-gradient(135deg, color-mix(in oklab, var(--ml-success) 45%, var(--ml-surface)), color-mix(in oklab, var(--ml-info) 40%, var(--ml-surface)))}.ml-carousel-showcase-hero{align-content:end;gap:var(--ml-space-1);min-height:16rem;padding:var(--ml-space-6);border-radius:var(--ml-radius-lg);background:var(--ml-showcase-art);color:#fff;margin:0;display:grid}.ml-carousel-showcase-hero h4{font-size:var(--ml-type-2xl);letter-spacing:-.02em;margin:0}.ml-carousel-showcase-hero p{opacity:.88;margin:0}.ml-carousel-showcase-kicker{font-size:var(--ml-type-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.ml-carousel-showcase-product{gap:var(--ml-space-2);margin:0;display:grid}.ml-carousel-showcase-art{aspect-ratio:4/5;border-radius:var(--ml-radius-md);background:var(--ml-showcase-art)}.ml-carousel-showcase-product p{font-size:var(--ml-type-sm);justify-content:space-between;margin:0;display:flex}.ml-carousel-showcase-product span{color:var(--ml-text-muted)}.ml-carousel-showcase-quote{padding:var(--ml-space-8) var(--ml-space-6);border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);background:var(--ml-surface);font-size:var(--ml-type-lg);text-align:center;text-wrap:balance;margin:0}.ml-timeline-showcase{justify-items:stretch;max-width:36rem}.ml-timeline-showcase-quote{padding:var(--ml-space-2-5) var(--ml-space-3);border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-md);background:var(--ml-background-subtle);color:var(--ml-text-muted);font-size:var(--ml-type-sm);margin:0}.ml-rich-text-editor-showcase,.ml-block-editor-showcase,.ml-suggested-edit-showcase{justify-items:stretch;max-width:48rem}.ml-block-editor-showcase-page{padding:var(--ml-space-6) var(--ml-space-4) var(--ml-space-8) 0;border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);background:var(--ml-surface)}.ml-block-editor-showcase-markdown{max-height:18rem;padding:var(--ml-space-3) var(--ml-space-4);border-radius:var(--ml-radius-md);background:var(--ml-background-subtle);color:var(--ml-text-muted);font-family:var(--ml-font-mono);font-size:var(--ml-type-xs);line-height:var(--ml-leading-snug);white-space:pre-wrap;margin:0;overflow:auto}.ml-suggested-edit-showcase-result{color:var(--ml-text-muted);font-size:var(--ml-type-sm);margin:0}.ml-button-showcase,.ml-badge-showcase,.ml-avatar-showcase,.ml-toggle-showcase{flex-wrap:wrap;align-items:center;display:flex}.ml-showcase-group{gap:var(--ml-space-3);width:100%;display:grid}.ml-showcase-group+.ml-showcase-group{padding-block-start:var(--ml-space-4)}.ml-showcase-group-label{font-family:var(--ml-font-sans);font-size:var(--ml-type-sm);letter-spacing:normal;color:var(--ml-text-muted);margin:0;font-weight:500}.ml-showcase-note{font-size:var(--ml-type-xs);color:var(--ml-text-faint);margin:0}.ml-showcase-row{align-items:center;gap:var(--ml-space-3);flex-wrap:wrap;display:flex}.ml-showcase-row[data-align=start]{align-items:flex-start}.ml-showcase-stack{gap:var(--ml-space-3);width:100%;display:grid}.ml-showcase-columns{gap:var(--ml-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));width:100%;display:grid}.ml-ai-demo{grid-template-rows:minmax(0,1fr) auto;width:100%;height:min(40rem,80vh);padding:0;display:grid;overflow:hidden}.ml-ai-demo-empty{align-content:center;justify-items:center;gap:var(--ml-space-4);padding:var(--ml-space-6);text-align:center;display:grid}.ml-ai-demo-log{min-height:0}.ml-ai-demo-composer{padding:var(--ml-space-3)}.ml-ai-figure{justify-items:center;gap:var(--ml-space-2);margin:0;display:grid}.ml-bot-maker{align-items:center;gap:var(--ml-space-8);padding:var(--ml-space-6);border-radius:var(--ml-radius-lg);background:var(--ml-background-subtle);grid-template-columns:auto minmax(0,1fr);display:grid}.ml-bot-maker-controls{align-items:center;gap:var(--ml-space-3) var(--ml-space-4);grid-template-columns:auto minmax(0,1fr);min-width:0;margin:0;display:grid}.ml-bot-maker-controls dt{color:var(--ml-text-muted);font-size:var(--ml-type-sm)}.ml-bot-maker-controls dd{min-width:0;margin:0}.ml-bot-maker-colour{align-items:center;gap:var(--ml-space-3);flex-wrap:wrap;display:flex}.ml-bot-maker-picker{align-items:center;gap:var(--ml-space-2);color:var(--ml-text-muted);font-size:var(--ml-type-sm);cursor:pointer;display:inline-flex}.ml-bot-maker-picker input{width:var(--ml-control-sm);height:var(--ml-control-sm);border:var(--ml-border-width) solid var(--ml-control-border);border-radius:var(--ml-radius-sm);cursor:pointer;background:0 0;padding:2px}@media (max-width:48rem){.ml-bot-maker{grid-template-columns:minmax(0,1fr);justify-items:center}.ml-bot-maker-controls{grid-template-columns:minmax(0,1fr);width:100%}.ml-bot-maker-controls dd{overflow-x:auto}}.ml-ai-voice{justify-items:center;gap:var(--ml-space-5);padding:var(--ml-space-8) var(--ml-space-4);border-radius:var(--ml-radius-lg);background:var(--ml-background-subtle);display:grid}.ml-ai-prose{max-width:40rem;font-size:var(--ml-type-base);line-height:1.7}.ml-ai-chat-showcase,.ml-voice-session-showcase{height:100dvh;min-height:32rem;overflow:hidden}.ml-thread-sidebar-showcase{grid-template-columns:17rem minmax(0,1fr);height:100dvh;min-height:32rem;display:grid;overflow:hidden}.ml-thread-sidebar-showcase>.ml-ai-chat{border-inline-start:var(--ml-border-width) solid var(--ml-border-subtle);min-height:0}@media (max-width:48rem){.ml-thread-sidebar-showcase{grid-template-columns:minmax(0,1fr)}.ml-thread-sidebar-showcase>.ml-ai-chat{display:none}}.ml-ide-showcase{border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);background:var(--ml-surface);grid-template-columns:16rem minmax(0,1fr);width:100%;display:grid;overflow:hidden}.ml-ide-showcase-side{padding:var(--ml-space-2) var(--ml-space-1);border-inline-end:var(--ml-border-width) solid var(--ml-border-subtle);background:var(--ml-background-subtle)}.ml-ide-showcase-heading{padding:var(--ml-space-1) var(--ml-space-2) var(--ml-space-2);color:var(--ml-text-muted);font-size:var(--ml-type-2xs);letter-spacing:.06em;text-transform:uppercase;margin:0;font-weight:600}.ml-ide-showcase-main,.ml-ide-showcase-editor .ml-code-block{border:0;border-radius:0}.ml-ide-showcase-panel{border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);background:var(--ml-surface);width:min(100%,22rem);overflow:hidden}.ml-ide-showcase-panel[data-wide]{width:100%}.ml-ide-showcase-panel>.ml-commit-history{padding:var(--ml-space-1)}.ml-ide-showcase-editor{min-height:9rem;display:grid}@media (max-width:40rem){.ml-ide-showcase{grid-template-columns:minmax(0,1fr)}.ml-ide-showcase-side{border-inline-end:0;border-block-end:var(--ml-border-width) solid var(--ml-border-subtle)}}.ml-usage-card{gap:var(--ml-space-5);width:min(100%,44rem);padding:var(--ml-space-5);border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);background:var(--ml-surface);display:grid}.ml-usage-card-header{justify-content:space-between;align-items:center;gap:var(--ml-space-3);flex-wrap:wrap;display:flex}.ml-usage-card-stats{gap:var(--ml-space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.ml-usage-card-stat{gap:var(--ml-space-1);padding:var(--ml-space-3) var(--ml-space-4);border-radius:var(--ml-radius-md);background:var(--ml-background-subtle);display:grid}.ml-usage-card-stat>dt{color:var(--ml-text-muted);font-size:var(--ml-type-xs)}.ml-usage-card-stat>dd{font-family:var(--ml-font-display);font-size:var(--ml-type-xl);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0;font-weight:600}.ml-usage-card-models{gap:var(--ml-space-3);margin:0;padding:0;list-style:none;display:grid}.ml-usage-card-model{align-items:center;gap:var(--ml-space-3);font-size:var(--ml-type-sm);grid-template-columns:6rem minmax(0,1fr) 4rem;display:grid}.ml-usage-card-bar{border-radius:var(--ml-radius-pill);background:linear-gradient(90deg, var(--ml-info) calc(var(--ml-usage-share) * 100%), var(--ml-background-subtle) 0);height:.5rem}.ml-usage-card-share{color:var(--ml-text-muted);font-variant-numeric:tabular-nums;text-align:end}.ml-usage-card-fact{color:var(--ml-text-muted);font-size:var(--ml-type-sm);text-align:center;margin:0}@media (max-width:36rem){.ml-usage-card-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.ml-canvas-showcase-frame{border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);width:100%;height:min(30rem,70vh);overflow:hidden}.ml-canvas-showcase-frame[data-tall]{height:min(38rem,78vh)}.ml-canvas-showcase-card{align-content:start;gap:var(--ml-space-1);padding:var(--ml-space-4);border:var(--ml-border-width) solid var(--ml-border);border-radius:var(--ml-radius-lg);background:var(--ml-surface);box-shadow:var(--ml-shadow-sm);font-size:var(--ml-type-sm);display:grid;position:absolute}.ml-canvas-showcase-card>span{color:var(--ml-text-muted)}.ml-canvas-showcase-card[data-tone=primary]{box-shadow:inset 0 3px 0 var(--ml-primary), var(--ml-shadow-sm)}.ml-canvas-showcase-card[data-tone=info]{box-shadow:inset 0 3px 0 var(--ml-info), var(--ml-shadow-sm)}.ml-canvas-showcase-card[data-tone=success]{box-shadow:inset 0 3px 0 var(--ml-success), var(--ml-shadow-sm)}.ml-canvas-showcase-card[data-tone=warning]{box-shadow:inset 0 3px 0 var(--ml-warning), var(--ml-shadow-sm)}.ml-virtual-list-showcase,.ml-context-menu-showcase,.ml-hover-card-showcase,.ml-tour-showcase{max-width:40rem}.ml-showcase-group{min-width:0}.ml-virtual-list-showcase-frame{border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);background:var(--ml-surface);height:24rem;overflow:hidden}.ml-virtual-list-showcase-row{align-items:start;gap:var(--ml-space-3);padding:var(--ml-space-3) var(--ml-space-4);border-bottom:var(--ml-border-width) solid var(--ml-border-subtle);font-size:var(--ml-type-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.ml-virtual-list-showcase-row>p{line-height:var(--ml-leading-snug);margin:0}.ml-virtual-list-showcase-note{margin-top:var(--ml-space-1);color:var(--ml-text-muted);display:block}.ml-virtual-list-showcase-index{color:var(--ml-text-faint);font-size:var(--ml-type-xs);font-variant-numeric:tabular-nums}.ml-context-menu-showcase-files{gap:var(--ml-space-1);min-height:12rem;padding:var(--ml-space-3);border:var(--ml-border-width) dashed var(--ml-border);border-radius:var(--ml-radius-lg);font-size:var(--ml-type-sm);align-content:start;margin:0;list-style:none;display:grid}.ml-context-menu-showcase-files[data-grid]{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}.ml-context-menu-showcase-files>li{padding:var(--ml-space-2-5) var(--ml-space-3);border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-md);background:var(--ml-surface);cursor:default;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ml-context-menu-showcase-files>li:focus-visible{outline:2px solid var(--ml-focus);outline-offset:2px}.ml-hover-card-showcase-text{font-size:var(--ml-type-base);line-height:var(--ml-leading-normal);margin:0}.ml-hover-card-showcase-link{color:var(--ml-primary-text);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);text-underline-offset:.2em;font-weight:500}.ml-hover-card-showcase-profile{align-items:start;gap:var(--ml-space-3);display:flex}.ml-hover-card-showcase-profile>div,.ml-hover-card-showcase-page{gap:var(--ml-space-1);font-size:var(--ml-type-sm);display:grid}.ml-hover-card-showcase-profile span,.ml-hover-card-showcase-page>span{color:var(--ml-text-faint);font-size:var(--ml-type-xs)}.ml-hover-card-showcase-profile p,.ml-hover-card-showcase-page>p{color:var(--ml-text-muted);line-height:var(--ml-leading-snug);margin:0}.ml-hover-card-showcase-profile a{color:var(--ml-primary-text);font-weight:500}.ml-tour-showcase-app{border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);background:var(--ml-surface);display:grid;overflow:hidden}.ml-tour-showcase-app>header{align-items:center;gap:var(--ml-space-3);padding:var(--ml-space-2-5) var(--ml-space-3);border-bottom:var(--ml-border-width) solid var(--ml-border-subtle);display:flex}.ml-tour-showcase-search{min-width:0;height:var(--ml-control-sm);padding:0 var(--ml-space-2-5);border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-md);background:var(--ml-background-subtle);color:var(--ml-text);font:inherit;font-size:var(--ml-type-sm);flex:1}.ml-tour-showcase-body{gap:var(--ml-space-4);padding:var(--ml-space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.ml-tour-showcase-body>nav{gap:var(--ml-space-2);color:var(--ml-text-muted);font-size:var(--ml-type-sm);align-content:start;display:grid}.ml-tour-showcase-stats{gap:var(--ml-space-3);flex-wrap:wrap;align-content:start;display:flex}.ml-tour-showcase-stats>span{padding:var(--ml-space-3);border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-md);color:var(--ml-text-muted);font-size:var(--ml-type-sm)}.ml-tour-showcase-stats b{color:var(--ml-text);font-size:var(--ml-type-xl);font-variant-numeric:tabular-nums;display:block}.ml-app-shell-showcase-frame{border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);background:var(--ml-surface);width:100%;min-width:0;height:32rem;overflow:hidden}.ml-data-grid-showcase-frame,.ml-trace-viewer-showcase-frame,.ml-eval-grid-showcase-frame{min-width:0;height:32rem}.ml-scheduler-showcase-frame{min-width:0;height:38rem}.ml-app-shell-showcase-mark{border-radius:var(--ml-radius-md);background:var(--ml-primary);block-size:1.5rem;inline-size:1.5rem;color:var(--ml-primary-foreground);font-size:var(--ml-type-xs);place-items:center;font-weight:600;display:grid}.ml-app-shell-showcase-page{gap:var(--ml-space-3);padding:var(--ml-space-4) var(--ml-space-6);align-content:start;display:grid}.ml-app-shell-showcase-page>header{align-items:center;gap:var(--ml-space-2);display:flex}.ml-app-shell-showcase-page h4{font-size:var(--ml-type-lg);margin:0}.ml-app-shell-showcase-page>p{max-width:36rem;color:var(--ml-text-muted);font-size:var(--ml-type-sm);line-height:var(--ml-leading-normal);margin:0}.ml-generative-ui-showcase-frame{min-height:32rem;padding:var(--ml-space-5);border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);background:var(--ml-background-subtle)}.ml-transcript-showcase-player{align-items:center;gap:var(--ml-space-3);padding:var(--ml-space-2) var(--ml-space-3);border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-pill);background:var(--ml-surface);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.ml-transcript-showcase-play{inline-size:var(--ml-control-sm);block-size:var(--ml-control-sm);background:var(--ml-primary);color:var(--ml-primary-foreground);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.ml-transcript-showcase-play:focus-visible{outline:2px solid var(--ml-focus);outline-offset:2px}.ml-transcript-showcase-player .ml-slider-header{clip:rect(0 0 0 0);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.ml-transcript-showcase-clock{color:var(--ml-text-muted);font-size:var(--ml-type-xs);font-variant-numeric:tabular-nums}.ml-transcript-showcase-frame{height:30rem}}
@layer mlola.foundations{:where(html){-webkit-text-size-adjust:100%;min-height:100%;scroll-padding-top:5rem}:where(body){margin:0}:where(ul){margin:0;padding:0;list-style:none}:where(pre){margin:0}}@layer mlola.preview{:root{--ml-shell-gutter:clamp(1rem, 2.5vw, 2.5rem)}.ml-preview-document{background:var(--ml-background)}.ml-preview-body{background:var(--ml-background);min-height:100vh;color:var(--ml-text);font-family:var(--ml-font-sans,var(--font-inter), system-ui, sans-serif);text-rendering:optimizelegibility;transition:background-color var(--ml-duration-normal,.24s) ease, color var(--ml-duration-normal,.24s) ease;overflow-x:clip}.ml-preview-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ml-preview-loading{justify-content:center;align-items:center;gap:var(--ml-space-2);min-height:60vh;color:var(--ml-text-faint);font-size:var(--ml-type-sm);margin:0;display:flex}.ml-preview-loading:before{border:2px solid var(--ml-border);border-top-color:var(--ml-text-muted);content:"";border-radius:50%;width:.875rem;height:.875rem;animation:.8s linear infinite ml-spin}.ml-standalone-preview{background:var(--ml-background);min-height:100vh;color:var(--ml-text);justify-content:center;align-items:flex-start;padding:2.5rem;display:flex}.ml-standalone-preview-content{border:0;width:100%;min-width:0;margin:0;padding:0}.ml-standalone-preview[data-preview-viewport=mobile]{max-width:24.375rem;margin-inline:auto;padding:1.25rem}.ml-standalone-preview[data-preview-kind=block],.ml-standalone-preview[data-preview-kind=page],.ml-standalone-preview[data-preview-kind=template]{max-width:none;padding:0}.ml-standalone-preview[data-preview-viewport=mobile][data-preview-kind]{max-width:24.375rem}[data-reduced-motion] *,[data-reduced-motion] :before,[data-reduced-motion] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}[data-grayscale]{filter:grayscale()}[data-preview-state=focus] :where(button,a,input,select,textarea):first-of-type{outline:3px solid var(--ml-focus);outline-offset:3px}}