/* Selected Palette folio in the live conversation. Color samples retain their exact values. */
.chat-row.assistant .assistant-content:has(.palette-folio){flex:1;max-width:min(760px,calc(100% - 44px))}
.understood-brand.palette-folio{container-type:inline-size;min-width:0;margin-top:22px;padding:30px;background:var(--surface,#fff);color:var(--ink,#202020);border:0;border-radius:20px;box-shadow:0 7px 28px #20201408;font-family:var(--sans,Arial,sans-serif)}
.palette-folio *{box-sizing:border-box}
.palette-folio .pf-heading{margin:0 0 26px}
.palette-folio .pf-heading>span{display:block;font-size:10px;line-height:1.6;letter-spacing:.11em;text-transform:uppercase;color:var(--muted,#595959)}
.palette-folio .pf-heading h3{font-family:var(--serif,Georgia,serif);font-size:38px;line-height:1.08;font-weight:500;letter-spacing:-.65px;margin:10px 0 0;overflow-wrap:anywhere}
.palette-folio .pf-main{display:grid;grid-template-columns:1.1fr .85fr;gap:34px;align-items:center;min-width:0}
.palette-folio .pf-main.pf-main-single{grid-template-columns:minmax(0,1fr)}
.palette-folio .pf-color-tile{min-width:0;margin:0;padding:0;border:0;background:transparent}
.palette-folio .pf-color-fields{display:grid;grid-template-columns:repeat(var(--pf-columns,2),minmax(0,1fr));overflow:hidden;min-height:100px;border-radius:7px;border:0;background:transparent}
.palette-folio .pf-color-field{display:flex;flex-direction:column;justify-content:space-between;gap:25px;min-width:0;background:var(--pf-color);color:var(--pf-ink);padding:14px 12px;filter:none}
.palette-folio .pf-color-field strong{font:400 12px/1.4 var(--sans,Arial,sans-serif);overflow-wrap:anywhere}
.palette-folio .pf-color-field small{font:400 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.02em;overflow-wrap:anywhere}
.palette-folio .pf-color-tile-large .pf-color-fields{min-height:240px}
.palette-folio .pf-color-tile-large .pf-color-field{padding:21px 16px}
.palette-folio .pf-color-tile-large .pf-color-field strong{font:500 27px/1.1 var(--serif,Georgia,serif);letter-spacing:-.35px}
.palette-folio .pf-color-caption{display:flex;align-items:start;justify-content:space-between;gap:10px;font-size:11px;line-height:1.55;color:var(--muted,#595959);margin-top:10px;min-height:17px;overflow-wrap:anywhere}
.palette-folio .pf-color-caption small{font-size:10px;font-weight:400;flex:none}
.palette-folio .pf-typography{min-width:0}
.palette-folio .approved-typography-compact,.palette-folio .approved-typography-guide{margin:0;padding:0;min-width:0}
.palette-folio .approved-typography-guide{display:grid;gap:25px}
.palette-folio .approved-type-specimen{padding:0;background:none;border:0;border-radius:0;min-width:0}
.palette-folio .approved-type-topline{display:flex;gap:4px 8px;align-items:baseline;flex-wrap:wrap}
.palette-folio .approved-type-topline>span{flex:0 0 auto;color:var(--muted,#595959);font-size:10px;line-height:1.5}
.palette-folio .approved-type-topline>strong{font-family:var(--sans,Arial,sans-serif);font-size:12px;line-height:1.5;font-weight:400;color:var(--ink,#202020);overflow-wrap:anywhere}
.palette-folio .approved-type-topline>small{font-family:var(--sans,Arial,sans-serif);color:var(--muted,#595959);font-size:10px;line-height:1.5}
.palette-folio .approved-font-example{display:block;padding-top:11px;min-width:0}
.palette-folio .approved-type-letter{display:none}
.palette-folio .approved-font-example>div{display:grid;gap:11px;min-width:0}
.palette-folio .approved-type-phrase{font-size:37px;line-height:1.05;letter-spacing:-.7px;font-weight:400;overflow-wrap:anywhere}
.palette-folio .approved-type-alphabet{font-size:10px;line-height:1.6;letter-spacing:.02em;color:var(--muted,#595959);overflow-wrap:anywhere}
.palette-folio .approved-type-specimen:nth-child(n+2) .approved-type-phrase{font-size:16px;line-height:1.6;letter-spacing:0}
.palette-folio .pf-alternatives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;margin-top:25px;min-width:0}
.palette-folio .pf-extra-colors{margin-top:24px;min-width:0}
.palette-folio .pf-extra-colors>span{display:block;font-size:11px;line-height:1.5;color:var(--muted,#595959);margin-bottom:10px}
.palette-folio .pf-independent-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:20px 12px;min-width:0}
.palette-folio .pf-independent-palette-large .pf-independent-colors{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}
.palette-folio .pf-independent-colors .pf-color-tile-large .pf-color-fields{min-height:175px}
.palette-folio .pf-independent-colors .pf-color-tile-large .pf-color-field strong{font-size:23px}
.palette-folio .pf-design-details{display:flex;align-items:center;flex-wrap:wrap;gap:21px 28px;min-width:0;margin-top:25px}
.palette-folio .pf-theme{display:flex;align-items:center;gap:11px;min-width:0}
.palette-folio .pf-theme-preview{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:8px;width:55px;height:44px;background:#eee;flex:none}
.palette-folio .pf-theme-preview>i{display:block;width:100%;height:3px;border-radius:2px;background:#b1b1b1}
.palette-folio .pf-theme-preview>i:first-child{width:64%;height:5px;background:#555}
.palette-folio .pf-theme-preview.pf-theme-dark{background:#000}
.palette-folio .pf-theme-dark>i{background:#555}
.palette-folio .pf-theme-dark>i:first-child{background:#fff}
.palette-folio .pf-theme>div{display:flex;flex-direction:column;gap:3px}
.palette-folio .pf-theme strong{font-size:12px;line-height:1.5;font-weight:400}
.palette-folio .pf-theme small{font-size:10px;color:var(--muted,#595959)}
.palette-folio .pf-visual-style{display:grid;gap:7px;min-width:0;flex:1 1 170px}
.palette-folio .pf-visual-style>span{font-size:10px;line-height:1.5;color:var(--muted,#595959)}
.palette-folio .pf-visual-style>div{display:flex;flex-wrap:wrap;gap:7px 15px;font-size:12px;line-height:1.6}
.palette-folio .pf-visual-style>div>span{display:inline-flex;gap:7px;flex-wrap:wrap;align-items:baseline;overflow-wrap:anywhere}
.palette-folio .pf-visual-style small{font-size:10px;color:var(--muted,#595959)}
.palette-folio .pf-actions{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:26px;padding-top:0;border:0}
.palette-folio .pf-actions .pf-edit{display:inline-flex;align-items:center;justify-content:center;gap:11px;width:auto;max-width:100%;min-height:44px;padding:11px 17px;margin:0;border:1px solid var(--ink,#202020);border-radius:999px;background:var(--ink,#202020);color:var(--surface,#fff);font:400 12px/1.5 var(--sans,Arial,sans-serif);text-decoration:none;white-space:normal;text-align:center}
.palette-folio .pf-actions .pf-edit:hover{background:var(--button-hover,#333);border-color:var(--button-hover,#333)}
.palette-folio .pf-edit svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor}
@container(max-width:560px){
 .palette-folio .pf-heading h3{font-size:35px}.palette-folio .pf-main{gap:23px;grid-template-columns:1.05fr 1fr}.palette-folio .pf-color-tile-large .pf-color-fields{min-height:210px}.palette-folio .pf-color-tile-large .pf-color-field{padding:17px 12px}.palette-folio .pf-color-tile-large .pf-color-field strong{font-size:25px}.palette-folio .approved-type-phrase{font-size:32px}.palette-folio .pf-alternatives{gap:20px 15px}.palette-folio .pf-color-field{padding:12px 10px}
}
@container(max-width:410px){
 .palette-folio .pf-heading{margin-bottom:23px}.palette-folio .pf-heading h3{font-size:33px}.palette-folio .pf-main{grid-template-columns:minmax(0,1fr);gap:25px}.palette-folio .pf-color-tile-large .pf-color-fields{min-height:180px}.palette-folio .pf-color-tile-large .pf-color-field strong{font-size:28px}.palette-folio .approved-typography-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.palette-folio .approved-type-phrase{font-size:30px}.palette-folio .approved-type-specimen:nth-child(n+2) .approved-type-phrase{font-size:15px;line-height:1.5}.palette-folio .approved-type-topline{display:block}.palette-folio .approved-type-topline>strong,.palette-folio .approved-type-topline>small{display:block;margin-top:4px}.palette-folio .pf-alternatives{gap:21px 13px}.palette-folio .pf-color-field{padding:12px 9px}.palette-folio .pf-color-caption{font-size:11px}.palette-folio .pf-color-fields{min-height:95px}.palette-folio .pf-design-details{gap:20px}.palette-folio .pf-independent-palette-large .pf-independent-colors{grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}
}
@container(max-width:290px){
 .palette-folio .pf-heading h3{font-size:30px}.palette-folio .approved-typography-guide{grid-template-columns:minmax(0,1fr);gap:24px}.palette-folio .approved-type-phrase{font-size:36px}.palette-folio .pf-alternatives{grid-template-columns:minmax(0,1fr);gap:22px}.palette-folio .pf-color-tile-large .pf-color-field strong{font-size:clamp(18px,11cqi,26px)}.palette-folio .pf-independent-colors,.palette-folio .pf-independent-palette-large .pf-independent-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-folio .pf-independent-colors .pf-color-field{padding:14px 10px}.palette-folio .pf-independent-colors .pf-color-tile-large .pf-color-field strong{font-size:22px}
}
@media(max-width:640px){.understood-brand.palette-folio{padding:24px 21px;border-radius:17px}}
@media(max-width:390px){.understood-brand.palette-folio{padding:22px 17px}.palette-folio .pf-actions .pf-edit{padding:10px 15px;min-height:43px}}
.palette-folio .pf-heading .pf-proposal-context{margin:12px 0 0;max-width:550px;font-size:12px;line-height:1.65;letter-spacing:0;text-transform:none;color:var(--muted,#595959)}
.palette-folio .pf-color-caption{flex-wrap:wrap}
.palette-folio .pf-color-caption>p{flex-basis:100%;margin:5px 0 0;font-size:10px;line-height:1.6;color:var(--muted,#595959)}