.gm-api-tools:where(.astro-3lly6pzs){margin-top:3rem;padding-top:2rem;border-top:1px solid color-mix(in oklab,var(--border) 70%,transparent)}.gm-api-tools:where(.astro-3lly6pzs).single-tool{margin-top:1.5rem;padding-top:0;border-top:0}.tools-heading:where(.astro-3lly6pzs){margin-bottom:1.25rem}.tools-heading:where(.astro-3lly6pzs) h2:where(.astro-3lly6pzs),.tool-header:where(.astro-3lly6pzs) h3:where(.astro-3lly6pzs){margin:0;color:var(--foreground);line-height:1.2}.tools-heading:where(.astro-3lly6pzs) p:where(.astro-3lly6pzs):not(.eyebrow){max-width:42rem;margin:.5rem 0 0;color:var(--muted-foreground)}.eyebrow:where(.astro-3lly6pzs){margin:0 0 .35rem;color:var(--sl-color-text-accent);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tools-grid:where(.astro-3lly6pzs){display:grid;gap:1rem}.gm-api-tools:where(.astro-3lly6pzs) :where(.astro-3lly6pzs):is(.tool-panel,.tool-header,.tool-header>*,.tool-controls,.tool-controls>*,.editor-grid,.editor-grid>*,.field-block,.field-header,.field-header>*,.field-actions,.field-actions>*,.flow-indicator,.flow-arrow-frame,.flow-arrow,.live-clock>*,.quick-actions,.quick-actions>*,.output-grid,.output-row,.output-row>*){margin-top:0}.tool-panel:where(.astro-3lly6pzs){border:1px solid color-mix(in oklab,var(--border) 90%,transparent);border-radius:8px;background:color-mix(in oklab,var(--card) 94%,var(--background));color:var(--card-foreground);overflow:hidden}.tool-header:where(.astro-3lly6pzs){display:grid;grid-template-columns:minmax(12rem,1fr) minmax(0,1.35fr);gap:1.5rem;align-items:end;min-height:6rem;padding:1rem;border-bottom:1px solid color-mix(in oklab,var(--border) 80%,transparent);background:color-mix(in oklab,var(--card) 82%,var(--accent))}.tool-header:where(.astro-3lly6pzs)>div:where(.astro-3lly6pzs):first-child{min-width:0}.tool-header:where(.astro-3lly6pzs) h3:where(.astro-3lly6pzs){font-size:clamp(1.15rem,1.7vw,1.35rem)}.tool-controls:where(.astro-3lly6pzs),.field-actions:where(.astro-3lly6pzs){display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-end}.tool-controls:where(.astro-3lly6pzs){min-width:0;justify-self:end}.tool-controls:where(.astro-3lly6pzs)>:where(.astro-3lly6pzs),.tool-controls:where(.astro-3lly6pzs) label:where(.astro-3lly6pzs),.tool-controls:where(.astro-3lly6pzs) select:where(.astro-3lly6pzs),.tool-controls:where(.astro-3lly6pzs) button:where(.astro-3lly6pzs){margin-top:0}.tool-controls:where(.astro-3lly6pzs) label:where(.astro-3lly6pzs){display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;color:var(--muted-foreground);font-size:.7rem;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase}.tool-panel:where(.astro-3lly6pzs) select:where(.astro-3lly6pzs),.tool-panel:where(.astro-3lly6pzs) input:where(.astro-3lly6pzs),.tool-panel:where(.astro-3lly6pzs) textarea:where(.astro-3lly6pzs){width:100%;border:1px solid color-mix(in oklab,var(--border) 92%,transparent);border-radius:6px;background:var(--input);color:var(--foreground);font:inherit}.tool-panel:where(.astro-3lly6pzs) select:where(.astro-3lly6pzs){width:auto;min-width:8.75rem;height:2.5rem;min-height:2.5rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:700;line-height:1.2}.timestamp-panel:where(.astro-3lly6pzs) .tool-controls:where(.astro-3lly6pzs){display:flex;flex-wrap:wrap;align-items:end;width:auto;max-width:100%}.timestamp-panel:where(.astro-3lly6pzs) .tool-controls:where(.astro-3lly6pzs) label:where(.astro-3lly6pzs){width:auto}.timestamp-panel:where(.astro-3lly6pzs) .tool-controls:where(.astro-3lly6pzs) select:where(.astro-3lly6pzs){min-width:0;width:7rem;height:2.25rem;min-height:2.25rem;padding-inline:.65rem}.timestamp-panel:where(.astro-3lly6pzs) .ghost-button:where(.astro-3lly6pzs){min-width:3.875rem;min-height:2.25rem;padding-inline:.75rem}.tool-panel:where(.astro-3lly6pzs) input:where(.astro-3lly6pzs){min-height:3rem;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.tool-panel:where(.astro-3lly6pzs) textarea:where(.astro-3lly6pzs){flex:1;min-height:16rem;padding:.75rem;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.55}.tool-panel:where(.astro-3lly6pzs) select:where(.astro-3lly6pzs):focus,.tool-panel:where(.astro-3lly6pzs) input:where(.astro-3lly6pzs):focus,.tool-panel:where(.astro-3lly6pzs) textarea:where(.astro-3lly6pzs):focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab,var(--ring) 22%,transparent)}.editor-grid:where(.astro-3lly6pzs){display:grid;grid-template-columns:minmax(0,1fr) 4.5rem minmax(0,1fr);gap:.75rem;align-items:stretch;padding:1rem}.timestamp-panel:where(.astro-3lly6pzs) .editor-grid:where(.astro-3lly6pzs){grid-template-columns:minmax(12rem,16rem) 3.5rem minmax(14rem,20rem);align-items:end;justify-content:start}.field-block:where(.astro-3lly6pzs){display:flex;flex-direction:column;min-width:0;min-height:19rem;border:1px solid color-mix(in oklab,var(--border) 76%,transparent);border-radius:8px;background:color-mix(in oklab,var(--background) 72%,var(--card));overflow:hidden}.field-block:where(.astro-3lly6pzs).active{border-color:color-mix(in oklab,var(--ring) 78%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ring) 34%,transparent)}.timestamp-panel:where(.astro-3lly6pzs) .field-block:where(.astro-3lly6pzs){min-height:auto}.timestamp-panel:where(.astro-3lly6pzs) .field-header:where(.astro-3lly6pzs){min-height:2.75rem}.timestamp-panel:where(.astro-3lly6pzs) .field-actions:where(.astro-3lly6pzs){min-width:auto}.field-header:where(.astro-3lly6pzs){display:flex;gap:.75rem;align-items:center;justify-content:space-between;min-height:3rem;padding:.65rem .75rem;border-bottom:1px solid color-mix(in oklab,var(--border) 75%,transparent)}.field-header:where(.astro-3lly6pzs) label:where(.astro-3lly6pzs),.field-header:where(.astro-3lly6pzs)>span:where(.astro-3lly6pzs),.field-actions:where(.astro-3lly6pzs){color:var(--muted-foreground);font-size:.75rem}.field-header:where(.astro-3lly6pzs) label:where(.astro-3lly6pzs){min-width:0;font-weight:700}.field-actions:where(.astro-3lly6pzs){min-width:7.5rem}.ratio:where(.astro-3lly6pzs){border-radius:999px;padding:.1rem .4rem;background:color-mix(in oklab,var(--green) 14%,transparent);color:var(--green-high);font-weight:700}.ratio:where(.astro-3lly6pzs).larger{background:color-mix(in oklab,var(--orange) 14%,transparent);color:var(--orange-high)}.flow-indicator:where(.astro-3lly6pzs){display:grid;place-items:center;color:var(--muted-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.25rem;font-weight:800;line-height:1}.flow-arrow-frame:where(.astro-3lly6pzs){display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid color-mix(in oklab,var(--border) 75%,transparent);border-radius:999px;background:color-mix(in oklab,var(--background) 70%,var(--card))}.flow-arrow:where(.astro-3lly6pzs){display:none;width:1.25rem;height:1.25rem}.flow-arrow-frame:where(.astro-3lly6pzs)[data-direction=left] .flow-arrow-left:where(.astro-3lly6pzs),.flow-arrow-frame:where(.astro-3lly6pzs)[data-direction=right] .flow-arrow-right:where(.astro-3lly6pzs){display:block}.tool-panel:where(.astro-3lly6pzs) button:where(.astro-3lly6pzs){min-height:2rem;border:1px solid color-mix(in oklab,var(--border) 90%,transparent);border-radius:6px;padding:.35rem .6rem;background:color-mix(in oklab,var(--accent) 56%,transparent);color:var(--accent-foreground);font:inherit;font-size:.8125rem;font-weight:700;line-height:1;cursor:pointer}.tool-panel:where(.astro-3lly6pzs) button:where(.astro-3lly6pzs):hover,.tool-panel:where(.astro-3lly6pzs) button:where(.astro-3lly6pzs).copied,.tool-panel:where(.astro-3lly6pzs) button:where(.astro-3lly6pzs).active,.tool-panel:where(.astro-3lly6pzs) button:where(.astro-3lly6pzs)[aria-pressed=true]{border-color:var(--ring);background:var(--sl-color-bg-accent);color:var(--sl-color-text-invert)}.ghost-button:where(.astro-3lly6pzs){align-self:flex-end;min-width:4.5rem;min-height:2.5rem;white-space:nowrap}.error-message:where(.astro-3lly6pzs){display:none;margin:0 1rem;border:1px solid color-mix(in oklab,var(--red) 70%,transparent);border-radius:6px;padding:.65rem .75rem;background:color-mix(in oklab,var(--red-low) 70%,transparent);color:var(--red-high);font-size:.85rem}.error-message:where(.astro-3lly6pzs).visible{display:block}.gm-api-tools:where(.astro-3lly6pzs) .live-clock:where(.astro-3lly6pzs){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.75rem;align-items:center;margin:1rem 1rem 0;border:1px solid color-mix(in oklab,var(--border) 72%,transparent);border-radius:8px;padding:.75rem;background:color-mix(in oklab,var(--background) 65%,var(--accent))}.live-clock:where(.astro-3lly6pzs) strong:where(.astro-3lly6pzs){color:var(--orange-high);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.15rem}.live-clock:where(.astro-3lly6pzs) span:where(.astro-3lly6pzs){min-width:0;color:var(--muted-foreground);font-size:.85rem}.live-clock:where(.astro-3lly6pzs) span:where(.astro-3lly6pzs):last-child{text-align:right}.quick-actions:where(.astro-3lly6pzs){display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1rem 1rem}.output-grid:where(.astro-3lly6pzs){display:grid;gap:.45rem;padding:0 1rem 1rem}.output-row:where(.astro-3lly6pzs){display:grid;grid-template-columns:7rem minmax(0,1fr) auto;gap:.65rem;align-items:center;border:1px solid color-mix(in oklab,var(--border) 72%,transparent);border-radius:6px;padding:.55rem .65rem;background:color-mix(in oklab,var(--background) 68%,var(--card))}.output-row:where(.astro-3lly6pzs) span:where(.astro-3lly6pzs){color:var(--muted-foreground);font-size:.75rem;font-weight:700;text-transform:uppercase}.output-row:where(.astro-3lly6pzs) code:where(.astro-3lly6pzs){min-width:0;overflow:hidden;color:var(--sl-color-text-accent);text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.tool-header:where(.astro-3lly6pzs),.editor-grid:where(.astro-3lly6pzs),.timestamp-panel:where(.astro-3lly6pzs) .editor-grid:where(.astro-3lly6pzs),.live-clock:where(.astro-3lly6pzs),.output-row:where(.astro-3lly6pzs){grid-template-columns:1fr}.tool-controls:where(.astro-3lly6pzs),.timestamp-panel:where(.astro-3lly6pzs) .tool-controls:where(.astro-3lly6pzs){display:flex;width:100%}.tool-controls:where(.astro-3lly6pzs),.field-actions:where(.astro-3lly6pzs){justify-content:flex-start}.live-clock:where(.astro-3lly6pzs) span:where(.astro-3lly6pzs):last-child{text-align:left}}
