.artifact-search-field,.artifact-badge,.artifact-toolbar-button,.artifact-segmented-trigger,.artifact-menu-item{box-sizing:border-box;border-radius:var(--control-radius);font-family:var(--font-mono)}.artifact-toolbar-button,.artifact-segmented-trigger{border:1px solid var(--line-default);background:var(--surface-control);color:var(--text-secondary);cursor:pointer;font-size:var(--control-font-size-sm);letter-spacing:var(--control-letter-spacing);text-transform:uppercase;transition:background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), opacity var(--motion-fast) var(--ease-out);font-weight:700;line-height:1}.artifact-toolbar-button:hover,.artifact-segmented-trigger:hover{border-color:var(--text-secondary);color:var(--text-primary)}.artifact-search-field:focus-within,.artifact-toolbar-button:focus-visible,.artifact-segmented-trigger:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.artifact-toolbar-button:disabled,.artifact-segmented-trigger:disabled{cursor:default;opacity:var(--state-disabled-opacity)}.artifact-search-field{min-height:var(--control-h-default);border:1px solid var(--line-default);background:var(--surface-control);color:var(--text-primary);font-size:var(--control-font-size-md)}.artifact-search-input::placeholder{color:var(--text-muted)}.artifact-search-field{align-items:center;gap:8px;padding:0 10px;display:flex}.artifact-search-icon,.artifact-search-clear{flex:none}.artifact-search-icon{color:var(--accent-primary);font-size:14px}.artifact-search-input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:1}.artifact-search-clear{border:1px solid var(--line-default);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;font:inherit;background:0 0}.artifact-badge{border:1px solid var(--line-default);background:var(--surface-control);min-height:24px;color:var(--text-secondary);font-size:var(--control-font-size-xs);letter-spacing:var(--control-letter-spacing);text-transform:uppercase;align-items:center;gap:6px;padding:0 8px;font-weight:700;line-height:1;display:inline-flex}.artifact-badge--selected,.artifact-badge--success{border-color:color-mix(in oklch, var(--accent-primary) 64%, var(--line-default));color:var(--accent-primary)}.artifact-badge--warning{border-color:color-mix(in oklch, var(--state-warning) 64%, var(--line-default));color:var(--state-warning)}.artifact-badge--danger{border-color:color-mix(in oklch, var(--state-danger) 64%, var(--line-default));color:var(--state-danger)}.artifact-toolbar{border:1px solid var(--line-default);border-radius:var(--control-radius);background:var(--surface-control);align-items:center;display:inline-flex;overflow:hidden}.artifact-toolbar-button,.artifact-segmented-trigger{min-height:var(--control-h-compact);padding:0 var(--control-pad-x-compact)}.artifact-toolbar-button{background:0 0;border-width:0 1px 0 0}.artifact-toolbar-button:last-child{border-right:0}.artifact-toolbar-button[aria-pressed=true],.artifact-segmented-trigger[aria-pressed=true]{border-color:var(--accent-primary);background:var(--surface-control-selected);color:var(--text-primary)}.artifact-segmented-control{border:1px solid var(--line-default);border-radius:var(--control-radius);background:var(--surface-control);grid-auto-columns:minmax(96px,1fr);grid-auto-flow:column;display:inline-grid;overflow:hidden}.artifact-segmented-trigger{background:0 0;border-width:0 1px 0 0}.artifact-segmented-trigger:last-child{border-right:0}.artifact-tabs-list{border:1px solid var(--line-default);border-radius:var(--control-radius);background:var(--surface-control);align-items:center;display:inline-flex;overflow:hidden}.artifact-tabs-trigger{min-height:var(--control-h-compact);border:0;border-right:1px solid var(--line-default);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:var(--control-font-size-sm);letter-spacing:var(--control-letter-spacing);padding:0 var(--control-pad-x-compact);text-transform:uppercase;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);background:0 0;font-weight:700;line-height:1}.artifact-tabs-trigger:last-child{border-right:0}.artifact-tabs-trigger[data-state=active]{background:var(--text-primary);color:var(--surface-app)}.artifact-tabs-trigger:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.artifact-tabs-content{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--control-font-size-md);line-height:1.6}.artifact-panel{border:1px solid var(--line-default);background:var(--surface-panel);color:var(--text-primary)}.artifact-panel-header{min-height:var(--row-h-default);justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--line-default);padding:var(--space-3) var(--space-4);display:flex}.artifact-panel-header-copy{gap:var(--space-1);min-width:0;display:grid}.artifact-panel-eyebrow,.artifact-empty-state-eyebrow{color:var(--accent-primary);font-family:var(--font-mono);font-size:var(--type-ui-xs);font-weight:var(--weight-ui);letter-spacing:var(--control-letter-spacing);line-height:var(--leading-ui);text-transform:uppercase}.artifact-panel-title,.artifact-empty-state-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--type-title);font-weight:var(--weight-display);letter-spacing:0;line-height:var(--leading-tight);text-transform:uppercase;margin:0}.artifact-panel-action{flex:none}.artifact-panel-body{gap:var(--space-3);padding:var(--space-4);display:grid}.artifact-menu{border:1px solid var(--line-default);border-radius:var(--radius-lg);background:var(--surface-control);min-width:180px;box-shadow:var(--shadow-overlay);flex-direction:column;display:flex;overflow:hidden}.artifact-menu-item{width:100%;min-height:var(--row-h-default);justify-content:flex-start;align-items:center;gap:var(--space-2);border:0;border-bottom:1px solid var(--line-default);color:var(--text-secondary);cursor:pointer;font-size:var(--control-font-size-sm);font-weight:var(--weight-ui);letter-spacing:var(--control-letter-spacing);line-height:var(--leading-ui);padding:0 var(--space-3);text-align:left;text-transform:uppercase;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), opacity var(--motion-fast) var(--ease-out);background:0 0;display:flex}.artifact-menu-item:last-child{border-bottom:0}.artifact-menu-item:hover{background:var(--surface-control-hover);color:var(--text-primary)}.artifact-menu-item:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.artifact-menu-item:disabled,.artifact-menu-item[aria-disabled=true]{cursor:default;opacity:var(--state-disabled-opacity)}.artifact-menu-item:disabled:hover,.artifact-menu-item[aria-disabled=true]:hover{color:var(--text-secondary);background:0 0}.artifact-menu-item--danger,.artifact-menu-item--danger .artifact-menu-item-label{color:var(--state-danger)}.artifact-menu-item-icon{flex:none}.artifact-menu-item-label{flex:1;min-width:0}.artifact-menu-item-hint{color:var(--text-muted);font-size:var(--type-ui-xs);flex:none}.artifact-menu-divider{background:var(--line-default);height:1px}.artifact-empty-state{gap:var(--space-3);border:1px solid var(--line-default);background:color-mix(in oklch, var(--surface-panel) 94%, transparent);padding:var(--space-4);display:grid}.artifact-empty-state-copy{gap:var(--space-2);display:grid}.artifact-empty-state-body{max-width:64ch;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--type-body);line-height:var(--leading-body);margin:0}.artifact-empty-state-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.artifact-preview-frame{gap:var(--space-2);border:1px solid var(--line-default);background:var(--surface-card);color:var(--text-secondary);padding:var(--space-2);display:grid;position:relative}.artifact-preview-frame--selected{border-color:color-mix(in oklch, var(--accent-primary) 70%, var(--line-default));background:var(--surface-control-selected)}.artifact-preview-frame--muted{opacity:var(--state-hidden-opacity)}.artifact-preview-frame-label,.artifact-preview-frame-footer{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--type-ui-xs);font-weight:var(--weight-ui);letter-spacing:var(--control-letter-spacing);line-height:var(--leading-ui);text-transform:uppercase}.artifact-preview-frame-body{border:1px solid var(--line-muted);background:var(--surface-workspace);min-height:120px;overflow:hidden}