.btn{font-family:var(--geist-font);letter-spacing:.005em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background var(--geist-transition), border-color var(--geist-transition), color var(--geist-transition), box-shadow var(--geist-transition), transform var(--geist-transition), opacity var(--geist-transition);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-weight:600;line-height:1;display:inline-flex}.btn:focus-visible{outline:2px solid color-mix(in srgb, var(--geist-foreground) 35%, transparent);outline-offset:2px}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn-sm{gap:5px;height:28px;padding:0 12px;font-size:12px}.btn-md{gap:6px;height:34px;padding:0 14px;font-size:13px}.btn-lg{gap:8px;height:42px;padding:0 18px;font-size:14px}.btn-iconOnly.btn-sm{width:28px;padding:0}.btn-iconOnly.btn-md{width:34px;padding:0}.btn-iconOnly.btn-lg{width:42px;padding:0}.btn-fullWidth{width:100%}.btnLabel{align-items:center;display:inline-flex}@media (max-width:720px){.btn-responsiveIconOnly .btnLabel{display:none}.btn-responsiveIconOnly{flex-shrink:0;gap:0;padding:0}.btn-responsiveIconOnly.btn-sm,.btn-fullWidth.btn-responsiveIconOnly.btn-sm{width:28px}.btn-responsiveIconOnly.btn-md,.btn-fullWidth.btn-responsiveIconOnly.btn-md{width:34px}.btn-responsiveIconOnly.btn-lg,.btn-fullWidth.btn-responsiveIconOnly.btn-lg{width:42px}}.btn-primary{background:var(--geist-accent);border-color:var(--geist-accent);color:var(--geist-accent-foreground);box-shadow:0 8px 18px color-mix(in srgb, var(--geist-foreground) 14%, transparent)}.btn-primary:hover:not(:disabled){opacity:.88;box-shadow:0 10px 22px color-mix(in srgb, var(--geist-foreground) 18%, transparent)}.btn-primary:disabled{box-shadow:none}.btn-secondary{background:color-mix(in srgb, var(--geist-background) 82%, var(--geist-surface));border-color:var(--geist-border);color:var(--geist-foreground);box-shadow:var(--geist-shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--geist-background);border-color:var(--geist-border-hover);box-shadow:var(--geist-shadow-md);transform:translateY(-1px)}html[data-theme=dark] .btn-secondary{background:color-mix(in srgb, var(--geist-background) 72%, var(--geist-surface))}html[data-theme=dark] .btn-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--geist-background) 60%, var(--geist-surface))}.btn-ghost{color:var(--geist-secondary);box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--geist-surface) 84%, var(--geist-background));color:var(--geist-foreground)}.btn-danger{color:var(--geist-secondary);background:0 0;border-color:#0000}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--geist-error) 8%, transparent);border-color:color-mix(in srgb, var(--geist-error) 38%, var(--geist-border));color:var(--geist-error)}.btn svg{stroke-width:2px;flex-shrink:0}.btn-lg svg{stroke-width:1.9px}.chatPage{flex-direction:column;flex:1;display:flex;overflow:hidden}.chatPage.resizing{-webkit-user-select:none;user-select:none}.confirmDialogOverlay{z-index:1000;background:color-mix(in srgb, var(--geist-foreground) 38%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.confirmDialog{border:1px solid var(--geist-border);background:var(--geist-background);width:min(420px,100%);box-shadow:0 18px 48px color-mix(in srgb, var(--geist-foreground) 18%, transparent), 0 4px 16px color-mix(in srgb, var(--geist-foreground) 10%, transparent);border-radius:8px;overflow:hidden}.confirmDialogBody{padding:22px 22px 16px}.confirmDialogTitle{color:var(--geist-foreground);margin:0;font-size:18px;font-weight:650;line-height:1.35}.confirmDialogDescription{color:var(--geist-secondary);margin:8px 0 0;font-size:14px;line-height:1.55}.confirmDialogActions{justify-content:flex-end;gap:8px;padding:14px 22px 20px;display:flex}.confirmDialogButton{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);cursor:pointer;min-width:84px;height:36px;padding:0 14px;font-size:14px;font-weight:600}.confirmDialogButtonCancel{background:var(--geist-surface);color:var(--geist-foreground)}.confirmDialogButtonPrimary{border-color:var(--geist-accent);background:var(--geist-accent);color:var(--geist-accent-foreground)}.confirmDialogButtonDanger{border-color:color-mix(in srgb, var(--geist-error,#c0392b) 85%, var(--geist-border));background:var(--geist-error,#c0392b);color:#fff}.confirmDialogButton:hover{opacity:.86}.chatPageBody{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.conversationPanel{border-right:1px solid var(--geist-border);background:linear-gradient(180deg, color-mix(in srgb, var(--geist-background) 74%, var(--geist-surface)), var(--geist-surface) 180px);flex-direction:column;flex-shrink:0;width:260px;min-width:220px;max-width:300px;min-height:0;display:flex}.conversationPanelHeader,.conversationPanelCreateRow{border-bottom:1px solid color-mix(in srgb, var(--geist-border) 68%, transparent);background:color-mix(in srgb, var(--geist-background) 62%, transparent);justify-content:center;align-items:center;gap:8px;min-height:72px;padding:12px;display:flex}.conversationRecentRow{justify-content:space-between;align-items:center;gap:8px;padding:8px 12px 6px;display:flex}.conversationRecentLabel{color:var(--geist-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.conversationRecentClearButton{border:1px solid var(--geist-border);height:22px;color:var(--geist-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:0 8px;font-size:11px;font-weight:600}.conversationRecentClearButton:hover{color:var(--geist-foreground);border-color:var(--geist-border-hover);background:var(--geist-surface)}.conversationRecentClearButton:disabled{opacity:.35;cursor:not-allowed}.conversationList{flex-direction:column;flex:1;gap:4px;min-height:0;padding:8px;display:flex;overflow-y:auto}.conversationListItem{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-background);transition:border-color var(--geist-transition), color var(--geist-transition);grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 8px 8px 12px;display:grid;position:relative}.conversationListItem:before{content:"";width:2px;transition:background var(--geist-transition);background:0 0;border-radius:999px;position:absolute;top:9px;bottom:9px;left:5px}.conversationListItem:hover{border-color:color-mix(in srgb, var(--geist-foreground) 28%, var(--geist-border))}.conversationListItem-active{border-color:var(--geist-border);background:var(--geist-background)}.conversationListItem-active:before{background:color-mix(in srgb, var(--geist-foreground) 34%, transparent)}.conversationListItemMain{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:3px;padding:0;display:flex}.conversationListItemMain:disabled{cursor:not-allowed;opacity:.7}.conversationListItemTitle{color:var(--geist-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;line-height:1.35;overflow:hidden}.conversationListItemMeta,.conversationListItemPreview{color:var(--geist-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.45;overflow:hidden}.conversationListItemPreview{color:color-mix(in srgb, var(--geist-secondary) 86%, var(--geist-foreground))}.conversationListItemActions{opacity:0;pointer-events:none;transition:opacity var(--geist-transition), transform var(--geist-transition);align-items:flex-start;gap:4px;display:flex;transform:translate(4px)}.conversationListItem:hover .conversationListItemActions,.conversationListItem-active .conversationListItemActions,.conversationListItem:focus-within .conversationListItemActions{opacity:1;pointer-events:auto;transform:translate(0)}.conversationRenameInput{border:1px solid var(--geist-border);background:var(--geist-background);width:100%;min-width:0;height:28px;color:var(--geist-foreground);border-radius:4px;outline:none;padding:0 6px;font-size:12px}.chatPanel{background:linear-gradient(180deg, color-mix(in srgb, var(--geist-surface) 52%, transparent), transparent 180px), var(--geist-background);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.chatHeader{border-bottom:1px solid var(--geist-border);background:color-mix(in srgb, var(--geist-background) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;padding:16px 24px 14px}.chatHeaderTitle{letter-spacing:-.02em;font-size:18px;font-weight:650;line-height:1.25}.constructionBadge{border:1px solid var(--geist-border);background:var(--geist-surface);height:20px;color:var(--geist-secondary);white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.chatTokenUsageBadge{border:1px solid var(--geist-border);background:var(--geist-surface);min-height:26px;color:var(--geist-secondary);font-family:var(--geist-mono);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:0 10px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.chatTokenUsageItem{align-items:center;display:inline-flex}.chatTokenUsageTotal{border:1px solid var(--geist-border);background:var(--geist-background);color:var(--geist-foreground);border-radius:999px;padding:3px 7px;font-size:12px;font-weight:600}.chatHeaderSub{color:var(--geist-secondary);margin:4px 0 0;font-size:12px;line-height:1.5}.chatProviderToggle{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-surface);height:28px;color:var(--geist-foreground);cursor:pointer;white-space:nowrap;align-items:center;margin-left:4px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.chatProviderToggle:hover{border-color:var(--geist-foreground)}.chatProviderPanel{border-bottom:1px solid var(--geist-border);background:var(--geist-background);flex-shrink:0;grid-template-columns:minmax(150px,1.2fr) minmax(180px,1fr) minmax(130px,.8fr) auto;align-items:end;gap:8px;padding:10px 20px 12px;display:grid}.chatProviderField{flex-direction:column;gap:4px;min-width:0;display:flex}.chatProviderLabel{color:var(--geist-secondary);font-size:11px;font-weight:600}.chatProviderInput{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-background);width:100%;min-width:0;height:32px;color:var(--geist-foreground);font-family:var(--geist-mono);outline:none;padding:0 10px;font-size:12px}.chatProviderInput:focus{border-color:var(--geist-foreground)}.chatProviderInput::placeholder{color:var(--geist-secondary)}.chatProviderClearButton{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-surface);height:32px;color:var(--geist-secondary);cursor:pointer;padding:0 12px;font-size:12px;font-weight:600}.chatProviderClearButton:hover{color:var(--geist-foreground);border-color:var(--geist-foreground)}.chatMessages{flex-direction:column;flex:1;gap:12px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.chatMessage{border-radius:var(--geist-radius-lg);overflow-wrap:anywhere;word-break:normal;flex-shrink:0;max-width:80%;padding:10px 14px;font-size:14px;line-height:1.5}.chatMessageUser{background:var(--geist-accent);color:var(--geist-accent-foreground);border-bottom-right-radius:4px;align-self:flex-end}.chatMessageAI{background:var(--geist-surface);border:1px solid var(--geist-border);border-bottom-left-radius:4px;align-self:flex-start}.chatMessageAction{border:1px dashed var(--geist-border);max-width:90%;color:var(--geist-secondary);font-size:12px;font-family:var(--geist-mono);background:0 0;border-radius:999px;align-self:center;padding:6px 12px}.chatMessageActionPending{align-items:center;gap:8px;display:inline-flex}.chatMessageActionSpinner{border:1.5px solid color-mix(in srgb, var(--geist-secondary) 35%, transparent);border-top-color:var(--geist-secondary);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.8s linear infinite chat-message-action-spin;display:inline-block}@keyframes chat-message-action-spin{to{transform:rotate(360deg)}}.chatMessageAction.chatMessageActionExpanded{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-surface);align-self:flex-start;width:100%;max-width:80%;padding:0;overflow:hidden}.chatMessageStatus{border-radius:var(--geist-radius-md);max-width:100%;color:var(--geist-secondary);font-size:12px;font-family:var(--geist-mono);background:0 0;border:none;flex-direction:column;align-self:stretch;align-items:flex-start;gap:6px;padding:6px 10px;line-height:1.5;display:flex}.chatMessageStatus .chatMessageBody{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.chatMessageStatusIcon{color:color-mix(in srgb, var(--geist-foreground) 70%, transparent);flex-shrink:0;align-items:center;display:inline-flex}.chatMessageStatusInline{border:1px solid var(--geist-border);background:var(--geist-surface);color:var(--geist-foreground);font-family:var(--geist-mono);border-radius:4px;padding:1px 6px;font-size:11px}.chatMessageMetrics{flex-wrap:wrap;gap:6px;padding-left:22px;display:flex}.chatMessageMetricItem{border:1px solid var(--geist-border);background:var(--geist-background);min-height:22px;color:var(--geist-secondary);cursor:help;white-space:nowrap;border-radius:4px;outline:none;align-items:baseline;gap:4px;padding:2px 6px;display:inline-flex;position:relative}.chatMessageMetricItem:focus-visible{border-color:var(--geist-border-hover);box-shadow:0 0 0 2px color-mix(in srgb, var(--geist-foreground) 12%, transparent)}.chatMessageMetricName{color:var(--geist-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.chatMessageMetricValue{color:var(--geist-foreground);font-size:11px;font-weight:700}.chatMessageMetricTooltip{z-index:30;border:1px solid var(--geist-border);background:color-mix(in srgb, var(--geist-background) 96%, transparent);width:max-content;max-width:240px;box-shadow:var(--geist-shadow-md);color:var(--geist-foreground);font-family:var(--geist-font);opacity:0;pointer-events:none;text-align:left;transition:opacity var(--geist-transition), transform var(--geist-transition), visibility var(--geist-transition);visibility:hidden;white-space:normal;border-radius:6px;flex-direction:column;gap:3px;padding:8px 10px;font-size:11px;line-height:1.35;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.chatMessageMetricTooltip:after{content:"";border-right:1px solid var(--geist-border);border-bottom:1px solid var(--geist-border);background:color-mix(in srgb, var(--geist-background) 96%, transparent);width:8px;height:8px;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px)rotate(45deg)}.chatMessageMetricItem:hover .chatMessageMetricTooltip,.chatMessageMetricItem:focus-visible .chatMessageMetricTooltip{opacity:1;visibility:visible;transform:translate(-50%)}.chatMessageMetricTooltipTitle{color:var(--geist-foreground);font-weight:700}.chatMessageStatus-info{color:var(--geist-secondary)}.chatMessageStatus-pending{color:var(--geist-foreground)}.chatMessageStatus-success{color:color-mix(in srgb, var(--geist-success,#0a7d2c) 92%, var(--geist-foreground))}.chatMessageStatus-error{color:color-mix(in srgb, var(--geist-error,#c0392b) 92%, var(--geist-foreground))}.chatMessageAction.chatMessageActionExpanded .chatMessageBody{border-bottom:1px solid var(--geist-border);background:var(--geist-background);color:var(--geist-foreground);align-items:center;gap:8px;padding:8px 12px;display:flex}.chatMessageJson{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-surface);align-self:flex-start;width:100%;max-width:80%;padding:0;overflow:hidden}.chatMessageJson .chatMessageBody{border-bottom:1px solid var(--geist-border);background:var(--geist-background);min-height:34px;color:var(--geist-secondary);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:0 12px;font-size:11px;font-weight:700;display:flex}.chatMessagePayload{flex-direction:column;display:flex}.chatMessageChunks{background:var(--geist-surface);flex-direction:column;gap:8px;max-height:520px;padding:10px;display:flex;overflow-y:auto}.chatMessageChunk{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-background);flex-shrink:0;overflow:hidden}.chatMessageSingleChunk{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-background);margin:10px;overflow:hidden}.chatMessageChunkHeader{border-bottom:1px solid var(--geist-border);background:color-mix(in srgb, var(--geist-surface) 88%, transparent);align-items:center;gap:8px;min-height:32px;padding:4px 10px;display:flex}.chatMessageChunkIndex{font-family:var(--geist-mono);color:var(--geist-secondary);font-size:11px;font-weight:700}.chatMessageChunkJson{max-height:260px;color:var(--geist-secondary);font-family:var(--geist-mono);white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;margin:0;padding:8px 10px;font-size:12px;line-height:1.55;overflow:auto}.chatGeneratedJson{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-surface);flex-shrink:0;align-self:flex-start;width:100%;max-width:80%;overflow:hidden}.chatGeneratedJsonTitle{border-bottom:1px solid var(--geist-border);background:var(--geist-background);min-height:34px;color:var(--geist-secondary);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.chatJsonCopyButton{border:1px solid var(--geist-border);background:var(--geist-surface);min-width:52px;height:24px;color:var(--geist-foreground);letter-spacing:0;text-transform:none;cursor:pointer;border-radius:4px;margin-left:auto;padding:0 8px;font-size:11px;font-weight:600}.chatJsonCopyButton:hover{background:color-mix(in srgb, var(--geist-foreground) 6%, transparent)}.chatInputArea{border-top:1px solid color-mix(in srgb, var(--geist-border) 75%, transparent);background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--geist-background) 92%, transparent) 18px), var(--geist-background);flex-direction:column;flex-shrink:0;gap:8px;padding:12px 24px 18px;display:flex}.chatSuggestionsRow{flex-wrap:wrap;gap:6px;display:flex}.promptSuggestions{flex-direction:column;gap:6px;display:flex}.promptSuggestionsHeader{align-items:baseline;gap:8px;padding:0;display:flex}.promptSuggestionsLabel{color:var(--geist-secondary);letter-spacing:.02em;align-items:baseline;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.promptSuggestionsLabelDot{background:var(--geist-success,#0070f3);border-radius:50%;align-self:center;width:6px;height:6px;display:inline-block}.promptSuggestionsLabelHint{color:color-mix(in srgb, var(--geist-secondary) 70%, transparent);font-weight:500}.promptSuggestionsRail{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--geist-border) transparent;flex-wrap:nowrap;gap:8px;margin:0 -24px;padding:2px 24px 6px;scroll-padding-left:24px;display:flex;overflow:auto hidden}.promptSuggestionsRail::-webkit-scrollbar{height:5px}.promptSuggestionsRail::-webkit-scrollbar-thumb{background:var(--geist-border);border-radius:999px}.chatSuggestionChip{border:1px solid var(--geist-border);background:var(--geist-surface);height:28px;color:var(--geist-foreground);cursor:pointer;scroll-snap-align:start;transition:background var(--geist-transition), border-color var(--geist-transition);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.chatSuggestionChip:hover{background:color-mix(in srgb, var(--geist-surface) 80%, var(--geist-border));border-color:var(--geist-foreground)}.chatSuggestionChip:disabled{opacity:.45;cursor:not-allowed}.instantExamples{flex-direction:column;gap:6px;margin-top:2px;display:flex}.instantExamplesHeader{justify-content:space-between;align-items:baseline;gap:8px;padding:0;display:flex}.instantExamplesLabel{color:var(--geist-secondary);letter-spacing:.02em;align-items:baseline;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.instantExamplesLabelIcon{color:color-mix(in srgb, var(--geist-foreground) 75%, transparent);align-items:center;display:inline-flex}.instantExamplesLabelHint{color:color-mix(in srgb, var(--geist-secondary) 70%, transparent);font-weight:500}.instantExamplesAllLink{color:var(--geist-secondary);transition:color var(--geist-transition);align-items:center;gap:4px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.instantExamplesAllLink:hover{color:var(--geist-foreground)}.instantExamplesAllLink svg{transition:transform var(--geist-transition)}.instantExamplesAllLink:hover svg{transform:translate(2px)}.instantExamplesRail{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--geist-border) transparent;gap:10px;margin:0 -24px;padding:4px 24px 8px;scroll-padding-left:24px;display:flex;overflow:auto hidden}.instantExamplesRail::-webkit-scrollbar{height:5px}.instantExamplesRail::-webkit-scrollbar-thumb{background:var(--geist-border);border-radius:999px}.instantTile{cursor:pointer;scroll-snap-align:start;width:244px;transition:background var(--geist-transition), transform .16s cubic-bezier(.2, .7, .2, 1);border-radius:16px;outline:none;flex-direction:column;flex:none;gap:8px;margin:-6px;padding:6px;display:flex;position:relative}.instantTile:hover{background:var(--geist-surface)}.instantTile:hover .instantTileScreen{border-color:var(--geist-foreground)}.instantTile:focus-visible{background:var(--geist-surface);box-shadow:0 0 0 2px color-mix(in srgb, var(--geist-foreground) 20%, transparent)}.instantTile:active{transform:scale(.98)}.instantTile-disabled{opacity:.45;cursor:not-allowed}.instantTileScreen{border:1px solid var(--geist-border);background:var(--geist-background);height:220px;transition:border-color var(--geist-transition);border-radius:14px;position:relative;overflow:hidden}.instantTileScreen>*{width:100%;height:100%}.instantTilePreviewSlot{width:100%;height:100%;display:block}.instantTilePreviewSlot>.previewEmpty{height:100%;color:var(--geist-secondary);text-align:center;background:linear-gradient(180deg, var(--geist-surface), color-mix(in srgb, var(--geist-surface) 86%, var(--geist-background)));justify-content:center;align-items:center;padding:8px;font-size:10px;font-weight:500;display:flex}.instantTileScreen iframe{pointer-events:none;border:0;width:100%;height:100%;display:block}.instantTileTitle{color:var(--geist-foreground);letter-spacing:-.005em;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding:0 4px 2px;font-size:12.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.chatComposer{border:1px solid var(--geist-border);background:linear-gradient(180deg, var(--geist-background), color-mix(in srgb, var(--geist-surface) 56%, var(--geist-background)));min-height:132px;box-shadow:0 1px 0 color-mix(in srgb, var(--geist-background) 90%, transparent) inset, 0 10px 30px color-mix(in srgb, var(--geist-foreground) 6%, transparent);transition:border-color var(--geist-transition), box-shadow var(--geist-transition), transform var(--geist-transition), background var(--geist-transition);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.chatComposer:hover,.chatComposer:focus-within{border-color:color-mix(in srgb, var(--geist-foreground) 42%, var(--geist-border));box-shadow:0 1px 0 color-mix(in srgb, var(--geist-background) 95%, transparent) inset, 0 18px 42px color-mix(in srgb, var(--geist-foreground) 10%, transparent)}.chatComposer:focus-within{transform:translateY(-1px)}.chatInput{resize:vertical;width:100%;min-height:66px;max-height:220px;color:var(--geist-foreground);background:0 0;border:0;outline:none;padding:2px 4px;font-family:inherit;font-size:14px;line-height:1.55}.chatInput::placeholder{color:var(--geist-secondary)}.chatProviderConfig{grid-template-columns:minmax(180px,1.3fr) minmax(120px,.8fr) minmax(160px,1fr);gap:8px;display:grid}.chatProviderInputField{border:1px solid var(--geist-border);border-radius:var(--geist-radius-sm);background:var(--geist-background);min-width:0;height:34px;color:var(--geist-foreground);transition:border-color var(--geist-transition), background var(--geist-transition);outline:none;padding:0 10px;font-size:12px;display:block}.chatProviderInputFieldUrl{min-width:180px}.chatProviderInputField:focus{border-color:var(--geist-foreground)}.chatComposerFooter{justify-content:space-between;align-items:center;gap:10px;display:flex}.chatProviderControl{border:1px solid var(--geist-border);background:color-mix(in srgb, var(--geist-surface) 72%, var(--geist-background));border-radius:999px;align-items:center;gap:7px;min-width:0;max-width:min(360px,65%);height:34px;padding:0 8px 0 10px;display:inline-flex}.chatProviderStatus{background:color-mix(in srgb, var(--geist-success) 85%, var(--geist-foreground));width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--geist-success) 14%, transparent);border-radius:50%;flex-shrink:0}.chatProviderSelect{min-width:0;max-width:260px;height:30px;color:var(--geist-secondary);cursor:pointer;background:0 0;border:0;outline:none;padding:0 24px 0 0;font-family:inherit;font-size:12px;font-weight:600}.chatProviderSelect:hover,.chatProviderSelect:focus{color:var(--geist-foreground)}@media (max-width:980px){.chatPageBody{flex-direction:column;overflow-y:auto}.chatPage{min-height:0}.conversationPanel{border-right:none;border-bottom:1px solid var(--geist-border);width:100%;max-width:none;min-height:132px;max-height:180px}.conversationList{flex-direction:row;overflow:auto hidden}.conversationPanelHeader,.conversationPanelCreateRow{min-height:56px;padding:8px 8px 6px}.conversationRecentRow{padding-top:6px}.conversationListItem{flex-shrink:0;width:220px}.conversationListItemActions{opacity:1;pointer-events:auto;transform:none}.chatPanel{flex:none;min-height:400px}.previewPanel{border-left:none;border-top:1px solid var(--geist-border);width:100%;min-height:min(720px,80vh)}.chatTokenUsageBadge{order:3;width:100%;margin-left:0;overflow-x:auto}.chatHeader{padding:14px 16px 12px}.chatMessages{padding:16px}.chatInputArea{padding:10px 16px 14px}.chatProviderConfig{grid-template-columns:1fr}}@media (max-width:720px){.chatMessage,.chatMessageJson,.chatGeneratedJson,.chatMessageAction.chatMessageActionExpanded{max-width:100%}.chatPage[data-active-tab=edit] .previewPanel,.chatPage[data-active-tab=preview] .chatPanel,.chatPage[data-active-tab=preview] .conversationPanel,.chatPageBody>.panelResizeHandle{display:none}.chatPage[data-active-tab=edit] .chatPanel,.chatPage[data-active-tab=preview] .previewPanel{flex:1;width:100%;max-width:none;min-height:0}.chatPage[data-active-tab=preview] .previewPanel{border-top:none;border-left:none}.chatPage[data-active-tab=edit] .conversationPanel{background:var(--geist-background);flex-direction:row;align-items:stretch;height:52px;min-height:0;max-height:none}.conversationPanelHeader,.conversationPanelCreateRow{border-bottom:none;border-right:1px solid var(--geist-border);background:0 0;flex:none;width:auto;min-height:0;padding:8px}.conversationNewButton{width:36px;height:36px;box-shadow:none;border-radius:999px;padding:0}.conversationNewButtonLabel{display:none}.conversationList{flex:1;align-items:center;gap:6px;padding:6px 8px}.conversationListItem{flex:none;align-items:center;width:auto;min-width:0;max-width:220px;padding:6px 8px 6px 12px}.conversationListItemMeta,.conversationListItemPreview{display:none}.conversationListItemTitle{font-size:12px;line-height:1.25}.conversationListItemActions{opacity:0;pointer-events:none;gap:4px;transform:none}.conversationListItem-active .conversationListItemActions,.conversationListItem:focus-within .conversationListItemActions{opacity:1;pointer-events:auto}.chatSendBtn{min-width:84px;height:38px;box-shadow:none;padding:0 14px;font-size:13px}.chatHeader{display:none}.chatInputArea{gap:8px;padding:8px 14px 10px}.instantTile{gap:6px;width:180px;margin:-4px;padding:4px}.instantTileScreen{height:150px}.instantTileTitle{font-size:11.5px}.instantExamples{gap:4px}.instantExamplesHeader,.promptSuggestionsHeader{padding:0 2px}.chatSuggestionChip{height:26px;padding:0 10px;font-size:11.5px}.promptSuggestions{gap:4px}.promptSuggestionsRail{margin:0 -14px;padding:2px 14px 4px}.chatComposer{border-radius:12px;gap:8px;min-height:0;padding:10px 12px}.chatInput{min-height:38px;max-height:140px;font-size:14px;line-height:1.45}.chatComposerFooter .btn-lg{min-width:0;height:36px;padding:0 14px;font-size:13px}}.pageHeader{border-bottom:1px solid var(--geist-border);background:var(--geist-background);flex-shrink:0;width:100%;margin:0;padding:12px 20px}.pageHeaderTop{align-items:center;gap:8px;min-width:0;display:flex}.pageHeaderTopContent{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.pageHeaderTitle{color:var(--geist-foreground);letter-spacing:-.02em;margin:0;font-size:15px;font-weight:600;line-height:1.4}.pageHeaderDescription{color:var(--geist-secondary);margin:2px 0 0;font-size:12px;line-height:1.5}.benchPage{background:linear-gradient(180deg, color-mix(in srgb, var(--geist-surface) 58%, var(--geist-background)), var(--geist-background) 280px);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.benchHeader{background:color-mix(in srgb, var(--geist-background) 92%, var(--geist-surface))}.benchBody{--bench-report-width:440px;grid-template-columns:minmax(620px, 1fr) 10px minmax(360px, var(--bench-report-width));flex:1;min-width:0;min-height:0;display:grid;overflow:hidden}.benchReportPane{background:color-mix(in srgb, var(--geist-background) 84%, var(--geist-surface));min-height:0;padding:16px;overflow:auto}.benchResizeHandle{border:0;border-right:1px solid var(--geist-border);border-left:1px solid var(--geist-border);background:color-mix(in srgb, var(--geist-background) 78%, var(--geist-surface));cursor:col-resize;touch-action:none;min-width:0;min-height:0;transition:background var(--geist-transition), border-color var(--geist-transition);justify-content:center;align-items:center;padding:0;display:flex}.benchResizeHandle span{background:color-mix(in srgb, var(--geist-secondary) 48%, transparent);width:2px;height:34px;transition:background var(--geist-transition), height var(--geist-transition);border-radius:999px}.benchResizeHandle:hover,.benchResizeHandle:focus-visible,.benchBody[data-report-resizing=true] .benchResizeHandle{border-color:color-mix(in srgb, var(--geist-foreground) 28%, var(--geist-border));background:color-mix(in srgb, var(--geist-foreground) 5%, var(--geist-surface))}.benchResizeHandle:hover span,.benchResizeHandle:focus-visible span,.benchBody[data-report-resizing=true] .benchResizeHandle span{background:color-mix(in srgb, var(--geist-foreground) 42%, var(--geist-secondary));height:52px}.benchResizeHandle:focus-visible{outline:2px solid color-mix(in srgb, var(--geist-foreground) 22%, transparent);outline-offset:-2px}.benchMain{min-width:0;min-height:0;padding:16px;overflow:auto}.benchSection,.benchGroupsSection,.benchOverviewBand{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-background);box-shadow:var(--geist-shadow-sm)}.benchSection{margin-bottom:14px;padding:14px}.benchSectionHeader,.benchReportHeader,.benchGroupsHeader{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;margin-bottom:12px;display:flex}.benchReportHeader{align-items:center}.benchReportActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.benchSectionTitle{color:var(--geist-foreground);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:750;line-height:1.25}.benchSectionSub{color:var(--geist-secondary);margin:4px 0 0;font-size:12px;line-height:1.35}.benchStatusPill{border:1px solid var(--geist-border);background:var(--geist-surface);height:24px;color:var(--geist-secondary);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:11px;font-weight:650;display:inline-flex}.benchField{flex-direction:column;gap:6px;min-width:0;display:flex}.benchField+.benchField{margin-top:10px}.benchFieldLabel{color:var(--geist-secondary);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:750;line-height:1.2}.benchInput,.benchSelect,.benchTextarea,.benchInlineInput,.benchGroupName{border:1px solid var(--geist-border);border-radius:var(--geist-radius-sm);background:color-mix(in srgb, var(--geist-background) 88%, var(--geist-surface));width:100%;min-width:0;color:var(--geist-foreground);font-family:var(--geist-font);transition:background var(--geist-transition), border-color var(--geist-transition), box-shadow var(--geist-transition);font-size:13px}.benchInput,.benchSelect,.benchInlineInput{height:34px;padding:0 10px}.benchTextarea{resize:vertical;min-height:78px;padding:9px 10px;line-height:1.5}.benchInput:focus,.benchSelect:focus,.benchTextarea:focus,.benchInlineInput:focus,.benchGroupName:focus{border-color:color-mix(in srgb, var(--geist-foreground) 58%, var(--geist-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--geist-foreground) 8%, transparent);outline:none}.benchSelect{cursor:pointer}.benchRunnerGrid,.benchGroupFields,.benchScenarioMetaRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.benchRunnerGrid .benchField+.benchField,.benchGroupFields .benchField+.benchField{margin-top:0}.benchToggle{min-height:28px;color:var(--geist-foreground);align-items:center;gap:9px;margin-top:8px;font-size:13px;font-weight:550;display:flex}.benchToggle input{width:15px;height:15px;accent-color:var(--geist-foreground)}.benchRunActions{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px;display:grid}.benchProgressTrack{background:color-mix(in srgb, var(--geist-border) 72%, var(--geist-surface));border-radius:999px;height:6px;margin-top:12px;overflow:hidden}.benchProgressBar{border-radius:inherit;background:linear-gradient(90deg, var(--geist-foreground), color-mix(in srgb, var(--geist-foreground) 58%, var(--geist-secondary)));height:100%;transition:width .16s}.benchRunMeta{color:var(--geist-secondary);text-align:right;margin-top:7px;font-size:11px;font-weight:600}.benchRunMeta[data-tone=failed],.benchRunMeta[data-tone=error]{color:var(--geist-error,#c0392b)}.benchRunMeta[data-tone=cancelled]{color:var(--geist-secondary)}.benchScenarioList{flex-direction:column;gap:10px;display:flex}.benchScenarioItem{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-surface);padding:11px}.benchScenarioTop{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.benchScenarioName{font-weight:700}.benchScenarioPrompt{background:var(--geist-background);min-height:92px;margin-bottom:8px}.benchOverviewBand{background:radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--geist-foreground) 7%, transparent), transparent 34%), var(--geist-background);grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px;padding:20px;display:grid}.benchEyebrow{color:var(--geist-secondary);letter-spacing:.17em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:800}.benchOverviewTitle{max-width:720px;color:var(--geist-foreground);letter-spacing:0;margin:0;font-size:24px;font-weight:780;line-height:1.12}.benchMetricStrip{grid-template-columns:repeat(3,minmax(92px,1fr));gap:8px;display:grid}.benchRunPanel{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:color-mix(in srgb, var(--geist-background) 88%, var(--geist-surface));grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;display:grid}.benchPlanSummary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.benchPlanItem{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:color-mix(in srgb, var(--geist-background) 82%, var(--geist-surface));min-width:0;padding:11px 12px}.benchPlanItem span{color:var(--geist-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:750;display:block}.benchPlanItem strong{color:var(--geist-foreground);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:13px;font-weight:720;display:block;overflow:hidden}.benchPlanItem small{color:var(--geist-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;line-height:1.3;display:block;overflow:hidden}.benchMetric,.benchInsight{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:color-mix(in srgb, var(--geist-background) 82%, var(--geist-surface))}.benchMetric{min-width:96px;padding:12px}.benchMetricLabel,.benchInsight span{color:var(--geist-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:750;display:block}.benchMetric strong{color:var(--geist-foreground);font-variant-numeric:tabular-nums;margin-top:5px;font-size:18px;font-weight:780;display:block}.benchGroupsSection,.benchPlanSection{margin-bottom:16px;padding:16px}.benchHeaderActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.benchGroupGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.benchGroupCard{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:color-mix(in srgb, var(--geist-background) 90%, var(--geist-surface));min-width:0;transition:opacity var(--geist-transition), border-color var(--geist-transition), box-shadow var(--geist-transition);flex-direction:column;gap:10px;padding:13px;display:flex}.benchGroupCard:hover{border-color:var(--geist-border-hover);box-shadow:var(--geist-shadow-md)}.benchGroupCard[data-disabled=true]{opacity:.54}.benchGroupTop{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.benchSwitch{width:34px;height:20px;position:relative}.benchSwitch input{opacity:0;position:absolute;inset:0}.benchSwitch span{border:1px solid var(--geist-border);background:var(--geist-surface);transition:background var(--geist-transition), border-color var(--geist-transition);border-radius:999px;position:absolute;inset:0}.benchSwitch span:after{content:"";background:var(--geist-secondary);width:14px;height:14px;transition:background var(--geist-transition), transform var(--geist-transition);border-radius:50%;position:absolute;top:2px;left:2px}.benchSwitch input:checked+span{border-color:var(--geist-foreground);background:var(--geist-foreground)}.benchSwitch input:checked+span:after{background:var(--geist-accent-foreground);transform:translate(14px)}.benchRoleControl{border:1px solid var(--geist-border);background:var(--geist-surface);border-radius:999px;width:fit-content;max-width:100%;padding:2px;display:inline-flex}.benchRoleButton{height:24px;color:var(--geist-secondary);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 9px;font-size:11px;font-weight:700}.benchRoleButton.active{background:var(--geist-background);color:var(--geist-foreground);box-shadow:var(--geist-shadow-sm)}.benchGroupName{letter-spacing:0;background:0 0;border-color:#0000;height:32px;padding:0 10px;font-size:16px;font-weight:760}.benchGroupSummary{flex-wrap:wrap;gap:6px;display:flex}.benchGroupSummary span{border:1px solid var(--geist-border);background:var(--geist-surface);max-width:100%;height:24px;color:var(--geist-secondary);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:650;display:inline-flex;overflow:hidden}.benchGroupDetails{border-top:1px solid color-mix(in srgb, var(--geist-border) 72%, transparent);padding-top:4px}.benchGroupDetails summary{min-height:28px;color:var(--geist-secondary);cursor:pointer;align-items:center;font-size:12px;font-weight:700;list-style:none;display:inline-flex}.benchGroupDetails summary::-webkit-details-marker{display:none}.benchGroupDetails:not([open])>:not(summary){display:none}.benchGroupDetails summary:before{content:"";width:6px;height:6px;transition:transform var(--geist-transition);border-bottom:1.5px solid;border-right:1.5px solid;margin-right:8px;transform:rotate(-45deg)}.benchGroupDetails[open] summary:before{transform:rotate(45deg)}.benchGroupDetails .benchGroupFields{margin-top:6px}.benchPlanSection{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-background);box-shadow:var(--geist-shadow-sm)}.benchScenarioChips{flex-wrap:wrap;gap:8px;display:flex}.benchScenarioChip{border:1px solid var(--geist-border);background:var(--geist-surface);max-width:100%;min-height:28px;color:var(--geist-secondary);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:650;line-height:1.2;display:inline-flex;overflow:hidden}.benchRoleDot{background:var(--geist-secondary);border-radius:50%;flex:none;width:8px;height:8px}.benchRoleDot.control{background:#0070f3}.benchRoleDot.experiment{background:#f5a623}.benchInsightGrid{grid-template-columns:1fr;gap:10px;margin-bottom:14px;display:grid}.benchInsight{padding:13px}.benchInsight strong{color:var(--geist-foreground);text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:16px;font-weight:760;line-height:1.2;display:block;overflow:hidden}.benchInsight small{color:var(--geist-secondary);font-variant-numeric:tabular-nums;margin-top:4px;font-size:12px;display:block}.benchReportTableWrap{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-background);overflow:auto}.benchReportTable{border-collapse:collapse;width:100%;min-width:720px}.benchReportTable th,.benchReportTable td{border-bottom:1px solid var(--geist-border);color:var(--geist-foreground);text-align:left;vertical-align:top;white-space:nowrap;padding:10px 11px;font-size:12px}.benchReportTable th{background:var(--geist-surface);color:var(--geist-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.benchReportTable tr:last-child td{border-bottom:0}.benchReportTable strong{font-variant-numeric:tabular-nums;font-size:12px;display:block}.benchReportTable small{color:var(--geist-secondary);font-variant-numeric:tabular-nums;margin-top:2px;font-size:10px;display:block}.benchTableGroup{align-items:center;gap:7px;max-width:180px;display:flex}.benchTableGroup span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.benchScreenshotSection{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-background);margin-top:14px;padding:12px}.benchScreenshotSection .benchSectionHeader{align-items:center}.benchScreenshotSummaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.benchScreenshotSummaryGrid div{border:1px solid color-mix(in srgb, var(--geist-border) 76%, transparent);border-radius:var(--geist-radius-sm);background:var(--geist-surface);min-width:0;padding:10px}.benchScreenshotSummaryGrid span{color:var(--geist-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:780;line-height:1.2;display:block}.benchScreenshotSummaryGrid strong{color:var(--geist-foreground);margin-top:5px;font-size:13px;font-weight:760;line-height:1.25;display:block}.benchConfigDialog.benchScreenshotDialog{width:min(var(--bench-screenshot-dialog-width,1040px), calc(100vw - 48px));max-width:calc(100vw - 48px);position:relative}.benchScreenshotBody{gap:16px;min-height:0;padding:18px;display:grid;overflow:auto}.benchScreenshotMatrixWrap{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-background);overflow:auto}.benchScreenshotMatrix{grid-template-columns:minmax(150px, .7fr) repeat(var(--bench-screenshot-scenario-count,1), minmax(220px, 1fr));min-width:100%;display:grid}.benchScreenshotMatrixRow{display:contents}.benchScreenshotMatrixCorner,.benchScreenshotScenarioHeader,.benchScreenshotGroupHeader,.benchScreenshotMatrixCell{border-right:1px solid var(--geist-border);border-bottom:1px solid var(--geist-border);min-width:0}.benchScreenshotMatrixCorner,.benchScreenshotScenarioHeader{z-index:2;background:var(--geist-surface);position:sticky;top:0}.benchScreenshotMatrixCorner{z-index:3;color:var(--geist-secondary);letter-spacing:.08em;text-transform:uppercase;padding:12px;font-size:10px;font-weight:800;line-height:1.2;left:0}.benchScreenshotScenarioHeader{gap:4px;padding:11px 12px;display:grid}.benchScreenshotScenarioHeader strong,.benchScreenshotGroupHeader strong{color:var(--geist-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:760;line-height:1.25;overflow:hidden}.benchScreenshotScenarioHeader span,.benchScreenshotGroupHeader span{color:var(--geist-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;overflow:hidden}.benchScreenshotGroupHeader{z-index:1;background:var(--geist-background);align-items:flex-start;gap:8px;padding:12px;display:flex;position:sticky;left:0}.benchScreenshotGroupHeader div{gap:4px;min-width:0;display:grid}.benchScreenshotMatrixCell{background:color-mix(in srgb, var(--geist-background) 92%, var(--geist-surface));align-content:start;gap:10px;padding:10px;display:grid}.benchScreenshotSlot{border:1px solid var(--geist-border);border-radius:var(--geist-radius-sm);background:var(--geist-background);gap:9px;min-width:0;margin:0;padding:9px;display:grid}.benchScreenshotSlot[data-state=failed]{border-color:color-mix(in srgb, var(--geist-error) 34%, var(--geist-border))}.benchScreenshotImageFrame,.benchScreenshotPlaceholder{border:1px solid var(--geist-border);border-radius:var(--geist-radius-sm);background:var(--geist-surface);height:clamp(220px,25vw,360px);min-height:220px;overflow:hidden}.benchScreenshotImageFrame img{object-fit:contain;width:100%;height:100%;display:block}.benchScreenshotSlotHeader,.benchScreenshotSlotMeta{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.benchScreenshotSlotHeader strong{color:var(--geist-foreground);font-size:12px;font-weight:760;line-height:1.2}.benchScreenshotPlaceholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:14px;display:flex}.benchScreenshotSlot[data-state=failed] .benchScreenshotPlaceholder{border-color:color-mix(in srgb, var(--geist-error) 36%, var(--geist-border));background:color-mix(in srgb, var(--geist-error) 6%, var(--geist-surface))}.benchScreenshotPlaceholder strong{color:var(--geist-foreground);font-size:14px;font-weight:760;line-height:1.25}.benchScreenshotPlaceholder span{color:var(--geist-secondary);overflow-wrap:anywhere;white-space:normal;word-break:break-word;-webkit-line-clamp:6;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.benchScreenshotSlotMeta span{color:var(--geist-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;overflow:hidden}.benchScreenshotState{border:1px solid var(--geist-border);background:var(--geist-surface);color:var(--geist-secondary);border-radius:999px;flex:none;padding:2px 6px;font-size:10px;font-weight:720;line-height:1.2}.benchScreenshotState[data-state=captured]{border-color:color-mix(in srgb, var(--geist-success,#0070f3) 28%, var(--geist-border));color:color-mix(in srgb, var(--geist-success,#0070f3) 74%, var(--geist-foreground))}.benchScreenshotState[data-state=failed]{border-color:color-mix(in srgb, var(--geist-error) 32%, var(--geist-border));color:color-mix(in srgb, var(--geist-error) 78%, var(--geist-foreground))}.benchScreenshotResizeHandle{z-index:4;cursor:ew-resize;outline:none;justify-content:center;width:12px;display:flex;position:absolute;top:0;bottom:0;right:0}.benchScreenshotResizeHandle span{background:0 0;border-radius:999px;width:2px;margin:14px 0}.benchScreenshotDialog[data-resizing=true] .benchScreenshotResizeHandle span,.benchScreenshotResizeHandle:focus-visible span,.benchScreenshotResizeHandle:hover span{background:var(--geist-border)}.benchReportNotes{color:var(--geist-secondary);flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px;line-height:1.45;display:flex}.benchReportWarnings{border:1px solid color-mix(in srgb, var(--geist-error) 24%, var(--geist-border));border-radius:var(--geist-radius-md);background:color-mix(in srgb, var(--geist-error) 6%, var(--geist-background));color:color-mix(in srgb, var(--geist-error) 72%, var(--geist-foreground));gap:6px;margin-top:12px;padding:10px;font-size:12px;line-height:1.45;display:grid}.benchHistoryDialog{width:min(900px,100%)}.benchHistoryBody{min-height:0;padding:18px;overflow:auto}.benchHistoryList{gap:12px;display:grid}.benchHistoryCard{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:color-mix(in srgb, var(--geist-background) 90%, var(--geist-surface));gap:12px;padding:14px;display:grid}.benchHistoryCardHeader,.benchHistoryActions{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.benchHistoryCard h3{overflow-wrap:anywhere;color:var(--geist-foreground);margin:0;font-size:15px;font-weight:760;line-height:1.25}.benchHistoryCard p{color:var(--geist-secondary);margin:4px 0 0;font-size:12px;line-height:1.35}.benchHistoryStatus{border:1px solid var(--geist-border);background:var(--geist-surface);height:24px;color:var(--geist-secondary);border-radius:999px;flex-shrink:0;align-items:center;padding:0 9px;font-size:11px;font-weight:750;display:inline-flex}.benchHistoryStatus[data-tone=ok]{border-color:color-mix(in srgb, var(--geist-success,#0070f3) 26%, var(--geist-border));color:color-mix(in srgb, var(--geist-success,#0070f3) 72%, var(--geist-foreground))}.benchHistoryStatus[data-tone=warn]{border-color:color-mix(in srgb, var(--geist-warning,#b7791f) 30%, var(--geist-border));color:color-mix(in srgb, var(--geist-warning,#b7791f) 78%, var(--geist-foreground))}.benchHistoryStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.benchHistoryStats div{border:1px solid color-mix(in srgb, var(--geist-border) 76%, transparent);border-radius:var(--geist-radius-sm);background:var(--geist-background);min-width:0;padding:10px}.benchHistoryStats span,.benchHistorySnapshot span{color:var(--geist-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:780;line-height:1.2;display:block}.benchHistoryStats strong,.benchHistorySnapshot strong{color:var(--geist-foreground);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px;font-weight:740;line-height:1.3;display:block;overflow:hidden}.benchHistoryConfig{flex-wrap:wrap;gap:6px;display:flex}.benchHistoryConfig span{border:1px solid var(--geist-border);background:var(--geist-surface);min-width:0;max-width:100%;color:var(--geist-secondary);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:650;overflow:hidden}.benchHistoryDetails{border-top:1px solid color-mix(in srgb, var(--geist-border) 72%, transparent);padding-top:10px}.benchHistoryDetails summary{cursor:pointer;color:var(--geist-foreground);font-size:12px;font-weight:720}.benchHistorySnapshot{gap:8px;margin-top:10px;display:grid}.benchHistorySnapshot div{min-width:0}.benchHistorySnapshot strong{overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.benchHistoryEmpty{min-height:300px}.benchConfigOverlay{z-index:1000;background:color-mix(in srgb, var(--geist-foreground) 42%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.benchConfigDialog{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-background);width:min(960px,100%);max-height:min(780px,100vh - 48px);box-shadow:0 24px 72px color-mix(in srgb, var(--geist-foreground) 18%, transparent), var(--geist-shadow-lg);flex-direction:column;display:flex;overflow:hidden}.benchRunNoticeDialog{width:min(460px,100%)}.benchConfigHeader,.benchConfigFooter{border-bottom:1px solid var(--geist-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.benchConfigFooter{border-top:1px solid var(--geist-border);border-bottom:0;justify-content:flex-end}.benchRunNoticeHeader{align-items:flex-start}.benchRunNoticeLead{align-items:flex-start;gap:12px;min-width:0;display:flex}.benchRunNoticeIcon{border:1px solid color-mix(in srgb, var(--geist-warning,#b7791f) 48%, transparent);background:color-mix(in srgb, var(--geist-warning,#b7791f) 13%, transparent);width:34px;height:34px;color:var(--geist-warning,#b7791f);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.benchConfigTitle{color:var(--geist-foreground);letter-spacing:0;margin:0;font-size:18px;font-weight:760;line-height:1.25}.benchConfigSub{color:var(--geist-secondary);margin:4px 0 0;font-size:12px;line-height:1.35}.benchConfigBody{grid-template-columns:minmax(280px,.85fr) minmax(380px,1.15fr);gap:18px;min-height:0;padding:18px;display:grid;overflow:auto}.benchRunNoticeBody{padding:18px}.benchRunNoticeList{color:var(--geist-secondary);gap:9px;margin:0;padding-left:18px;font-size:13px;line-height:1.45;display:grid}.benchRunNoticeList li::marker{color:var(--geist-warning,#b7791f)}.benchRunNoticeText,.benchRunNoticeError{color:var(--geist-secondary);margin:0;font-size:13px;line-height:1.5}.benchRunNoticeError{color:var(--geist-error);margin-top:10px}.benchRunHealthCard{border:1px solid var(--geist-border);border-radius:var(--geist-radius-sm);background:var(--geist-surface);gap:8px;margin-top:14px;padding:12px;display:grid}.benchRunHealthCard div{grid-template-columns:72px minmax(0,1fr);align-items:baseline;gap:10px;min-width:0;display:grid}.benchRunHealthCard span{color:var(--geist-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:720}.benchRunHealthCard strong{min-width:0;color:var(--geist-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:730;line-height:1.35;overflow:hidden}.benchConfigColumn{flex-direction:column;gap:14px;min-width:0;display:flex}.benchConfigSection{border-bottom:1px solid color-mix(in srgb, var(--geist-border) 76%, transparent);min-width:0;padding-bottom:14px}.benchConfigSection:last-child,.benchConfigScenarios{border-bottom:0;padding-bottom:0}.benchDocLink{color:var(--geist-foreground);align-items:center;gap:4px;font-weight:650;display:inline-flex}.benchEmptyReport{border:1px dashed var(--geist-border);border-radius:var(--geist-radius-md);min-height:360px;color:var(--geist-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.benchEmptyReport strong{color:var(--geist-foreground);font-size:15px}.benchEmptyReport span{font-size:12px}@media (max-width:1240px){.benchBody{grid-template-columns:minmax(0,1fr)}.benchResizeHandle{display:none}.benchReportPane{border-top:1px solid var(--geist-border);border-left:0;grid-column:1/-1;min-height:360px}.benchInsightGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1500px){.benchOverviewBand{grid-template-columns:minmax(0,1fr)}}@media (max-width:980px){.benchBody{display:block;overflow:auto}.benchMain,.benchReportPane{overflow:visible}.benchReportPane{border-right:0}.benchMain{padding:14px}.benchOverviewBand,.benchConfigBody{grid-template-columns:1fr}}@media (max-width:720px){.benchMain,.benchReportPane{padding:12px}.benchOverviewTitle{font-size:21px}.benchMetricStrip,.benchInsightGrid,.benchHistoryStats,.benchPlanSummary,.benchRunnerGrid,.benchScreenshotSummaryGrid,.benchGroupFields,.benchScenarioMetaRow{grid-template-columns:1fr}.benchConfigOverlay{padding:10px}.benchConfigDialog{max-height:calc(100vh - 20px)}.benchConfigDialog.benchScreenshotDialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px)}.benchScreenshotResizeHandle{display:none}.benchHeaderActions{justify-content:stretch;width:100%}.benchHeaderActions .btn{flex:1}.benchHistoryCardHeader,.benchHistoryActions,.benchReportActions{flex-direction:column;align-items:stretch}}.compPage{flex:1;min-height:0;display:flex}.compCatalogPage{flex-direction:column;flex:1;min-width:0;display:flex}.compEyebrow{color:var(--geist-secondary);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.compCategoryNav{flex-wrap:wrap;gap:10px;margin:10px 0 26px;display:flex}.compCategoryChip{border:1px solid var(--geist-border);background:var(--geist-background);height:32px;color:var(--geist-secondary);cursor:pointer;transition:color var(--geist-transition), border-color var(--geist-transition), box-shadow var(--geist-transition), transform var(--geist-transition);border-radius:999px;padding:0 14px;font-size:12px;font-weight:600}.compCategoryChip:hover{color:var(--geist-foreground);border-color:var(--geist-border-hover);box-shadow:var(--geist-shadow-sm);transform:translateY(-1px)}.compCatalogSectionTitle{color:var(--geist-foreground);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:14px;font-weight:700}.compCatalogSplit{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:20px;width:100%;margin:0;padding:0 20px 32px;display:grid}.compCatalogSidebar{max-height:calc(100vh - 40px);padding-top:12px;padding-bottom:12px;position:sticky;top:0;overflow-y:auto}.compCatalogDetail{min-width:0}.compCategorySection{margin-bottom:32px}.compCategoryTitle{color:var(--geist-foreground);letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;font-size:14px;font-weight:600}.compGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.compGridCard{border:1px solid var(--geist-border);border-radius:var(--geist-radius-lg);background:var(--geist-background);transition:all var(--geist-transition);padding:16px;text-decoration:none;display:block}.compGridCard:hover{border-color:var(--geist-border-hover);box-shadow:var(--geist-shadow-md)}.compGridCardName{color:var(--geist-foreground);font-size:15px;font-weight:600;font-family:var(--geist-mono);margin-bottom:4px}.compGridCardDesc{color:var(--geist-secondary);font-size:13px;line-height:1.5}.compSidebar{border-right:1px solid var(--geist-border);background:var(--geist-background);flex-direction:column;flex-shrink:0;gap:0;width:100%;padding:8px;display:flex;overflow-y:auto}.compSidebarGroup{border-top:1px solid color-mix(in srgb, var(--geist-border) 70%, transparent);margin-bottom:12px;padding:8px 0}.compSidebarAll{border:1px solid color-mix(in srgb, var(--geist-border) 72%, transparent);border-radius:var(--geist-radius-md);background:color-mix(in srgb, var(--geist-background) 86%, var(--geist-surface));cursor:pointer;text-align:left;width:100%;color:var(--geist-foreground);transition:background var(--geist-transition), border-color var(--geist-transition), color var(--geist-transition);margin:0 0 10px;padding:8px 12px 8px 14px;font-size:13px;font-weight:700;text-decoration:none;display:block}.compSidebarAll:hover{color:var(--geist-foreground);border-color:var(--geist-border);background:var(--geist-background)}.compSidebarAll.active{color:var(--geist-foreground);border-color:color-mix(in srgb, var(--geist-border) 70%, transparent);background:color-mix(in srgb, var(--geist-background) 92%, var(--geist-surface))}.compSidebarGroupLabel{color:var(--geist-foreground);text-transform:uppercase;letter-spacing:.06em;margin:0 8px 10px;padding:0 4px;font-size:11px;font-weight:700;line-height:1.25}.compSidebarItem{border-radius:var(--geist-radius-md);cursor:pointer;text-align:left;color:var(--geist-secondary);transition:background var(--geist-transition), border-color var(--geist-transition), color var(--geist-transition);background:0 0;border:1px solid #0000;margin:0 2px 4px 8px;padding:6px 10px;font-size:13px;font-weight:500;text-decoration:none;display:block}.compSidebarItem:hover{color:var(--geist-foreground);border-color:var(--geist-border);background:var(--geist-background)}.compSidebarItem.active{color:var(--geist-foreground);background:var(--geist-background);border-color:var(--geist-border)}.compContent{flex:1;padding:32px 40px;overflow-y:auto}.compName{letter-spacing:-.03em;margin:0 0 8px;font-size:24px;font-weight:700}.compDesc{color:var(--geist-secondary);margin:0 0 24px;font-size:14px;line-height:1.6}.compPropsSection{margin-bottom:24px}.compUsageSection{border:1px solid color-mix(in srgb, var(--geist-border) 72%, transparent);background:color-mix(in srgb, var(--geist-background) 88%, var(--geist-surface));border-radius:24px;margin-bottom:24px;padding:18px;box-shadow:inset 0 1px #ffffff26}.compUsageSectionHeader{margin-bottom:6px}.compUsageSectionHeader .compPlaygroundSideHint{margin-left:auto}.compPropsSection .compPropsTableWrap{margin-top:6px}.compEditorPreviewRow{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:stretch;gap:18px;display:grid}.compUsagePane,.compPreviewPane{min-width:0}.compSectionHeader{align-items:center;gap:12px;margin-bottom:8px;display:flex}.compSectionHeader .compSubheading{margin:0}.compUsageHint{color:var(--geist-secondary);margin:0 0 10px;font-size:12px;line-height:1.5}.compUsageEditorToolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.compUsageEditorLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--geist-secondary);font-size:11px;font-weight:700}.compCopyBtn{border:1px solid var(--geist-border);border-radius:var(--geist-radius-sm);background:var(--geist-background);height:26px;color:var(--geist-secondary);cursor:pointer;transition:all var(--geist-transition);padding:0 10px;font-size:12px;font-weight:500}.compCopyBtn:hover{color:var(--geist-foreground);border-color:var(--geist-border-hover)}.compUsageEditor{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);margin-bottom:16px;overflow:hidden}.compUsageExamples{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.compUsageExample{border:1px solid var(--geist-border);background:var(--geist-background);height:28px;color:var(--geist-secondary);cursor:pointer;transition:all var(--geist-transition);border-radius:999px;padding:0 12px;font-size:12px;font-weight:500}.compUsageExample:hover{color:var(--geist-foreground);border-color:var(--geist-border-hover)}.compUsageExample.active{color:var(--geist-foreground);border-color:color-mix(in srgb, var(--geist-foreground) 22%, var(--geist-border));background:color-mix(in srgb, var(--geist-surface) 78%, var(--geist-background));box-shadow:var(--geist-shadow-sm)}.compUsageEditor .cm-editor{height:auto;max-height:520px;font-family:var(--geist-mono);font-size:13px}.compUsageEditor .cm-scroller{max-height:520px;overflow:auto}.compUsageEditorDark .cm-editor{background:var(--geist-code-bg);color:var(--geist-code-fg)}.compUsageEditorDark .cm-gutters{background:color-mix(in srgb, var(--geist-code-bg) 88%, black);color:color-mix(in srgb, var(--geist-code-fg) 58%, white);border-right:1px solid color-mix(in srgb, var(--geist-border) 82%, transparent)}.compUsageEditorDark .cm-activeLine,.compUsageEditorDark .cm-activeLineGutter{background:color-mix(in srgb, var(--geist-background) 12%, transparent)}.compUsageEditorLight .cm-editor{background:color-mix(in srgb, var(--geist-background) 82%, var(--geist-surface));color:var(--geist-foreground)}.compUsageEditorLight .cm-gutters{background:color-mix(in srgb, var(--geist-background) 78%, var(--geist-surface));color:var(--geist-secondary);border-right:1px solid color-mix(in srgb, var(--geist-border) 85%, transparent)}.compUsageEditorLight .cm-activeLine,.compUsageEditorLight .cm-activeLineGutter{background:color-mix(in srgb, var(--geist-surface) 82%, transparent)}.compUsageError{border:1px solid var(--geist-error);border-radius:var(--geist-radius-sm);background:var(--geist-error-light);color:var(--geist-error);font-family:var(--geist-mono);margin:-16px 0 24px;padding:8px 12px;font-size:12px}.compPreviewStage{min-height:620px;padding:0}.compPreviewPane{align-items:stretch;display:flex}.compPropsTableWrap{border:1px solid color-mix(in srgb, var(--geist-border) 72%, transparent);background:color-mix(in srgb, var(--geist-background) 82%, transparent);border-radius:18px;max-height:680px;overflow:auto;box-shadow:inset 0 1px #ffffff2e}.compPropsTable{table-layout:fixed;border:0;border-radius:0;margin:0}.compPropsTable .compTableHeader:first-child{width:42%}.compPropName{color:var(--geist-foreground);margin-bottom:4px;font-size:12px;font-weight:700}.compPropDefault{color:var(--geist-secondary);font-size:11px;line-height:1.45}.compPropType{color:var(--geist-foreground);margin-bottom:4px;font-size:12px;font-weight:600}.compPropDesc{color:var(--geist-secondary);font-size:11px;line-height:1.5}.compPreviewPane .phoneWrap{width:100%}.compPreviewPane .phoneFrame{transform:none}.compPreviewInvalid{text-align:center;width:100%;min-height:560px;color:var(--geist-secondary);border:1px dashed color-mix(in srgb, var(--geist-border) 70%, transparent);background:color-mix(in srgb, var(--geist-background) 70%, transparent);border-radius:18px;justify-content:center;align-items:center;padding:24px;font-size:13px;display:flex}@media (max-width:1100px){.compUsageSection{padding:14px}.compEditorPreviewRow{grid-template-columns:1fr}.compUsagePane{border-bottom:1px solid color-mix(in srgb, var(--geist-border) 72%, transparent)}.compPreviewPane .compPreviewStage{min-height:520px;padding-inline:0}.compCatalogPage{overflow:visible}.compCatalogContent,.compCatalogSplit{padding-inline:20px}.compCatalogSplit{grid-template-columns:1fr}.compCatalogSidebar{max-height:none;position:static}}.compSubheading{color:var(--geist-foreground);margin:0 0 8px;font-size:14px;font-weight:600}.compCodeBlock{border-radius:var(--geist-radius-md);background:var(--geist-code-bg);color:var(--geist-code-fg);font-family:var(--geist-mono);white-space:pre;margin:0 0 24px;padding:16px;font-size:13px;line-height:1.6;overflow-x:auto}.compTable{border-collapse:collapse;width:100%;margin-bottom:24px;font-size:13px}.compTableHeader{text-align:left;color:var(--geist-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--geist-border);padding:8px 12px;font-size:12px;font-weight:600}.compTableCell{border-bottom:1px solid var(--geist-border);vertical-align:top;padding:8px 12px}.compTableCell:first-child{font-family:var(--geist-mono);color:var(--geist-foreground);font-weight:500}.compTableCell:nth-child(2){font-family:var(--geist-mono);color:var(--geist-secondary);font-size:12px}@media (max-width:980px){.compPage{flex-direction:column}.compSidebar{border-right:none;border-bottom:1px solid var(--geist-border);flex-flow:wrap;width:100%;max-height:160px}.compContent{padding:20px}}.compPlaygroundSideHint{border:1px solid color-mix(in srgb, var(--geist-border) 76%, transparent);background:color-mix(in srgb, var(--geist-background) 78%, var(--geist-surface));min-height:22px;color:var(--geist-secondary);white-space:nowrap;border-radius:999px;align-items:center;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.compBreadcrumb{color:var(--geist-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 20px;font-size:12px;line-height:1.4;display:flex}.compBreadcrumbLink{color:var(--geist-secondary);transition:color var(--geist-transition);font-weight:600}.compBreadcrumbLink:hover{color:var(--geist-foreground)}.compBreadcrumbSep{color:color-mix(in srgb, var(--geist-secondary) 60%, transparent)}.compBreadcrumbCurrent{color:var(--geist-foreground);font-weight:600}.compCategoryBadge{border:1px solid color-mix(in srgb, var(--geist-border) 76%, transparent);background:color-mix(in srgb, var(--geist-surface) 76%, var(--geist-background));width:fit-content;min-height:24px;color:var(--geist-secondary);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;margin-bottom:12px;padding:2px 9px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.openuiCompCatalogPage{background:color-mix(in srgb, var(--geist-background) 92%, var(--geist-surface))}.openuiCompHeader{background:color-mix(in srgb, var(--geist-background) 88%, var(--geist-surface))}.openuiCompSplit{grid-template-columns:minmax(220px,248px) minmax(0,1fr);gap:16px;padding:16px 20px 36px}.openuiCompSidebar{border:1px solid color-mix(in srgb, var(--geist-border) 76%, transparent);border-radius:var(--geist-radius-md);width:100%;max-height:calc(100vh - 148px);box-shadow:var(--geist-shadow-sm)}.openuiCompSidebar .compSidebarAll{margin-bottom:12px}.openuiCompSidebar .compSidebarGroup{margin-bottom:10px}.openuiCompDetail{min-width:0}.openuiCompContent{padding:6px 0 0;overflow:visible}.openuiCompDetailContent{max-width:980px}.openuiCompIntro{border-bottom:1px solid color-mix(in srgb, var(--geist-border) 72%, transparent);margin-bottom:18px;padding-bottom:18px}.openuiCompIntro .compDesc,.openuiCompContent>.compDesc{max-width:760px}.openuiCompCategoryHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.openuiCompCategoryHeader .compCategoryTitle{margin:0}.openuiCompCategoryCount{color:var(--geist-secondary);flex:none;font-size:12px;font-weight:600}.openuiCompGridCard{border-radius:var(--geist-radius-md);background:color-mix(in srgb, var(--geist-background) 82%, var(--geist-surface));flex-direction:column;min-height:112px;display:flex;box-shadow:inset 0 1px #ffffff29}.openuiCompGridCard:hover{transform:translateY(-2px)}.openuiCompGridCard .compGridCardName{margin-bottom:8px}.openuiCompSection{border-radius:var(--geist-radius-md);background:color-mix(in srgb, var(--geist-background) 84%, var(--geist-surface));box-shadow:var(--geist-shadow-sm);margin-bottom:16px;padding:16px}.openuiCompPropsTableWrap{border-radius:var(--geist-radius-md);max-height:none}.openuiCompPropsTableWrap .compPropsTable .compTableHeader:first-child{width:18%}.openuiCompPropsTableWrap .compPropsTable .compTableHeader:nth-child(2){width:27%}.openuiCompPropsTableWrap .compPropsTable .compTableHeader:nth-child(3){width:35%}.openuiCompPropsTableWrap .compPropsTable .compTableHeader:nth-child(4){width:20%}.openuiCompPropsTableWrap .compTableHeader{background:color-mix(in srgb, var(--geist-background) 90%, var(--geist-surface))}.openuiCompPropsTableWrap .compTableCell{overflow-wrap:anywhere}.openuiCompDslBlock{border:1px solid color-mix(in srgb, var(--geist-border) 78%, transparent);border-radius:var(--geist-radius-md);white-space:pre-wrap;word-break:break-word;max-height:440px;margin:0}.openuiCompContent .compTableCell{line-height:1.5}@media (max-width:1100px){.openuiCompSplit{grid-template-columns:1fr}.openuiCompSidebar{max-height:none}}@media (max-width:980px){.openuiCompSplit{padding:12px 14px 28px}.openuiCompSidebar{border-right:1px solid color-mix(in srgb, var(--geist-border) 76%, transparent);border-bottom:1px solid color-mix(in srgb, var(--geist-border) 76%, transparent);flex-flow:column;max-height:260px}.openuiCompContent{padding-top:2px}.openuiCompSection{padding:14px}}@media (max-width:720px){.openuiCompHeader .pageHeaderTop{flex-direction:column;align-items:flex-start}.openuiCompCategoryHeader{flex-direction:column;align-items:flex-start;gap:4px}.compPlaygroundSideHint{margin-left:0}.openuiCompSection .compSectionHeader{flex-direction:column;align-items:flex-start;gap:6px}.openuiCompPropsTableWrap{box-shadow:none;background:0 0;border:0;overflow:visible}.openuiCompPropsTableWrap .compPropsTable,.openuiCompPropsTableWrap .compPropsTable tbody,.openuiCompPropsTableWrap .compPropsTable tr,.openuiCompPropsTableWrap .compPropsTable .compTableCell{width:100%;display:block}.openuiCompPropsTableWrap .compPropsTable thead{display:none}.openuiCompPropsTableWrap .compPropsTable tr{border:1px solid color-mix(in srgb, var(--geist-border) 76%, transparent);border-radius:var(--geist-radius-md);background:color-mix(in srgb, var(--geist-background) 88%, var(--geist-surface));margin-bottom:8px;padding:10px 12px}.openuiCompPropsTableWrap .compPropsTable tr:last-child{margin-bottom:0}.openuiCompPropsTableWrap .compPropsTable .compTableCell{border-bottom:0;padding:0}.openuiCompPropsTableWrap .compPropsTable .compTableCell+.compTableCell{margin-top:8px}.openuiCompPropsTableWrap .compPropsTable .compTableCell:before{color:var(--geist-secondary);font-family:var(--geist-font);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:700;line-height:1.3;display:block}.openuiCompPropsTableWrap .compPropsTable .compTableCell:first-child:before{content:"Name"}.openuiCompPropsTableWrap .compPropsTable .compTableCell:nth-child(2):before{content:"Type"}.openuiCompPropsTableWrap .compPropsTable .compTableCell:nth-child(3):before{content:"Description"}.openuiCompPropsTableWrap .compPropsTable .compTableCell:nth-child(4):before{content:"Default"}}.compResponsiveBreadcrumb{display:none}@media (max-width:1100px){.compResponsiveSidebar{display:none}.compResponsiveBreadcrumb{display:flex}}.demosPage{flex:1;display:flex;overflow:hidden}.demosPage.resizing{-webkit-user-select:none;user-select:none}.examplePage{background:var(--geist-background);flex:1;padding:0;overflow:auto}.exampleColumns{flex-direction:column;gap:28px;padding:24px 20px;display:flex}.exampleSection{min-width:0}.exampleSectionHeader{border-bottom:1px solid var(--geist-border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:8px;display:flex}.exampleSectionTitle{letter-spacing:.11em;text-transform:uppercase;color:var(--geist-foreground);margin:0;font-size:13px;font-weight:700}.exampleSectionTitleLink{letter-spacing:.11em;text-transform:uppercase;color:var(--geist-foreground);margin:0;font-size:13px;font-weight:700;text-decoration:none}.exampleSectionTitleLink:hover{text-decoration:underline}.exampleGrid{column-width:300px;column-gap:14px}.exampleGridFlow{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.exampleGridFlow .exampleCard{margin-bottom:0}.exampleCard{border:1px solid var(--geist-border);background:var(--geist-surface);min-height:0;box-shadow:var(--geist-shadow-sm);cursor:pointer;text-align:left;transition:transform var(--geist-transition), border-color var(--geist-transition), box-shadow var(--geist-transition), background var(--geist-transition);break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;border-radius:18px;flex-direction:column;gap:10px;width:100%;margin:0 0 14px;padding:12px;display:inline-flex;position:relative;overflow:hidden}.exampleCard:before{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--geist-background) 86%, transparent), transparent);pointer-events:none;position:absolute;inset:0}.exampleCard:hover{border-color:var(--geist-border-hover);box-shadow:var(--geist-shadow-lg);transform:translateY(-1px)}.exampleCardPreview{z-index:1;position:relative}.exampleCardPreviewWindow{border:1px solid var(--geist-border);background:var(--geist-background);height:240px;box-shadow:none;border-radius:16px;overflow:hidden}.exampleCardPreviewWindow iframe{pointer-events:none}.exampleCardPreviewFrame{pointer-events:none;border:0;width:100%;height:100%;display:block}.exampleCardTop{justify-content:space-between;align-items:start;gap:8px;min-width:0;display:flex}.exampleCardTitle{letter-spacing:.01em;color:var(--geist-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:600;line-height:1.35;overflow:hidden}.exampleCardBody{flex-direction:column;gap:0;padding-top:2px;display:flex}.exampleCardBadge{border:1px solid var(--geist-border);background:color-mix(in srgb, var(--geist-background) 82%, var(--geist-surface));color:var(--geist-secondary);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-self:flex-start;padding:2px 6px;font-size:10px;line-height:1.2}.detailSidebar{width:280px}.sidebarTopNav{justify-content:center;align-items:center;padding:8px 0 16px;display:flex}.detailWorkspace{background:radial-gradient(circle at top right, #0000000a, transparent 18%), var(--geist-background);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.detailWorkspaceFullscreen{background:var(--geist-background)}.detailHeader{border-bottom:1px solid var(--geist-border);background:var(--geist-background);flex-shrink:0;justify-content:space-between;align-items:end;gap:16px;padding:18px 20px 16px;display:flex}.detailHeaderCopy{min-width:0}.detailEyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--geist-secondary);margin-bottom:8px;font-size:11px;font-weight:700}.detailTitle{letter-spacing:-.04em;font-size:clamp(22px,3vw,34px);font-weight:750;line-height:1.05}.detailDesc{max-width:820px;color:var(--geist-secondary);margin-top:8px;font-size:14px;line-height:1.6}.detailHeaderMeta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.detailPanels{flex:1;min-height:0;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--geist-border);background:var(--geist-background);flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow-y:auto}.sidebarSection{padding:12px}.sidebarSection+.sidebarSection{border-top:1px solid var(--geist-border)}.sidebarHeading{text-transform:uppercase;letter-spacing:.06em;color:var(--geist-secondary);margin-bottom:8px;padding:0 8px;font-size:11px;font-weight:600}.scenarioList{flex-direction:column;gap:4px;display:flex}.scenarioItem{border-radius:var(--geist-radius-sm);cursor:pointer;text-align:left;min-height:40px;transition:background var(--geist-transition), border-color var(--geist-transition), color var(--geist-transition);background:0 0;border:1px solid #0000;flex-direction:column;gap:2px;width:100%;padding:10px 12px;display:flex;position:relative}.scenarioItem.hasBadge{padding-right:56px}.scenarioItem:hover{background:var(--geist-surface)}.scenarioItem.active{border-color:var(--geist-border-hover);background:var(--geist-surface)}.scenarioItem.active .scenarioName{color:var(--geist-foreground)}.scenarioItem.active .scenarioDesc{color:var(--geist-secondary)}.scenarioName{color:var(--geist-foreground);font-size:14px;font-weight:500}.scenarioBadge{border:1px solid var(--geist-border);background:var(--geist-background);color:var(--geist-secondary);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.2;position:absolute;top:6px;right:8px}.scenarioTags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.scenarioTag{color:var(--geist-secondary);background:var(--geist-surface);border:1px solid var(--geist-border);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:500}.scenarioDesc{color:var(--geist-secondary);font-size:11px;line-height:1.4}.sidebarChips{flex-wrap:wrap;gap:4px;padding:0 8px;display:flex}.codePanel{flex-direction:column;flex:1;min-width:0;display:flex}.codePanel.resizing{-webkit-user-select:none;user-select:none}.codePanelInner{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.codePanelEditorSection{flex-direction:column;flex:1;min-height:0;display:flex}.codePanelToolbar{border-bottom:1px solid var(--geist-border);background:var(--geist-background);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.codePanelTitle{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.toolbarActions{align-items:center;gap:4px;display:flex}.openuiCodeToolbar{align-items:center;gap:8px;min-width:0;padding:8px 10px}.openuiCodeTitle{flex-shrink:1;min-width:0}.openuiCodeTitleText{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.openuiCodeViewSwitch{width:118px;margin-left:4px}.openuiCodeViewSwitch .previewModeBtn{text-align:center;flex:1;min-width:0}.openuiToolbarActions{flex-shrink:0;gap:2px}.codeEditor{flex:1;width:100%;min-height:0;overflow:hidden}.codeEditor .cm-editor{height:100%;font-family:var(--geist-mono);background:var(--geist-code-bg);font-size:13px}.codeEditor .cm-scroller{overflow:auto}.codeEditor .cm-gutters{background:var(--geist-code-bg);border-right:1px solid var(--geist-border)}.codeError{background:var(--geist-error-light);border-top:1px solid var(--geist-error);color:var(--geist-error);font-size:12px;font-family:var(--geist-mono);flex-shrink:0;padding:8px 12px}.examplesPreviewWrap{flex-direction:column;flex-shrink:0;min-width:0;display:flex;container:previewPanel/inline-size}.examplesPreviewWrap>.previewPanel{flex:1;width:100%;max-width:none}.examplesPreviewPanel{grid-template-rows:auto auto auto auto minmax(0,1fr);grid-template-columns:minmax(360px,1fr) minmax(280px,340px);display:grid;overflow:hidden}.examplesPreviewPanel .previewPanelHeader{grid-area:1/1/auto/-1}.examplesPreviewPanel .previewPanelBody{border-right:1px solid var(--geist-border);grid-area:2/1/6}.examplesPreviewPanel .previewMetricStack{grid-area:2/2}.examplesPreviewPanel .simulationBar{border-bottom:1px solid var(--geist-border);flex-wrap:wrap;grid-area:3/2;align-items:flex-start;padding:10px 16px}.examplesPreviewPanel .liveComponentStack{border-top:none;border-bottom:1px solid var(--geist-border);flex-flow:column wrap;grid-area:4/2;align-items:stretch;gap:8px;min-height:64px;padding:10px 16px;overflow:hidden auto}.examplesPreviewPanel .liveComponentTags{flex-wrap:wrap}.examplesPreviewPanel .previewQrSection{border-top:none;grid-area:5/2;min-height:0;overflow:auto}@container previewPanel (width<=660px){.examplesPreviewPanel{flex-direction:column;display:flex;overflow:visible}.examplesPreviewPanel .previewPanelHeader,.examplesPreviewPanel .previewPanelBody,.examplesPreviewPanel .previewMetricStack,.examplesPreviewPanel .simulationBar,.examplesPreviewPanel .liveComponentStack,.examplesPreviewPanel .previewQrSection{border-right:none;grid-area:auto}.examplesPreviewPanel .liveComponentStack,.examplesPreviewPanel .previewQrSection{border-top:1px solid var(--geist-border)}}.playbackSplitter{cursor:ns-resize;background:var(--geist-background);border-top:1px solid var(--geist-border);border-bottom:1px solid var(--geist-border);height:6px;transition:background var(--geist-transition);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.playbackSplitter:before{content:"";position:absolute;inset:-4px 0}.playbackSplitterGrip{background:color-mix(in srgb, var(--geist-foreground) 18%, transparent);width:28px;height:2px;transition:background var(--geist-transition);border-radius:999px}.playbackSplitter:hover .playbackSplitterGrip,.playbackSplitter.active .playbackSplitterGrip{background:color-mix(in srgb, var(--geist-foreground) 40%, transparent)}.playbackSplitter.active{background:color-mix(in srgb, var(--geist-foreground) 4%, var(--geist-background))}.playbackSection{background:color-mix(in srgb, var(--geist-surface) 60%, var(--geist-background));border-top:1px solid var(--geist-border);flex-direction:column;flex:none;min-height:0;transition:height .22s cubic-bezier(.22,.61,.36,1);display:flex;overflow:hidden}.playbackSection.top{border-top:none}.playbackSection.idle{background:var(--geist-background)}.playbackSectionHeader{border-bottom:1px solid var(--geist-border);background:var(--geist-background);flex-shrink:0;align-items:center;gap:10px;height:100%;min-height:0;padding:0 12px;display:flex}.playbackSection.active .playbackSectionHeader{flex-shrink:0;height:40px}.playbackSection.idle .playbackSectionHeader{border-bottom:none}.playbackSectionTitle{letter-spacing:-.005em;color:var(--geist-foreground);font-size:13px;font-weight:600}.playbackIdleHint{color:var(--geist-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;font-size:12px;display:inline-flex;overflow:hidden}.playbackIdleHint svg{color:color-mix(in srgb, var(--geist-foreground) 55%, transparent);flex-shrink:0}@media (max-width:720px){.playbackIdleHint{display:none}}.playbackStateDot{background:var(--geist-secondary);border-radius:999px;width:7px;height:7px;margin-left:2px}.playbackStateDot.live{background:var(--geist-success,#0070f3);box-shadow:0 0 0 0 color-mix(in srgb, var(--geist-success,#0070f3) 50%, transparent);animation:1.4s ease-out infinite playbackPulse}.playbackStateDot.paused{background:color-mix(in srgb, var(--geist-foreground) 45%, transparent)}.playbackStateDot.done{background:var(--geist-success,#0070f3);opacity:.6}@keyframes playbackPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--geist-success,#0070f3) 50%, transparent)}to{box-shadow:0 0 0 6px color-mix(in srgb, var(--geist-success,#0070f3) 0%, transparent)}}.playbackHeaderControls{flex-shrink:0;align-items:center;gap:8px;display:flex}.playbackProgressTrack{border-bottom:1px solid var(--geist-border);background:var(--geist-background);flex-shrink:0;align-items:center;height:24px;display:flex;position:relative;overflow:hidden}.playbackProgressFill{background:color-mix(in srgb, var(--geist-success,#0070f3) 14%, transparent);pointer-events:none;transition:width .3s ease-out;position:absolute;inset:0 auto 0 0}.playbackProgressTrack.active .playbackProgressFill{background:color-mix(in srgb, var(--geist-success,#0070f3) 22%, transparent)}.playbackProgressLabel{z-index:1;color:var(--geist-secondary);font-size:11px;font-weight:500;font-family:var(--geist-mono);letter-spacing:0;padding:0 12px;position:relative}.playbackKbd{font-family:var(--geist-mono);border:1px solid var(--geist-border);background:var(--geist-surface);color:var(--geist-foreground);border-radius:3px;margin:0 2px;padding:0 5px;font-size:10px;line-height:1.5;display:inline-block}.playbackStream{flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px 12px;display:flex;overflow-y:auto}.playbackEmpty{text-align:center;color:var(--geist-secondary);margin:auto 0;padding:12px 24px}.playbackEmpty.subtle{opacity:.7;font-size:12px}.playbackEmptyTitle{color:var(--geist-foreground);margin-bottom:4px;font-size:13px;font-weight:600}.playbackEmptyDesc{color:var(--geist-secondary);max-width:38ch;margin:0 auto;font-size:12px;line-height:1.5}.playbackChunk{border:1px solid var(--geist-border);border-radius:var(--geist-radius-md);background:var(--geist-background);transition:border-color var(--geist-transition);flex-shrink:0;overflow:hidden}.playbackChunk.live{border-color:color-mix(in srgb, var(--geist-success,#0070f3) 50%, var(--geist-border));animation:.26s ease-out playbackChunkAppear}@keyframes playbackChunkAppear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.playbackChunkHeader{background:color-mix(in srgb, var(--geist-surface) 60%, var(--geist-background));border-bottom:1px solid var(--geist-border);align-items:center;gap:8px;padding:3px 10px;display:flex}.playbackChunkIndex{font-size:10px;font-family:var(--geist-mono);color:var(--geist-secondary);letter-spacing:.02em;font-weight:600}.playbackChunkLiveTag{text-transform:uppercase;letter-spacing:.08em;color:var(--geist-success,#0070f3);background:color-mix(in srgb, var(--geist-success,#0070f3) 12%, transparent);border:1px solid color-mix(in srgb, var(--geist-success,#0070f3) 25%, transparent);border-radius:999px;padding:0 6px;font-size:9px;font-weight:700;line-height:1.4}.playbackChunkJson{font-family:var(--geist-mono);color:var(--geist-secondary);white-space:pre-wrap;overflow-wrap:break-word;max-height:200px;margin:0;padding:8px 10px;font-size:11px;line-height:1.55;overflow-y:auto}@media (max-width:980px){.demosPage{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--geist-border);width:100%;max-height:180px}.codePanel{flex:none;min-height:280px}.examplesPreviewWrap{width:100%;min-height:480px}.examplesPreviewWrap>.previewPanel{border-left:none;border-top:1px solid var(--geist-border)}}@media (max-width:720px){.demosPage[data-active-tab=edit] .examplesPreviewWrap,.demosPage[data-active-tab=preview] .sidebar,.demosPage[data-active-tab=preview] .codePanel,.demosPage>.panelResizeHandle{display:none}.demosPage[data-active-tab=preview] .examplesPreviewWrap{flex:1;width:100%;min-height:0}.demosPage[data-active-tab=edit] .sidebar{background:var(--geist-background);flex-direction:row;align-items:stretch;width:100%;height:52px;min-height:0;max-height:none;overflow:hidden}.demosPage[data-active-tab=edit] .codePanel{flex:1;min-height:0}.sidebarTopNav{border-right:1px solid var(--geist-border);flex:none;padding:8px 10px}.detailBackLabel{display:none}.detailBackButton{min-height:32px;box-shadow:none;padding:6px 10px}.sidebarSection{flex:1;align-items:center;min-width:0;padding:0;display:flex}.sidebarHeading{display:none}.scenarioList{flex-direction:row;gap:6px;width:100%;padding:6px 10px;overflow:auto hidden}.scenarioItem{border-color:var(--geist-border);border-radius:999px;flex-direction:row;flex:none;align-items:center;width:auto;min-height:0;padding:6px 12px}.scenarioItem.hasBadge{padding-right:12px}.scenarioItem .scenarioDesc{display:none}.scenarioItem .scenarioName{white-space:nowrap;font-size:12px}.scenarioBadge{flex:none;margin-left:4px;font-size:9px;position:static}.codePanelToolbar{padding:6px 10px}.codePanelToolbar .toolbarBtn{height:26px;padding:0 8px;font-size:11px}.codePanelToolbar .toolbarBtn.primary{padding:0 10px}.codePanelTitle{white-space:nowrap;font-size:12px}.openuiCodeToolbar{gap:6px;padding:6px 8px}.openuiCodeViewSwitch .previewModeBtn{padding:2px 8px;font-size:11px}.openuiCodeTitleText{display:none}}.openuiCreatePage .chatPanel{border-right:1px solid var(--geist-border)}.openuiCreateExamplesLink{border:1px solid var(--geist-border);background:var(--geist-surface);height:20px;color:var(--geist-secondary);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.openuiCreateExamplesLink:hover{border-color:var(--geist-border-hover);color:var(--geist-foreground)}.openuiCreateScenarioPicker{padding-top:2px}.openuiCreateOutput{max-width:min(720px,100%)}.openuiCreateOutputHeader{align-items:flex-start;gap:12px}.openuiCreateOutputTitle{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.openuiCreateOutputMeta{color:var(--geist-secondary);font-size:11px;font-weight:500;line-height:1.4}.openuiCreateOutputActions{flex-shrink:0;align-items:center;gap:8px;display:flex}.openuiCreateOutputSwitch{height:26px}.openuiCreateOutputSwitch .previewModeBtn{height:24px;padding:0 8px;font-size:11px}.openuiCreateCodeBlock{border-top:1px solid var(--geist-border);border-radius:0 0 var(--geist-radius-md) var(--geist-radius-md);max-height:360px;margin:0}.openuiCreatePage .chatComposerFooter{justify-content:flex-end}@media (max-width:720px){.openuiCreatePage .chatPanel{border-right:none}.openuiCreateOutputHeader{flex-direction:column;align-items:stretch}.openuiCreateOutputActions{justify-content:space-between}.openuiCreateOutputSwitch,.openuiCreateOutputSwitch .previewModeBtn{flex:1}.openuiCreatePage .chatComposerFooter{gap:8px}}