/* Drawn explainer windows, release 2 (guide R96; Paper board CH9: C1 message pair, C2 one venue with
   Google, C3 regulars list, C4 ratings; the one-off windows use the same parts). Core blocks with these
   classes, no images, no numbers, no real names; the patterns are patterns/drawn-*.php. Every window
   starts with its bar: three dots and a label. */
.guestro-draw {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: var(--wp--preset--spacing--48);
	padding: var(--wp--preset--spacing--32) var(--wp--preset--spacing--24);
	border-radius: var(--wp--custom--gu--radius--2-xl);
	background: var(--wp--preset--color--brand-subtle);
	color: var(--wp--preset--color--text);
	font-size: var(--wp--custom--gu--draw--caption);
	line-height: var(--wp--custom--gu--draw--caption-line);
}
.guestro-draw :where(p, div) { margin-block: 0; }
.guestro-draw__col {
	display: flex;
	flex: 0 1 var(--wp--custom--gu--draw--col);
	flex-direction: column;
	align-items: center;
	gap: var(--wp--preset--spacing--12);
	min-width: 0;
}
.guestro-draw__label {
	color: var(--wp--preset--color--brand-solid);
	font-size: var(--wp--preset--font-size--base);
	font-weight: var(--wp--custom--gu--draw--medium);
	line-height: var(--wp--custom--gu--mega--body-line);
}
.guestro-draw__window {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--16);
	width: 100%;
	max-width: var(--wp--custom--gu--draw--window);
	padding: var(--wp--preset--spacing--16);
	border-radius: var(--wp--custom--gu--radius--2-xl);
	background: var(--wp--preset--color--canvas);
	box-shadow: var(--wp--preset--shadow--2-xl);
	text-align: start;
}
.guestro-draw__window.is-tight { gap: var(--wp--preset--spacing--12); }
.guestro-draw__bar {
	display: flex;
	align-items: center;
	padding-block-end: var(--wp--preset--spacing--12);
	border-block-end: var(--wp--custom--gu--card--border-width) solid var(--wp--preset--color--border-subtle);
	color: var(--wp--preset--color--brand-text);
	font-size: var(--wp--preset--font-size--base);
	font-weight: var(--wp--custom--gu--draw--medium);
	line-height: var(--wp--custom--gu--draw--label-line);
}
.guestro-draw__bar::before {
	content: "";
	flex: none;
	width: var(--wp--custom--gu--draw--dot);
	height: var(--wp--custom--gu--draw--dot);
	margin-inline-end: calc(var(--wp--custom--gu--draw--dot-step) * 3);
	border-radius: 50%;
	background: var(--wp--preset--color--border);
	box-shadow: var(--wp--custom--gu--draw--dot-step) 0 0 var(--wp--preset--color--border), calc(var(--wp--custom--gu--draw--dot-step) * 2) 0 0 var(--wp--preset--color--border);
}
.guestro-draw__caption, .guestro-draw__muted { color: var(--wp--preset--color--text-secondary); }
.guestro-draw__muted { font-weight: 400; }
.guestro-draw__fieldset { display: flex; flex-direction: column; gap: calc(var(--wp--preset--spacing--4) + var(--wp--preset--spacing--2)); }
.guestro-draw__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--12);
	font-size: var(--wp--preset--font-size--base);
	font-weight: var(--wp--custom--gu--draw--medium);
	line-height: var(--wp--custom--gu--draw--label-line);
}
.guestro-draw__field, .guestro-draw__box {
	padding: calc(var(--wp--preset--spacing--8) + var(--wp--preset--spacing--2)) var(--wp--preset--spacing--12);
	border: var(--wp--custom--gu--card--border-width) solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--gu--radius--lg);
	background: var(--wp--preset--color--surface-hover);
}
.guestro-draw__field {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: var(--wp--preset--font-size--base);
	font-weight: var(--wp--custom--gu--draw--medium);
	line-height: var(--wp--custom--gu--draw--label-line);
}
.guestro-draw__field.is-select::after {
	content: "";
	flex: none;
	width: var(--wp--custom--gu--mega--chevron);
	height: var(--wp--custom--gu--mega--chevron);
	background: var(--wp--preset--color--text-secondary);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.guestro-draw__box { padding: var(--wp--preset--spacing--12); }
.guestro-draw__lines, .guestro-draw__box { display: flex; flex-direction: column; gap: calc(var(--wp--preset--spacing--8) + var(--wp--preset--spacing--2)); }
.guestro-draw .guestro-draw__line {
	flex: none;
	width: 100%;
	height: var(--wp--custom--gu--draw--line) !important;
	border-radius: var(--wp--custom--gu--radius--full);
	background: var(--wp--preset--color--border-subtle);
}
.guestro-draw .guestro-draw__line.is-w-90 { width: 90%; }
.guestro-draw .guestro-draw__line.is-w-80 { width: 80%; }
.guestro-draw .guestro-draw__line.is-w-60 { width: 60%; }
.guestro-draw .guestro-draw__line.is-w-50 { width: 50%; }
.guestro-draw .guestro-draw__line.is-w-40 { width: 40%; }
.guestro-draw .guestro-draw__line.is-w-70 { width: 70%; }
.guestro-draw__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--12);
	padding: calc(var(--wp--preset--spacing--8) + var(--wp--preset--spacing--2)) var(--wp--preset--spacing--12);
	border-radius: var(--wp--custom--gu--radius--lg);
	background: var(--wp--preset--color--surface-hover);
	font-size: var(--wp--custom--gu--draw--text);
	font-weight: var(--wp--custom--gu--draw--medium);
	line-height: var(--wp--custom--gu--draw--text-line);
}
.guestro-draw__row.is-person { justify-content: flex-start; gap: calc(var(--wp--preset--spacing--8) + var(--wp--preset--spacing--2)); }
.guestro-draw__row.is-person > .guestro-draw__lines, .guestro-draw__row.is-person > .guestro-draw__line { flex: 1; gap: var(--wp--preset--spacing--4); }
.guestro-draw__row.is-person > .guestro-draw__line { flex: 0 1 auto; }
.guestro-draw__row.is-stack { flex-direction: column; align-items: stretch; gap: var(--wp--preset--spacing--8); }
.guestro-draw__row .guestro-draw__caption { font-weight: 400; }
.guestro-draw__table {
	display: flex;
	flex-direction: column;
	padding-inline: var(--wp--preset--spacing--12);
	border-radius: var(--wp--custom--gu--radius--lg);
	background: var(--wp--preset--color--surface-hover);
	font-size: var(--wp--custom--gu--draw--text);
	line-height: var(--wp--custom--gu--draw--text-line);
}
.guestro-draw__table > * {
	display: flex;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--12);
	padding-block: var(--wp--preset--spacing--8);
}
.guestro-draw__table > * + * { border-block-start: var(--wp--custom--gu--card--border-width) solid var(--wp--preset--color--border-subtle); }
.guestro-draw__table > * > :first-child { font-weight: var(--wp--custom--gu--draw--medium); }
.guestro-draw__pill {
	flex: none;
	padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--8);
	border-radius: var(--wp--custom--gu--radius--full);
	font-size: var(--wp--custom--gu--draw--caption);
	font-weight: 400;
	line-height: var(--wp--custom--gu--draw--caption-line);
}
.guestro-draw__pill.is-synced { background: var(--wp--preset--color--success-subtle); color: var(--wp--preset--color--success-text); }
.guestro-draw__pill.is-new { background: var(--wp--preset--color--accent-subtle); color: var(--wp--preset--color--accent-text); }
.guestro-draw__pill.is-role { background: var(--wp--preset--color--surface-sunken); color: var(--wp--preset--color--text-secondary); }
.guestro-draw__pill.is-recurring { background: var(--wp--preset--color--info-subtle); color: var(--wp--preset--color--info-text); }
.guestro-draw__approve {
	display: inline-flex;
	align-items: center;
	align-self: flex-end;
	gap: calc(var(--wp--preset--spacing--4) + var(--wp--preset--spacing--2));
	padding: calc(var(--wp--preset--spacing--4) + var(--wp--preset--spacing--2)) var(--wp--preset--spacing--12);
	border-radius: var(--wp--custom--gu--radius--lg);
	background: var(--wp--preset--color--brand-solid);
	color: var(--wp--preset--color--on-brand);
	font-size: var(--wp--custom--gu--draw--text);
	font-weight: var(--wp--custom--gu--draw--medium);
	line-height: var(--wp--custom--gu--draw--text-line);
}
.guestro-draw__approve::before {
	content: "";
	width: var(--wp--custom--gu--mega--chevron);
	height: var(--wp--custom--gu--mega--chevron);
	background: currentcolor;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.5L5 9L9.5 3.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.guestro-draw__from { display: flex; align-items: center; gap: calc(var(--wp--preset--spacing--8) + var(--wp--preset--spacing--2)); font-size: var(--wp--custom--gu--draw--text); font-weight: var(--wp--custom--gu--draw--medium); line-height: var(--wp--custom--gu--draw--text-line); }
.guestro-draw__avatar {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: var(--wp--custom--gu--draw--avatar);
	height: var(--wp--custom--gu--draw--avatar);
	border-radius: 50%;
	background: var(--wp--preset--color--brand-subtle);
	color: var(--wp--preset--color--brand-text);
	font-size: var(--wp--custom--gu--draw--caption);
	font-weight: 400;
}
.guestro-draw__subject {
	font-size: var(--wp--preset--font-size--body);
	font-weight: var(--wp--custom--gu--draw--medium);
	line-height: var(--wp--custom--gu--draw--subject-line);
}
.guestro-draw__stars {
	--stars: 5;
	width: calc(var(--wp--custom--gu--draw--star-step) * 4 + var(--wp--custom--gu--draw--star));
	height: var(--wp--custom--gu--draw--star);
	background: linear-gradient(to right, var(--wp--preset--color--accent-solid) calc(var(--wp--custom--gu--draw--star-step) * var(--stars) - var(--wp--preset--spacing--2)), var(--wp--preset--color--border) 0);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M7 1.5L8.6 5L12.4 5.4L9.5 8L10.3 11.8L7 9.9L3.7 11.8L4.5 8L1.6 5.4L5.4 5Z'/%3E%3C/svg%3E") 0 0 / var(--wp--custom--gu--draw--star-step) var(--wp--custom--gu--draw--star) repeat-x;
}
.guestro-draw__stars.is-4 { --stars: 4; }

/* A bare window (a page hero) and the list and status parts of the hero windows. */
.guestro-draw.is-bare { display: block; padding: 0; border-radius: 0; background: none; }
.guestro-draw__stack { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--8); }
.guestro-draw__stack.is-tight { gap: var(--wp--preset--spacing--4); }
.guestro-draw__stack.is-loose { gap: var(--wp--preset--spacing--12); }
.guestro-draw__list {
	display: flex;
	flex-direction: column;
	padding-inline: var(--wp--preset--spacing--12);
	border: var(--wp--custom--gu--card--border-width) solid var(--wp--preset--color--border-subtle);
	border-radius: var(--wp--custom--gu--radius--lg);
	background: var(--wp--preset--color--canvas);
}
.guestro-draw__list > .guestro-draw__row { padding-inline: 0; border-radius: 0; background: none; }
.guestro-draw__list > .guestro-draw__row + .guestro-draw__row { border-block-start: var(--wp--custom--gu--card--border-width) solid var(--wp--preset--color--border-subtle); }
.guestro-draw__card {
	display: flex;
	flex-direction: column;
	gap: calc(var(--wp--preset--spacing--4) + var(--wp--preset--spacing--2));
	padding: calc(var(--wp--preset--spacing--8) + var(--wp--preset--spacing--2)) var(--wp--preset--spacing--12);
	border-radius: var(--wp--custom--gu--radius--lg);
	background: var(--wp--preset--color--surface-hover);
	font-size: var(--wp--custom--gu--draw--text);
	font-weight: var(--wp--custom--gu--draw--medium);
	line-height: var(--wp--custom--gu--draw--text-line);
}
.guestro-draw__split { display: flex; align-items: center; justify-content: space-between; gap: var(--wp--preset--spacing--12); }
.guestro-draw__split > .guestro-draw__line { flex: 0 1 auto; }

