.block-actions{gap:4px;padding-inline-start:4px;display:inline-flex}.block-actions button{border:1px solid color-mix(in srgb, ButtonBorder 20%, transparent);cursor:pointer;color:color-mix(in srgb, currentColor 50%, transparent);background:0 0;padding:0 .25rem;font-size:12px}.block-actions button:hover{color:currentColor;border-color:buttonborder}.block-actions button:disabled{background-color:color-mix(in srgb, currentColor 25%, transparent);pointer-events:none}.block-actions [data-action=copy]:not(.copied) .success{display:none}.block-actions [data-action=copy].copied{color:currentColor}.block-actions [data-action=copy].copied .ready{display:none}.cm-chat-panel{display:grid;position:relative}.cm-chat-panel #chat-textarea{field-sizing:content;resize:none;border:none;border-top:1px solid var(--table-border-color);background-color:#0000;outline:none;width:100%;max-height:min(100vh - 40px,400px);padding:4px 6px}.cm-chat-panel #chat-textarea:focus{color:#fff;background-color:#000}.cm-chat-panel #chat-textarea[data-speaking]{color:graytext}.cm-chat-panel .busy-indicator{--spinner-line-height:21px;opacity:.5;padding:4px;position:absolute;top:0;right:0}.cm-chat-panel .busy-indicator:not([hidden]){align-items:baseline;display:flex}code-editor-element{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-grow:1;display:grid}code-editor-element[data-readonly] .cm-editor{outline-offset:-2px;outline:2px solid}code-editor-element[style*=--max-height] .cm-scroller{overflow-y:scroll}.cm-editor{height:100%;min-height:32px;max-height:var(--max-height);border:1px solid var(--button-border-rest-color);border-radius:2px;padding:0}.cm-editor.cm-focused{outline-offset:-1px;outline:1px solid}.cm-editor .cm-line{line-height:18px}.cm-editor .cm-line:first-of-type{margin-top:3px}.cm-editor .cm-line:last-of-type{margin-bottom:3px}artifact-editor-element{grid-template:"menu menu""code preview"1fr/1fr 1fr;height:100%;display:grid}artifact-editor-element:has(.cm-editor[style]){grid-template-columns:auto 1fr}artifact-editor-element .artifact-menu{background-color:var(--body-background);grid-area:menu;padding:4px}artifact-editor-element .artifact-menu button{opacity:.725;cursor:pointer;padding:0 4px;font-size:14px}artifact-editor-element .artifact-menu button:hover,artifact-editor-element .artifact-menu button:focus-visible{opacity:1}artifact-editor-element .artifact-menu [data-action=copy]:not(.copied) .success{display:none}artifact-editor-element .artifact-menu [data-action=copy].copied{opacity:1}artifact-editor-element .artifact-menu [data-action=copy].copied .ready{display:none}artifact-editor-element .artifact-code{grid-area:code;min-height:0}artifact-editor-element artifact-preview{background-color:#fff;border:none;grid-area:preview;width:100%;height:100%;display:block}artifact-editor-element artifact-preview:empty{display:none}artifact-editor-element artifact-preview iframe{width:100%;height:100%;display:block}artifact-editor-element .cm-editor{resize:horizontal;border:none;padding:0}artifact-editor-element .cm-editor [data-action=edit]{display:none}artifact-element{min-height:36px;display:block;position:relative}artifact-action{position:absolute;top:6px;right:6px}artifact-action button{opacity:.725;cursor:pointer;padding:0 4px;font-size:12px}artifact-action button:hover,artifact-action button:focus-visible{opacity:1}artifact-action [data-action=copy]:not(.copied) .success{display:none}artifact-action [data-action=copy].copied{opacity:1}artifact-action [data-action=copy].copied .ready{display:none}.toast-message{color:#fff;z-index:var(--toast-z-index);text-align:center;word-wrap:break-word;opacity:0;background-color:#000000b3;border-radius:5px;max-width:80%;padding:10px 20px;font-size:16px;animation:.5s forwards slideUpFadeIn;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0003}@keyframes slideUpFadeIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.c-far-group{flex-wrap:wrap;align-items:center;gap:0 4px;margin-left:auto;display:flex}.c-spinner{align-items:center;display:inline-flex}.c-spinner:before{content:"⠋";font-size:12px;line-height:var(--spinner-line-height,15px);place-content:center;width:15px;animation:.6s steps(8,end) infinite braille-spin;display:inline-flex}@keyframes braille-spin{0%{content:"⠏"}12.5%{content:"⠛"}25%{content:"⠹"}37.5%{content:"⢸"}50%{content:"⣰"}62.5%{content:"⣤"}75%{content:"⣆"}87.5%{content:"⡇"}to{content:"⠏"}}.c-usage-metadata{align-items:center;gap:0 4px;display:inline-flex}.c-usage-metadata:not([data-active]){display:none}.c-usage-metric:hover{cursor:default;color:var(--action-button-hover-color);text-decoration:underline}dialog:has(#filename-form){width:400px}dialog:has(#filename-form) form{gap:4px;display:grid}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--system-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--monospace-font:ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--input-padding-block:4px;--input-padding-inline:8px;--input-border-radius:2px;--input-border-width:1px;--text-line-height:1.5;--code-line-height:1.2;--button-border-radius:2px;--body-background:#e1e1e1;--input-background:transparent;--input-active-background:#fff;--readonly-text-background:#fafafa;--inline-code-background:#dedede;--ghost-button-hover-background:#eee;--table-border-color:#ccc;--table-hover-color:#eee;--action-button-rest-color:#222;--action-button-hover-color:#000;--button-background-rest-color:#f1f1f1;--button-background-hover-color:#dfdfdf;--button-border-rest-color:#ccc;--button-border-hover-color:#000;--action-bar-z-index:1;--app-header-z-index:2;--artifact-editor-z-index:2;--toast-z-index:1000}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--body-background:#242424;--input-background:transparent;--input-active-background:#1a1a1a;--readonly-text-background:#333;--inline-code-background:#1e1e1e;--ghost-button-hover-background:#2a2a2a;--table-border-color:#555;--table-hover-color:#444;--action-button-rest-color:#8b8b8b;--action-button-hover-color:#fff;--button-background-rest-color:#242424;--button-background-hover-color:#444;--button-border-rest-color:#555;--button-border-hover-color:#fff}}html,body{min-height:100%}body{background-color:var(--body-background);font-family:var(--system-font);overflow-y:scroll}body:has(dialog[open]){overflow:hidden}dialog{width:calc(100% - 2rem);max-width:60rem;margin:auto;padding:1rem}dialog.fullscreen{border:none;width:100%;max-width:100%;height:100%;max-height:100%;padding:0;position:fixed;inset:0}input:where([type=text],[type=password]){padding:var(--input-padding-block) var(--input-padding-inline)}*,:before,:after{box-sizing:border-box;font-size:inherit;margin:0;font-family:inherit}:where(input,select,textarea):focus{background-color:var(--input-active-background)}[hidden]{display:none!important}.js-focusable:focus{outline-offset:-2px;outline:2px solid}settings-element{gap:8px;display:grid}settings-element .action-row{grid-template-columns:auto 1fr;align-items:start;gap:16px;display:grid}settings-element form{gap:8px;display:grid}settings-element .form-scroll{max-height:min(100vh - 120px,600px);overflow:auto}settings-element .field{gap:4px;display:grid}settings-element .rows,settings-element .settings-layout{gap:8px;display:grid}settings-element .tabbed-forms:has([value=openai]:checked) form:not([data-type=openai]){display:none}settings-element .tabbed-forms:has([value=xai]:checked) form:not([data-type=xai]){display:none}settings-element .tabbed-forms:has([value=aoai]:checked) form:not([data-type=aoai]){display:none}settings-element .tabbed-forms:has([value=anthropic]:checked) form:not([data-type=anthropic]){display:none}settings-element .tabbed-forms:has([value=google-gen-ai]:checked) form:not([data-type=google-gen-ai]){display:none}settings-element .tabbed-forms:has([value=openrouter]:checked) form:not([data-type=openrouter]){display:none}settings-element .tabbed-forms:has([value=inception]:checked) form:not([data-type=inception]){display:none}settings-element .radio-group{flex-wrap:wrap;gap:8px 16px;display:flex}