.block-actions{display:inline-flex;padding-inline-start:4px;gap:4px}.block-actions button{background:none;border:1px solid color-mix(in srgb,ButtonBorder 20%,transparent);cursor:pointer;padding:0 .25rem;color:color-mix(in srgb,currentColor 50%,transparent);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{width:100%;padding:4px 6px;field-sizing:content;resize:none;border:none;outline:none;background-color:transparent;max-height:min(calc(100vh - 40px),400px);border-top:1px solid var(--table-border-color)}.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{position:absolute;top:0;right:0;padding:4px;--spinner-line-height: 21px;opacity:.5}.cm-chat-panel .busy-indicator:not([hidden]){display:flex;align-items:baseline}code-editor-element{display:grid;flex-grow:1;color-scheme:dark}code-editor-element[data-readonly] .cm-editor{outline:2px solid currentColor;outline-offset:-2px}code-editor-element[style*=--max-height] .cm-scroller{overflow-y:scroll}.cm-editor{height:100%;min-height:32px;max-height:var(--max-height);padding:0;border:1px solid var(--button-border-rest-color);border-radius:2px}.cm-editor.cm-focused{outline:1px solid currentColor;outline-offset:-1px}.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{display:grid;height:100%;grid-template:"menu menu" auto "code preview" 1fr / 1fr 1fr}artifact-editor-element:has(.cm-editor[style]){grid-template-columns:auto 1fr}artifact-editor-element .artifact-menu{grid-area:menu;background-color:var(--body-background);padding:4px}artifact-editor-element .artifact-menu button{font-size:14px;padding:0 4px;opacity:.725;cursor:pointer}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{grid-area:preview;border:none;display:block;width:100%;height:100%;background-color:#fff}artifact-editor-element artifact-preview:empty{display:none}artifact-editor-element artifact-preview iframe{display:block;width:100%;height:100%}artifact-editor-element .cm-editor{padding:0;border:none;resize:horizontal}artifact-editor-element .cm-editor [data-action=edit]{display:none}artifact-element{display:block;position:relative;min-height:36px}artifact-action{position:absolute;top:6px;right:6px}artifact-action button{font-size:12px;padding:0 4px;opacity:.725;cursor:pointer}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{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 2px 10px #0003;z-index:var(--toast-z-index);font-size:16px;text-align:center;max-width:80%;word-wrap:break-word;opacity:0;animation:slideUpFadeIn .5s forwards}@keyframes slideUpFadeIn{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.c-far-group{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:0 4px}.c-spinner{display:inline-flex;align-items:center}.c-spinner:before{display:inline-flex;content:"⠋";font-size:12px;line-height:var(--spinner-line-height, 15px);width:15px;place-content:center;animation:braille-spin .6s steps(8,end) infinite}@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{display:inline-flex;align-items:center;gap:0 4px}.c-usage-metadata:not([data-active]){display:none}.c-usage-metric:hover{cursor:default;text-decoration:underline;color:var(--action-button-hover-color)}dialog:has(#filename-form){width:400px}dialog:has(#filename-form) form{display:grid;gap:4px}:root{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: #ffffff;--readonly-text-background: #fafafa;--inline-code-background: #dedede;--ghost-button-hover-background: #eeeeee;--table-border-color: #cccccc;--table-hover-color: #eeeeee;--action-button-rest-color: #222;--action-button-hover-color: #000;--button-background-rest-color: #f1f1f1;--button-background-hover-color: #dfdfdf;--button-border-rest-color: #cccccc;--button-border-hover-color: #000;--action-bar-z-index: 1;--artifact-editor-z-index: 2;--toast-z-index: 1000}@media (prefers-color-scheme: dark){:root{--body-background: #242424;--input-background: transparent;--input-active-background: #1a1a1a;--readonly-text-background: #333333;--inline-code-background: #1e1e1e;--ghost-button-hover-background: #2a2a2a;--table-border-color: #555555;--table-hover-color: #444444;--action-button-rest-color: #8b8b8b;--action-button-hover-color: #fff;--button-background-rest-color: #242424;--button-background-hover-color: #444;--button-border-rest-color: #555555;--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{padding:1rem;margin:auto;width:calc(100% - 2rem);max-width:60rem}dialog.fullscreen{border:none;position:fixed;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;padding: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;font-family:inherit;margin:0}*:where(input,select,textarea):focus{background-color:var(--input-active-background)}[hidden]{display:none!important}.js-focusable:focus{outline:2px solid currentColor;outline-offset:-2px}settings-element{display:grid;gap:8px}settings-element .action-row{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}settings-element form{display:grid;gap:8px}settings-element .form-scroll{max-height:min(calc(100vh - 120px),600px);overflow:auto}settings-element .field{display:grid;gap:4px}settings-element .rows,settings-element .settings-layout{display:grid;gap:8px}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 .radio-group{display:flex;flex-wrap:wrap;gap:8px 16px}