/* More parts: initials sizes, a title line, an open select with its menu, venue chips, a QR step with a
   dotted connector, a suggestion to compare, drawn buttons, a message box and a window foot. */
.guestro-draw__avatar.is-small { width: var(--wp--custom--gu--draw--avatar-small); height: var(--wp--custom--gu--draw--avatar-small); }
.guestro-draw__avatar.is-large {
	width: var(--wp--custom--gu--draw--avatar-large);
	height: var(--wp--custom--gu--draw--avatar-large);
	font-size: var(--wp--preset--font-size--base);
	font-weight: var(--wp--custom--gu--draw--medium);
}
.guestro-draw__title { font-size: var(--wp--preset--font-size--body); font-weight: var(--wp--custom--gu--draw--medium); line-height: var(--wp--custom--gu--draw--subject-line); }
.guestro-draw__title.is-split { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--wp--preset--spacing--4) var(--wp--preset--spacing--12); }
.guestro-draw__title.is-split > * { white-space: nowrap; }
.guestro-draw__muted.is-inline { margin-inline-end: auto; font-size: var(--wp--custom--gu--draw--text); line-height: var(--wp--custom--gu--draw--text-line); }
.guestro-draw__field.is-open { border-color: var(--wp--preset--color--focus); }
.guestro-draw__field.is-open::after { transform: rotate(180deg); }
.guestro-draw__menu {
	display: flex;
	flex-direction: column;
	padding: calc(var(--wp--preset--spacing--4) + var(--wp--preset--spacing--2));
	border: var(--wp--custom--gu--card--border-width) solid var(--wp--preset--color--border-subtle);
	border-radius: var(--wp--custom--gu--radius--lg);
	background: var(--wp--preset--color--canvas);
	box-shadow: var(--wp--preset--shadow--lg);
	font-size: var(--wp--preset--font-size--base);
	line-height: var(--wp--custom--gu--draw--label-line);
}
.guestro-draw__menu > p { padding: var(--wp--preset--spacing--8) calc(var(--wp--preset--spacing--8) + var(--wp--preset--spacing--2)); border-radius: var(--wp--custom--gu--radius--md); }
.guestro-draw__menu > .is-selected { display: flex; justify-content: space-between; background: var(--wp--preset--color--brand-subtle); color: var(--wp--preset--color--brand-text); font-weight: var(--wp--custom--gu--draw--medium); }
.guestro-draw__menu > .is-selected::after, .guestro-draw__check::after {
	content: "";
	flex: none;
	align-self: center;
	width: var(--wp--custom--gu--mega--chevron);
	height: var(--wp--custom--gu--mega--chevron);
	background: currentcolor;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.5L5 9L9.5 3.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.guestro-draw__chips { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--4); }
