.button-group.svelte-ynd3ba{display:flex;border-radius:5px;color:#fff;margin:0 auto}
	.button-group.svelte-ynd3ba button:where(.svelte-ynd3ba){margin:0 -1px 0 0;padding:10px 10px 10px 10px;background:none;border:1px solid var(--border);position:relative;flex:1;border-radius:0;background: var(--background-light)}
	/* (empty) .button-group button:hover{}*/
	.button-group.svelte-ynd3ba button.active:where(.svelte-ynd3ba){font-weight:bold;background:#fff}
	.button-group.svelte-ynd3ba button:where(.svelte-ynd3ba):first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;}
	.button-group.svelte-ynd3ba button:where(.svelte-ynd3ba):last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;}
	.list__item.svelte-ynd3ba{cursor:pointer}

	.list__column--post-id.svelte-cut71f{width:300px;}

	/* THE ACTIONS ACCORDION — one row per run of tool calls.

	   Every colour is derived from the text colour it sits in (currentColor
	   via color-mix), so the box reads on the white panel today and on a dark
	   surface without a second palette; only the problem red is fixed, at a
	   value that holds contrast on both. */
	.chat-actions.svelte-zu0sca {
		--ca-border: color-mix(in srgb, currentColor 14%, transparent);
		--ca-bg: color-mix(in srgb, currentColor 3%, transparent);
		--ca-hover: color-mix(in srgb, currentColor 7%, transparent);
		--ca-muted: color-mix(in srgb, currentColor 60%, transparent);
		--ca-chip-bg: color-mix(in srgb, currentColor 8%, transparent);
		--ca-problem: #e5484d;
		align-self: stretch;
		min-width: 0;
		border: 1px solid var(--ca-border);
		border-radius: 10px;
		background: var(--ca-bg);
		font-size: 12.5px;
		overflow: hidden;
		/* .ai-chat-messages is a scrolling flex column, and a flex item with
		   overflow: hidden has a min-height of 0 — so an open run was SHRUNK to
		   fit the panel and its lines cropped out of view. It keeps its content
		   height; the panel scrolls instead. */
		flex-shrink: 0;
	}
	.chat-actions--problem.svelte-zu0sca {
		border-color: color-mix(in srgb, var(--ca-problem) 45%, transparent);
	}
	.chat-actions__header.svelte-zu0sca {
		display: flex;
		align-items: center;
		gap: 8px;
		width: 100%;
		padding: 7px 10px;
		border: none;
		background: transparent;
		color: inherit;
		font: inherit;
		text-align: left;
		cursor: pointer;
	}
	.chat-actions__header.svelte-zu0sca:hover {
		background: var(--ca-hover);
	}
	.chat-actions__header.svelte-zu0sca:focus-visible {
		outline: 2px solid color-mix(in srgb, currentColor 45%, transparent);
		outline-offset: -2px;
	}
	.chat-actions__header-icon.svelte-zu0sca {
		flex: 0 0 auto;
		color: var(--ca-muted);
	}
	.chat-actions__summary.svelte-zu0sca {
		flex: 1;
		min-width: 0;
		font-weight: 500;
	}
	.chat-actions__chevron.svelte-zu0sca {
		flex: 0 0 auto;
		color: var(--ca-muted);
		transition: transform 0.15s ease;
	}
	.chat-actions__chevron--open.svelte-zu0sca {
		transform: rotate(180deg);
	}
	.chat-actions__live.svelte-zu0sca,
	.chat-actions__pending.svelte-zu0sca {
		flex: 0 0 auto;
		width: 10px;
		height: 10px;
		border: 2px solid var(--ca-border);
		border-top-color: var(--ca-muted);
		border-radius: 50%;
		animation: svelte-zu0sca-chat-actions-spin 0.8s linear infinite;
	}
	@keyframes svelte-zu0sca-chat-actions-spin {
		to { transform: rotate(360deg); }
	}
	@media (prefers-reduced-motion: reduce) {
		.chat-actions__live.svelte-zu0sca,
		.chat-actions__pending.svelte-zu0sca { animation: none; }
		.chat-actions__chevron.svelte-zu0sca { transition: none; }
	}
	.chat-actions__list.svelte-zu0sca {
		list-style: none;
		margin: 0;
		padding: 2px 0 4px;
		border-top: 1px solid var(--ca-border);
	}
	.chat-actions__item.svelte-zu0sca {
		margin: 0;
		min-width: 0;
	}
	.chat-actions__line.svelte-zu0sca {
		display: flex;
		align-items: center;
		gap: 7px;
		min-width: 0;
		padding: 4px 10px 4px 12px;
	}
	.chat-actions__kind.svelte-zu0sca {
		flex: 0 0 auto;
		color: var(--ca-muted);
	}
	.chat-actions__verb.svelte-zu0sca {
		flex: 0 0 auto;
		max-width: 60%;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.chat-actions__chip.svelte-zu0sca {
		flex: 0 1 auto;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding: 1px 6px;
		border-radius: 4px;
		background: var(--ca-chip-bg);
		color: inherit;
		font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
		font-size: 11px;
	}
	.chat-actions__line--problem.svelte-zu0sca .chat-actions__kind:where(.svelte-zu0sca),
	.chat-actions__problem.svelte-zu0sca {
		color: var(--ca-problem);
	}
	.chat-actions__problem.svelte-zu0sca {
		flex: 0 0 auto;
		margin-left: auto;
	}
	.chat-actions__pending.svelte-zu0sca {
		margin-left: auto;
		width: 8px;
		height: 8px;
	}
	/* A failed call's error, always shown, on its own line under the phrase
	   (indented to the verb: 12px pad + 13px icon + 7px gap). */
	.chat-actions__error.svelte-zu0sca {
		padding: 0 10px 4px 32px;
		color: var(--ca-problem);
		font-size: 11.5px;
		white-space: pre-line;
		overflow-wrap: anywhere;
	}
	/* Continue, on a pause notice. Only the LAST notice carries it: an older
	   pause further up the thread has been superseded by whatever came after,
	   and resuming from there would re-enter a loop that has since moved on. */
	/* THE SELECTION CHIP, above the composer.

	   The only place a preview selection is ever shown. Nothing is drawn in the
	   preview itself — it is a picture of what a visitor gets, and an outline on
	   it teaches people the outline is part of the page — so this line carries
	   the whole acknowledgement. Quiet enough not to compete with the
	   conversation, loud enough that nobody sends a message with a paragraph
	   attached they had forgotten about. */
	.ai-chat-selection.svelte-zu0sca {
		display: flex;
		align-items: center;
		gap: 6px;
		margin: 0 12px 6px;
		padding: 5px 6px 5px 9px;
		border: 1px solid #d9dee8;
		border-radius: 8px;
		background: #f4f7fc;
		font-size: 11.5px;
		color: #4b5563;
	}
	.ai-chat-selection__icon.svelte-zu0sca {
		flex: 0 0 auto;
		color: #6b7280;
	}
	.ai-chat-selection__label.svelte-zu0sca {
		flex: 1;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.ai-chat-selection__clear.svelte-zu0sca {
		flex: 0 0 auto;
		display: inline-flex;
		align-items: center;
		padding: 2px;
		border: none;
		border-radius: 4px;
		background: transparent;
		color: #6b7280;
		cursor: pointer;
	}
	.ai-chat-selection__clear.svelte-zu0sca:hover {
		background: rgba(16, 24, 40, 0.08);
		color: #111827;
	}

	.ai-chat-long.svelte-zu0sca {
		display: flex;
		flex-direction: column;
		gap: 6px;
		margin: 0 12px 6px;
		padding: 8px 9px;
		border: 1px solid #f0d9a8;
		border-radius: 8px;
		background: #fdf6e7;
		font-size: 11.5px;
		line-height: 1.4;
		color: #6b4e16;
	}
	.ai-chat-long__actions.svelte-zu0sca {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.ai-chat-long__new.svelte-zu0sca {
		padding: 3px 10px;
		border: 1px solid #d9b46a;
		border-radius: 6px;
		background: #fff;
		color: #6b4e16;
		font-size: 11.5px;
		cursor: pointer;
	}
	.ai-chat-long__new.svelte-zu0sca:hover:not(:disabled) {
		background: #fbecc9;
	}
	.ai-chat-long__new.svelte-zu0sca:disabled {
		opacity: 0.5;
		cursor: default;
	}

	.chat-message__resume.svelte-zu0sca {
		margin-top: 8px;
	}
	.chat-message__resume-btn.svelte-zu0sca {
		display: inline-flex;
		align-items: center;
		gap: 5px;
		padding: 5px 12px;
		border: 1px solid #d5d9e0;
		border-radius: 14px;
		background: #fff;
		color: #1f1f1f;
		font-size: 0.85em;
		font-family: inherit;
		cursor: pointer;
		transition: background 0.15s, border-color 0.15s;
	}
	.chat-message__resume-btn.svelte-zu0sca:hover {
		background: #f4f6f9;
		border-color: #b9c0cb;
	}

	.chat-message__feedback.svelte-zu0sca {
		display: flex;
		align-items: center;
		gap: 2px;
		/* Cancel the inner column's 6px gap so the thumbs hug the bubble, and
		   nudge left so the first icon lines up with the bubble's left edge. */
		margin-top: -4px;
		margin-left: -5px;
	}
	.chat-message__feedback-btn.svelte-zu0sca {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 22px;
		height: 22px;
		padding: 0;
		border: none;
		border-radius: 6px;
		background: transparent;
		color: #cdd1d9;
		cursor: pointer;
		transition: background 0.15s, color 0.15s;
	}
	.chat-message__feedback-btn.svelte-zu0sca:hover {
		background: rgba(0, 0, 0, 0.05);
		color: #9ca3af;
	}
	.chat-message__feedback-thanks.svelte-zu0sca {
		font-size: 0.8em;
		color: #757b8a;
	}

	.ai-feedback-overlay.svelte-zu0sca {
		position: fixed;
		inset: 0;
		z-index: 100000;
		background: rgba(15, 23, 42, 0.45);
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px;
	}
	.ai-feedback-modal.svelte-zu0sca {
		background: #fff;
		border-radius: 10px;
		width: 100%;
		max-width: 460px;
		max-height: 90vh;
		overflow-y: auto;
		box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
		padding: 18px 20px 20px;
		font-family: inherit;
	}
	.ai-feedback-modal__head.svelte-zu0sca {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 14px;
	}
	.ai-feedback-modal__title.svelte-zu0sca {
		display: flex;
		align-items: center;
		gap: 8px;
		font-weight: 600;
		font-size: 1.05em;
		color: #10172a;
	}
	.ai-feedback-modal__rating.svelte-zu0sca { font-size: 1.2em; }
	.ai-feedback-modal__close.svelte-zu0sca {
		display: inline-flex;
		border: none;
		background: transparent;
		color: #757b8a;
		cursor: pointer;
		padding: 4px;
		border-radius: 6px;
	}
	.ai-feedback-modal__close.svelte-zu0sca:hover { background: rgba(0, 0, 0, 0.06); }
	.ai-feedback-modal__label.svelte-zu0sca {
		display: block;
		font-size: 0.85em;
		font-weight: 600;
		color: #484d55;
		margin-bottom: 6px;
	}
	.ai-feedback-modal__optional.svelte-zu0sca { font-weight: 400; color: #9ca3af; }
	.ai-feedback-modal__textarea.svelte-zu0sca {
		width: 100%;
		box-sizing: border-box;
		border: 1px solid #dcdce4;
		border-radius: 8px;
		padding: 10px;
		font-family: inherit;
		font-size: 0.9em;
		resize: vertical;
		color: #484d55;
	}
	.ai-feedback-modal__textarea.svelte-zu0sca:focus {
		outline: none;
		border-color: #2f75e6;
	}
	.ai-feedback-modal__shot.svelte-zu0sca { margin-top: 14px; }
	.ai-feedback-modal__shot-label.svelte-zu0sca {
		font-size: 0.8em;
		color: #757b8a;
		margin-bottom: 6px;
	}
	.ai-feedback-modal__shot-img.svelte-zu0sca {
		display: block;
		width: 100%;
		max-height: 220px;
		object-fit: contain;
		object-position: top;
		border: 1px solid #e1e2eb;
		border-radius: 8px;
		background: #f6f6f9;
	}
	.ai-feedback-modal__shot-status.svelte-zu0sca {
		display: flex;
		align-items: center;
		gap: 6px;
		font-size: 0.82em;
		color: #757b8a;
		padding: 10px;
		background: #f6f6f9;
		border-radius: 8px;
	}
	.ai-feedback-modal__shot-status--warn.svelte-zu0sca { color: #d97706; background: #fef3c7; }
	.ai-feedback-modal__spinner.svelte-zu0sca {
		display: inline-block;
		animation: svelte-zu0sca-ai-feedback-spin 0.9s linear infinite;
	}
	@keyframes svelte-zu0sca-ai-feedback-spin { to { transform: rotate(360deg); } }
	.ai-feedback-modal__actions.svelte-zu0sca {
		display: flex;
		justify-content: flex-end;
		gap: 10px;
		margin-top: 18px;
	}
	.ai-feedback-modal__btn.svelte-zu0sca {
		border: none;
		border-radius: 8px;
		padding: 9px 16px;
		font-size: 0.9em;
		font-weight: 600;
		cursor: pointer;
	}
	.ai-feedback-modal__btn--ghost.svelte-zu0sca {
		background: transparent;
		color: #484d55;
		border: 1px solid #dcdce4;
	}
	.ai-feedback-modal__btn--ghost.svelte-zu0sca:hover { background: #f6f6f9; }
	.ai-feedback-modal__btn--primary.svelte-zu0sca { background: #2f75e6; color: #fff; }
	.ai-feedback-modal__btn--primary.svelte-zu0sca:hover { background: #2e6cd2; }
	.ai-feedback-modal__btn.svelte-zu0sca:disabled { opacity: 0.6; cursor: default; }

	/* The badge anchors to the icon, as the presence badge does (dashboard.css .presence-bubble .button__icon). */
	.html-release-publish.svelte-dxo2cv .button__icon:where(.svelte-dxo2cv) { position: relative; }