:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#262923;background:#f1f0e9;font-synthesis:none;--ink:#20271f;--muted:#70746a;--gold:#a68b54;--line:#e4e5dc;--paper:#fffef9;--accent:#273b2b}
*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #9e8556;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.preview-shell{max-width:1420px;margin:auto;padding:34px 56px 44px}.preview-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{text-decoration:none;display:flex;align-items:center;gap:14px}.wordmark-symbol{font-size:41px;line-height:1;font-weight:850;letter-spacing:-4px}.wordmark-dot{color:var(--gold)}.wordmark-caption{font-size:8px;letter-spacing:1.9px;line-height:1.7}.wordmark-caption strong{font-size:10px;letter-spacing:3.8px}.preview-badge{font-size:11px;color:#605e50;border:1px solid #d9d5c7;border-radius:30px;padding:8px 12px;display:flex;align-items:center;gap:7px;white-space:nowrap}.preview-badge span{height:5px;width:5px;background:var(--gold);border-radius:50%}.preview-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,550px);gap:60px;align-items:center;min-height:calc(100svh - 140px);padding-top:34px}.preview-intro{max-width:490px;padding:20px 0 50px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#777362}.preview-intro h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,5vw,70px);font-weight:400;letter-spacing:-2.5px;line-height:1.05;margin:27px 0}.preview-intro>p{color:#6a6c62;line-height:1.75;font-size:16px;max-width:350px}.intro-rule{height:1px;width:42px;background:#b6a67e;margin:28px 0}.preview-intro .intro-detail{font-size:14px;line-height:1.8;margin:0 0 27px}.quiet-link{font-size:12px;text-decoration:none;border-bottom:1px solid #ccc7b8;padding-bottom:5px}.quiet-link span{margin-left:8px}.preview-intro .preview-note{font-size:10px;line-height:1.6;margin-top:44px;max-width:295px;color:#8a8b81}
.chat-panel{height:min(760px,calc(100svh - 142px));min-height:540px;display:flex;flex-direction:column;overflow:hidden;background:var(--paper);border:1px solid #dfe2d8;border-radius:22px;box-shadow:0 24px 70px #273b2b0d,0 3px 10px #273b2b04}.chat-header{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);flex-shrink:0}.assistant-identity{display:flex;align-items:center;gap:12px;min-width:0}.assistant-mark{width:39px;height:43px;border-radius:10px;background:var(--ink);color:#e4d6b1;display:grid;place-items:center;font-family:Georgia,serif;font-size:28px;letter-spacing:-3px;padding-right:3px;flex-shrink:0}.assistant-identity h2{font-size:15px;font-weight:650;margin:0 0 5px;letter-spacing:-.2px}.assistant-identity p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.ai-badge{font-size:8px;padding:2px 4px;margin-left:3px;border:1px solid #ddded2;border-radius:3px;vertical-align:middle}.chat-tools{display:flex;gap:2px;flex-shrink:0}.icon-button{border:0;background:none;width:32px;height:36px;display:grid;place-items:center;color:#69715f;border-radius:7px;padding:7px}.icon-button:hover:not(:disabled){background:#eceee5}.icon-button:disabled{opacity:.33}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.availability{background:#f5f2e7;border-bottom:1px solid #e9e4d4;color:#746448;font-size:11px;padding:9px 21px;display:flex;gap:8px;align-items:center;justify-content:space-between;line-height:1.5;flex-shrink:0}.availability button{flex-shrink:0;font-size:10px;padding:5px 7px;border:1px solid #d0c4a5;border-radius:5px;background:transparent;color:#695733}.availability.ready{background:#f1f4ed;border-color:#e6eadf;color:#626e58}
.chat-scroll{flex:1;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#d1d6c8 transparent;padding:26px 23px 18px}.welcome{padding:10px 3px}.welcome-eyebrow{font-size:9px;letter-spacing:1.6px;color:#8b7a54;font-weight:650}.welcome h3{font-family:Georgia,"Times New Roman",serif;font-size:38px;letter-spacing:-1.4px;font-weight:400;line-height:1.08;margin:13px 0 15px}.welcome>p{font-size:13px;line-height:1.75;color:#71766a;max-width:360px;margin:0}.starter-list{display:grid;gap:8px;margin:23px 0 16px}.starter-list button{font-size:12px;color:#4e5847;border:1px solid #e0e4d6;background:#f7f8f1;border-radius:9px;text-align:left;padding:13px 14px;display:flex;justify-content:space-between;gap:12px;transition:background .18s,border-color .18s}.starter-list button:hover:not(:disabled){background:#eef1e5;border-color:#c4ccb5}.starter-list button:disabled{opacity:.6}.starter-list button>span:last-child{color:#9c8a60}.welcome>.welcome-note{font-size:10px;color:#909386}.messages{display:flex;flex-direction:column;gap:23px}.message{max-width:94%;font-size:13px;line-height:1.75;overflow-wrap:anywhere}.message-user{align-self:flex-end;background:#eaf0e5;border:1px solid #dfe7d6;border-radius:15px 15px 3px 15px;padding:12px 15px;max-width:88%}.message-assistant{align-self:flex-start;padding:0 2px;color:#4e5747}.message-label{display:block;font-size:9px;letter-spacing:.75px;text-transform:uppercase;color:#919a84;margin-bottom:5px}.message-user .message-label{color:#77866b}.message p{margin:0;white-space:pre-wrap}.message.pending{color:#7d8871;font-size:12px;display:flex;align-items:center;gap:8px}.pending-indicator{display:inline-flex;gap:3px}.pending-indicator i{width:4px;height:4px;background:#9b947d;border-radius:50%;animation:breath 1.3s ease-in-out infinite}.pending-indicator i:nth-child(2){animation-delay:.15s}.pending-indicator i:nth-child(3){animation-delay:.3s}@keyframes breath{50%{opacity:.35;transform:translateY(-2px)}}.message-error{font-size:12px;line-height:1.6;color:#7b5a3b;background:#f9f0e7;border:1px solid #ecdac7;border-radius:9px;padding:13px;margin-top:15px}.message-error p{margin:0 0 9px}.message-error div{display:flex;gap:9px}.message-error button{font-size:11px;border:1px solid #d7bea6;background:#fffaf4;color:#735335;border-radius:5px;padding:6px 10px}
.composer-area{flex-shrink:0;padding:13px 21px 12px;border-top:1px solid var(--line);background:#fffef9}.composer-box{display:flex;align-items:flex-end;gap:8px;padding:10px 10px 10px 13px;background:#f6f7f0;border:1px solid #dce1d2;border-radius:12px}.composer-box:focus-within{border-color:#9ca88e;box-shadow:0 0 0 2px #dce4d350}.composer-box textarea{resize:none;background:none;border:0;outline:none!important;color:#35442c;width:100%;font-size:13px;line-height:1.6;max-height:110px;min-height:31px;padding:5px 0;display:block;scrollbar-width:thin}.composer-box textarea::placeholder{color:#919b86}.composer-box textarea:disabled{opacity:.7}.composer-box button{flex-shrink:0;width:31px;height:31px;border:0;border-radius:8px;background:var(--accent);color:white;display:grid;place-items:center;padding:8px}.composer-box button:disabled{background:#d5dccb;color:#f8faf4}.composer-box button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.composer-meta{display:flex;gap:10px;justify-content:space-between;margin-top:7px;color:#919886;font-size:9px;line-height:1.5}.composer-meta>span:last-child{white-space:nowrap}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.contact-row button{padding:0;border:0;background:transparent;color:#5c6c4a;font-size:11px;line-height:1.5;text-align:left}.contact-row button:disabled{color:#a1a997}.contact-row a{font-size:10px;line-height:1.5;color:#5e674f;text-underline-offset:3px;white-space:nowrap}.chat-footer{padding:11px 21px 12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:flex-start;font-size:10px;color:#929787;background:#fafbf5;flex-shrink:0}.chat-footer details{min-width:0}.chat-footer summary{cursor:pointer;color:#7c846e;width:max-content}.chat-footer details p{font-size:11px;line-height:1.65;margin:8px 0 0;max-height:120px;overflow:auto;color:#7b8371}.chat-footer>a{white-space:nowrap;text-decoration:none;line-height:1.6}.estimate-draft{border:1px solid #d8ddcc;border-radius:12px;padding:16px;background:#f5f7ec;margin-top:20px}.draft-heading{display:flex;align-items:center;justify-content:space-between;gap:9px}.draft-heading h3{font-family:Georgia,serif;font-size:21px;font-weight:400;letter-spacing:-.5px;margin:0}.draft-heading .icon-button{font-size:23px;width:28px;height:28px}.estimate-draft label{font-size:10px;line-height:1.6;display:block;color:#788267;margin:11px 0 7px}.estimate-draft textarea{width:100%;min-height:130px;resize:vertical;border:1px solid #d5ddc8;border-radius:7px;background:#fffef9;color:#49533d;padding:10px;font-size:12px;line-height:1.65;max-height:300px}.estimate-draft>p{font-size:11px;line-height:1.65;color:#7b836d;margin:9px 0 13px}.draft-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.draft-actions button{background:#30412c;color:white;border:0;border-radius:6px;padding:9px 12px;font-size:11px}.draft-actions a{font-size:11px;text-underline-offset:3px}.estimate-draft .copy-status{margin:9px 0 0;min-height:0;color:#5e704b}.estimate-draft .copy-status:empty{display:none}
body.embed{background:var(--paper)}body.embed .preview-shell{padding:0;max-width:none}body.embed .preview-header,body.embed .preview-intro{display:none}body.embed .preview-layout{display:block;padding:0;min-height:0}body.embed .chat-panel{height:100svh;min-height:0;border:0;border-radius:0;box-shadow:none}body.embed .chat-header{padding:18px 18px}body.embed .chat-scroll{padding:21px 18px 16px}body.embed .welcome{padding:2px 0}body.embed .welcome h3{font-size:33px}body.embed .welcome>p{font-size:12px}
@media(min-width:901px) and (max-height:820px){.preview-shell{padding-top:24px;padding-bottom:26px}.preview-layout{padding-top:23px;min-height:calc(100svh - 100px)}.chat-panel{height:calc(100svh - 117px)}.welcome{padding-top:0}.welcome h3{font-size:32px}.starter-list{margin:18px 0 13px;gap:7px}.starter-list button{padding:10px 13px}.chat-scroll{padding-top:20px}.preview-intro h1{font-size:54px}}
@media(max-width:900px){.preview-shell{padding:22px 25px 28px;max-width:620px}.preview-layout{display:block;min-height:0;padding-top:22px}.preview-intro{display:none}.chat-panel{height:calc(100svh - 110px);min-height:480px}.wordmark-symbol{font-size:34px}.wordmark-caption{font-size:7px}.wordmark-caption strong{font-size:9px}.preview-badge{font-size:10px;padding:7px 9px}}
@media(max-width:480px){.preview-shell{padding:15px 12px 13px}.preview-header{gap:10px;padding:0 5px}.wordmark{gap:10px}.wordmark-symbol{font-size:31px}.wordmark-caption{letter-spacing:1.3px;font-size:6px}.wordmark-caption strong{font-size:8px;letter-spacing:3px}.preview-badge{font-size:9px;padding:6px 8px;gap:5px}.preview-layout{padding-top:15px}.chat-panel{height:calc(100svh - 78px);min-height:420px;border-radius:17px}.chat-header{padding:17px 16px;gap:5px}.assistant-identity{gap:9px}.assistant-identity h2{font-size:14px}.assistant-identity p{font-size:9px}.assistant-mark{width:33px;height:37px;font-size:25px}.chat-tools{gap:0}.icon-button{width:29px;padding:6px}.chat-scroll{padding:22px 17px 18px}.welcome{padding:3px 0}.welcome h3{font-size:34px}.welcome>p{font-size:12px}.starter-list{margin:20px 0 14px}.starter-list button{font-size:11px;padding:12px}.availability{padding:8px 16px;font-size:10px}.composer-area{padding:12px 15px 11px}.composer-box textarea{font-size:16px;line-height:1.35;padding:6px 0}.composer-box textarea::placeholder{font-size:12px}.composer-meta{font-size:8px;gap:6px}.contact-row{gap:9px}.contact-row button{font-size:10px}.contact-row a{font-size:9px}.chat-footer{padding:10px 15px;font-size:9px;gap:12px}.chat-footer details p{font-size:11px}.message{font-size:12px}.draft-heading h3{font-size:19px}body.embed .chat-header{padding:15px 16px}body.embed .chat-scroll{padding:19px 16px 15px}}
@media(max-width:350px){.preview-shell{padding-left:8px;padding-right:8px}.wordmark-caption{display:none}.chat-header{padding:14px 12px}.assistant-identity p{max-width:140px}.chat-tools .icon-button{width:26px}.chat-scroll{padding-left:13px;padding-right:13px}.welcome h3{font-size:31px}.composer-area{padding-left:11px;padding-right:11px}.contact-row{align-items:flex-start;gap:7px}.contact-row button{max-width:140px}.contact-row a{white-space:normal;text-align:right;max-width:85px}.chat-footer{padding-left:12px;padding-right:12px}.availability{padding-left:12px;padding-right:12px}.estimate-draft{padding:12px}.draft-actions{gap:10px}}
@media(max-height:620px){.chat-panel{min-height:370px}.chat-header{padding-top:12px;padding-bottom:12px}.welcome h3{font-size:29px}.chat-scroll{padding-top:16px}.welcome>p{font-size:12px}.starter-list{margin-top:15px}.starter-list button{padding-top:10px;padding-bottom:10px}.composer-area{padding-top:10px;padding-bottom:9px}.contact-row{margin-top:9px}.chat-footer{padding-top:8px;padding-bottom:8px}body.embed .chat-header{padding-top:12px;padding-bottom:12px}body.embed .welcome h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep secondary information legible in the compact panel. */
.assistant-identity p{font-size:11px}.availability{font-size:12px}.welcome>p,.message{font-size:14px}.welcome>.welcome-note{font-size:11px}.message-label{font-size:10px}.composer-meta{font-size:10px}.contact-row button,.contact-row a{font-size:11px}.chat-footer{font-size:11px}.chat-footer details p{font-size:12px}.estimate-draft label{font-size:11px}.estimate-draft>p,.draft-actions a,.draft-actions button{font-size:12px}body.embed .welcome>p{font-size:13px}
@media(max-width:480px){.assistant-identity p{font-size:10px}.availability{font-size:11px}.welcome>p,.message{font-size:13px}.composer-meta{font-size:9px}.contact-row button,.contact-row a{font-size:10px}.chat-footer{font-size:10px}.welcome>.welcome-note{font-size:10px}}

/* Prominent, same-tab path from the assistant into the Color Studio. */
.studio-hero-card{display:grid;gap:11px;margin:2px 0 22px;padding:20px;color:#f7f7ef;background:linear-gradient(145deg,#102822,#1b4337);border:1px solid #31594c;border-radius:18px;text-decoration:none;box-shadow:0 18px 45px #18352720;transition:transform .2s ease,box-shadow .2s ease}.studio-hero-card:hover{transform:translateY(-2px);box-shadow:0 22px 52px #1835272e}.studio-card-kicker{color:#d7ff72;font-size:9px;letter-spacing:1.6px;font-weight:800}.studio-hero-card>strong{font:400 27px/1.05 Georgia,"Times New Roman",serif}.studio-card-copy{max-width:390px;color:#ffffffb8;font-size:12px;line-height:1.55}.studio-card-palette,.studio-chat-palette{display:flex;align-items:center}.studio-card-palette i,.studio-chat-palette i{display:block;background:var(--color);border:2px solid #ffffff9e;border-radius:50%;box-shadow:0 3px 10px #0002}.studio-card-palette i{width:31px;height:31px;margin-right:-4px}.studio-card-palette i:nth-child(1),.studio-chat-palette i:nth-child(1){--color:#64806C}.studio-card-palette i:nth-child(2),.studio-chat-palette i:nth-child(2){--color:#EBE6D7}.studio-card-palette i:nth-child(3),.studio-chat-palette i:nth-child(3){--color:#CED6D0}.studio-card-palette i:nth-child(4),.studio-chat-palette i:nth-child(4){--color:#CAB88C}.studio-card-palette i:nth-child(5){--color:#9C7059}.studio-card-palette i:nth-child(6){--color:#E8D9D4}.studio-card-palette i:nth-child(7){--color:#645D4E}.studio-card-palette i:nth-child(8){--color:#634543}.studio-primary-cta{display:flex;min-height:50px;align-items:center;justify-content:space-between;padding:0 16px;color:#102822;background:#d7ff72;border-radius:11px;font-size:13px;font-weight:850}.studio-primary-cta b{font-size:20px}.studio-chat-card{display:none;min-height:116px;align-items:center;gap:15px;margin:20px 0 5px;padding:15px;color:#f7f7ef;background:linear-gradient(145deg,#102822,#1b4337);border:1px solid #31594c;border-radius:14px;text-decoration:none}.studio-chat-palette{flex:0 0 53px;flex-wrap:wrap}.studio-chat-palette i{width:28px;height:28px;margin:-2px}.studio-chat-card>span:last-child{display:grid;gap:4px;min-width:0}.studio-chat-card small{color:#d7ff72;font-size:8px;letter-spacing:1.25px;font-style:normal;font-weight:850}.studio-chat-card strong{font:400 17px/1.15 Georgia,"Times New Roman",serif}.studio-chat-card em{color:#ffffffb8;font-size:10px;font-style:normal;font-weight:750}body.embed .studio-chat-card{display:flex}
@media(max-width:900px){.studio-chat-card{display:flex}}
@media(max-width:480px){.studio-chat-card{min-height:108px;margin-top:17px;padding:13px}.studio-chat-card strong{font-size:16px}.studio-chat-palette{flex-basis:49px}.studio-chat-palette i{width:26px;height:26px}}