.guestro-draw__chip {
	padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--8);
	border: var(--wp--custom--gu--card--border-width) solid var(--wp--preset--color--border-subtle);
	border-radius: var(--wp--custom--gu--radius--full);
	background: var(--wp--preset--color--canvas);
	color: var(--wp--preset--color--text-secondary);
	font-weight: 400;
	line-height: var(--wp--custom--gu--draw--caption-line);
}
.guestro-draw__row.is-person.is-large { gap: var(--wp--preset--spacing--12); }
.guestro-draw__row.is-person > .guestro-draw__lines.is-loose { gap: var(--wp--preset--spacing--8); }
.guestro-draw__row.is-day { justify-content: flex-start; }
.guestro-draw__row.is-day > p:first-child { flex: none; width: var(--wp--custom--gu--draw--day); }
.guestro-draw__row.is-day > .guestro-draw__line { flex: 0 1 auto; }
.guestro-draw__qr { display: grid; grid-template-columns: var(--wp--custom--gu--draw--qr) minmax(0, 1fr); align-items: center; gap: var(--wp--preset--spacing--12); }
.guestro-draw__qr::before, .guestro-draw__qr::after { content: ""; grid-area: 1 / 1; place-self: center; }
.guestro-draw__qr::before {
	width: var(--wp--custom--gu--draw--qr);
	height: var(--wp--custom--gu--draw--qr);
	border: var(--wp--custom--gu--card--border-width) solid var(--wp--preset--color--border-subtle);
	border-radius: var(--wp--custom--gu--radius--md);
	background: var(--wp--preset--color--canvas);
}
.guestro-draw__qr::after {
	width: var(--wp--custom--gu--draw--qr-glyph);
	height: var(--wp--custom--gu--draw--qr-glyph);
	background: var(--wp--preset--color--brand-solid);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill-rule='evenodd' d='M0 0h12v12H0z M2 2v8h8V2z M4 4h4v4H4z M20 0h12v12H20z M22 2v8h8V2z M24 4h4v4h-4z M0 20h12v12H0z M2 22v8h8v-8z M4 24h4v4H4z M14 1h3v3h-3z M17 5h3v3h-3z M14 9h3v3h-3z M0 14h3v3H0z M5 14h3v3H5z M9 14h3v3H9z M14 14h3v3h-3z M18 14h3v3h-3z M23 14h3v3h-3z M28 14h3v3h-3z M14 18h3v3h-3z M21 18h3v3h-3z M25 18h3v3h-3z M17 22h3v3h-3z M25 22h3v3h-3z M29 22h3v3h-3z M14 26h3v3h-3z M21 26h3v3h-3z M17 29h3v3h-3z M25 29h3v3h-3z M29 29h3v3h-3z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.guestro-draw__qr > * { grid-column: 2; }
.guestro-draw__connector {
	width: var(--wp--custom--gu--draw--connector-width);
	height: var(--wp--custom--gu--draw--connector-height);
	margin-inline-start: var(--wp--preset--spacing--12);
	background: var(--wp--preset--color--border-strong);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 20'%3E%3Cpath d='M24 1V17' fill='none' stroke='black' stroke-linecap='round' stroke-dasharray='1 3'/%3E%3Cpath d='M20.5 14L24 17.5L27.5 14' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.guestro-draw__compare {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--8);
	padding: calc(var(--wp--preset--spacing--8) + var(--wp--preset--spacing--2)) var(--wp--preset--spacing--12);
	border-radius: var(--wp--custom--gu--radius--lg);
	background: var(--wp--preset--color--surface-hover);
	font-size: var(--wp--custom--gu--draw--text);
	line-height: var(--wp--custom--gu--draw--text-line);
}
.guestro-draw__compare > .guestro-draw__split > :first-child { color: var(--wp--preset--color--text-secondary); }
.guestro-draw__compare > .guestro-draw__split > :last-child { font-weight: var(--wp--custom--gu--draw--medium); }
.guestro-draw__compare .is-accent { color: var(--wp--preset--color--accent-text); }
.guestro-draw__actions { display: flex; align-items: center; gap: var(--wp--preset--spacing--8); }
.guestro-draw__button {
	padding: calc(var(--wp--preset--spacing--4) + var(--wp--preset--spacing--2)) var(--wp--preset--spacing--12);
	border: var(--wp--custom--gu--card--border-width) solid var(--wp--preset--color--brand-solid);
	border-radius: var(--wp--custom--gu--radius--lg);
	background: var(--wp--preset--color--brand-solid);
	color: var(--wp--preset--color--on-brand);
	font-size: var(--wp--custom--gu--draw--text);
	font-weight: var(--wp--custom--gu--draw--medium);
	line-height: var(--wp--custom--gu--draw--text-line);
}
.guestro-draw__button.is-outline { border-color: var(--wp--preset--color--border); background: var(--wp--preset--color--canvas); color: var(--wp--preset--color--text); }
.guestro-draw__box.is-plain { gap: var(--wp--preset--spacing--12); border: 0; background: var(--wp--preset--color--surface-hover); }
.guestro-draw__box.is-plain > .guestro-draw__lines { gap: var(--wp--preset--spacing--8); }
.guestro-draw__box > p { font-size: var(--wp--preset--font-size--base); font-weight: var(--wp--custom--gu--draw--medium); line-height: var(--wp--custom--gu--draw--label-line); }
.guestro-draw__foot { display: flex; align-items: center; justify-content: space-between; gap: var(--wp--preset--spacing--12); }
.guestro-draw__foot > .guestro-draw__approve { align-self: auto; }
.guestro-draw__window.is-wide { max-width: none; }
.guestro-draw__window.is-roomy { max-width: var(--wp--custom--gu--draw--window-wide); }


/* Plan page windows: menu tabs and dishes, the guest page, the profile, statistics bars, notice board
   posts and the Guestro AI chat. */
.guestro-draw__window.is-menu { max-width: var(--wp--custom--gu--draw--window-menu); }
.guestro-draw__tabs { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--8); }
.guestro-draw__tab {
	padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--12);
	border: var(--wp--custom--gu--card--border-width) solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--gu--radius--full);
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--custom--gu--draw--text);
	line-height: var(--wp--custom--gu--draw--text-line);
}
.guestro-draw__tab.is-active { border-color: var(--wp--preset--color--brand-subtle); background: var(--wp--preset--color--brand-subtle); color: var(--wp--preset--color--brand-text); font-weight: var(--wp--custom--gu--draw--medium); }
.guestro-draw .guestro-draw__line.is-thick { height: var(--wp--custom--gu--draw--line-thick) !important; background: var(--wp--preset--color--border); }
.guestro-draw .guestro-draw__line.is-short { flex: none; width: var(--wp--custom--gu--draw--line-short); height: var(--wp--custom--gu--draw--line-thick) !important; }
.guestro-draw .guestro-draw__line.is-tag { width: var(--wp--custom--gu--draw--line-tag); align-self: flex-end; }
.guestro-draw__row > .guestro-draw__lines { flex: 1; min-width: 0; }
.guestro-draw__row.is-dish { padding: var(--wp--preset--spacing--12); }
.guestro-draw__row.is-top { align-items: flex-start; padding: var(--wp--preset--spacing--12); }
.guestro-draw__lines.is-loose { gap: var(--wp--preset--spacing--8); }
.guestro-draw__chip.is-outline { border-color: var(--wp--preset--color--border); }
.guestro-draw__avatar.is-xl { width: var(--wp--custom--gu--draw--thumb); height: var(--wp--custom--gu--draw--thumb); font-size: var(--wp--custom--gu--draw--text); font-weight: var(--wp--custom--gu--draw--medium); }
.guestro-draw__thumb { flex: none; width: var(--wp--custom--gu--draw--thumb); height: var(--wp--custom--gu--draw--thumb); border-radius: var(--wp--custom--gu--radius--lg); background: var(--wp--preset--color--border-subtle); }
.guestro-draw__about { display: flex; align-items: center; gap: var(--wp--preset--spacing--12); font-size: var(--wp--custom--gu--draw--text); font-weight: var(--wp--custom--gu--draw--medium); line-height: var(--wp--custom--gu--draw--text-line); }
.guestro-draw__about > .guestro-draw__lines { flex: 1; gap: calc(var(--wp--preset--spacing--4) + var(--wp--preset--spacing--2)); }
.guestro-draw__button.is-block { text-align: center; padding-block: calc(var(--wp--preset--spacing--8) + var(--wp--preset--spacing--2)); }
.guestro-draw__bars {
	display: flex;
	align-items: flex-end;
	gap: var(--wp--preset--spacing--8);
	padding: var(--wp--preset--spacing--16);
	border-radius: var(--wp--custom--gu--radius--lg);
	background: var(--wp--preset--color--surface-hover);
}
.guestro-draw__bars > .wp-block-spacer { flex: 1; margin: 0; border-radius: var(--wp--custom--gu--draw--bar-radius); background: var(--wp--preset--color--brand-subtle-hover); }
.guestro-draw__bars > .wp-block-spacer:last-child { background: var(--wp--preset--color--brand-solid); }
.guestro-draw.is-stacked { flex-direction: column; align-items: stretch; gap: var(--wp--preset--spacing--16); padding: var(--wp--preset--spacing--48) var(--wp--preset--spacing--40); }
.guestro-draw.is-stacked > .guestro-draw__window { max-width: var(--wp--custom--gu--draw--window-ai); }
.guestro-draw.is-stacked > .guestro-draw__window + .guestro-draw__window { align-self: flex-end; }
.guestro-draw__bubble {
	align-self: flex-end;
	max-width: 85%;
	padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--12);
	border-radius: var(--wp--custom--gu--radius--lg);
	background: var(--wp--preset--color--brand-subtle);
	color: var(--wp--preset--color--brand-text);
	font-size: var(--wp--custom--gu--draw--text);
	line-height: var(--wp--custom--gu--draw--text-line);
}
.guestro-draw__box.is-answer { align-self: flex-start; width: 80%; }
.guestro-draw__chat { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--8); }