*{box-sizing:border-box}body{margin:0;font:15px Manrope,system-ui,sans-serif;color:#292137;background:#fff}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b29af7;outline-offset:3px}h1,h2,p{margin:0}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-.7px}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:0;color:#81758e}.brand-mark{display:grid;place-items:center;background:#6938ef;color:#fff;border-radius:12px;width:36px;height:36px;font:800 25px Arial}.primary{border:0;background:#6938ef;color:white;border-radius:10px;padding:12px 22px;font-weight:700;min-height:44px}.primary:hover{background:#5626d8}.login-screen{min-height:100dvh;background:radial-gradient(ellipse at 80% 10%,#e9dfff,transparent 60%),#faf8ff;padding:32px}.login-card{max-width:410px;margin:9vh auto 0;background:#fff;border:1px solid #e6def1;border-radius:23px;padding:32px;box-shadow:0 15px 65px #5231790a}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.2px;color:#8b7a9c}.login-card h1{font-size:27px;letter-spacing:-1px;margin:14px 0}.login-card>p{font-size:14px;color:#7b7087;line-height:1.7}.login-card label{display:block;margin:22px 0 7px;font-size:13px;font-weight:700}.login-card input{width:100%;border:1px solid #ded5e8;border-radius:9px;padding:12px}.login-card .primary{width:100%;margin:12px 0 17px}.login-card>small{display:block;text-align:center;color:#86788d;font-size:12px}.error{color:#af2941;font-size:13px;line-height:1.5;padding-top:8px}.error:empty{display:none}.dashboard{height:100dvh;display:flex;flex-direction:column}.topbar{height:68px;flex:none;border-bottom:1px solid #e9e4ef;display:flex;align-items:center;gap:20px;padding:0 25px}.test-tag{font-size:12px;color:#81758c;margin-left:auto}.quiet{border:1px solid #e4dced;border-radius:8px;background:#fff;padding:8px 14px;color:#675573}.workspace{display:flex;flex:1;min-height:0;position:relative}#sidebar{width:275px;flex:none;background:#faf9fc;border-right:1px solid #e9e4ef;padding:24px 16px 16px;display:flex;flex-direction:column;min-height:0}#sidebar>.eyebrow{padding:0 10px 16px}.agent-nav{border:1px solid #e6dafa;background:#eee7fc;border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center;color:#5424b0;text-align:left;width:100%;font-size:13px;font-weight:800}.agent-nav small{display:block;font-size:11px;font-weight:500;margin-top:4px;color:#8b76a2}.agent-icon{display:grid;place-items:center;width:30px;height:30px;background:#6c3bef;color:#fff;border-radius:8px;font-weight:800}.new-chat{display:flex;align-items:center;gap:9px;padding:11px 14px;width:100%;margin:18px 0 25px;border:1px solid #daceeb;border-radius:10px;background:#fff;font-size:14px;color:#60418b;font-weight:700}.new-chat span{font-size:21px;line-height:1}.sidebar-label{font-size:10px;letter-spacing:1.2px;color:#a195ab;font-weight:800;margin:0 10px 10px}#agent-conversations{flex:1;min-height:0;display:flex;flex-direction:column}#chat-list{overflow:auto;flex:1}.conversation-item{display:block;width:100%;border:0;background:transparent;padding:11px 12px;text-align:left;border-radius:8px;color:#6c607a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;margin-bottom:3px}.conversation-item:hover,.conversation-item[aria-current=true]{background:#eae2f6;color:#5929b6}.empty-list{font-size:12px;color:#9a8ca6;padding:12px;line-height:1.6}.profile{margin-top:auto;padding:18px 8px 0;border-top:1px solid #e6e0ec;display:flex;align-items:center;gap:10px;font-size:13px}.avatar{width:31px;height:31px;border-radius:50%;background:#e7ddf3;display:grid;place-items:center;color:#724bab;font-weight:800}.profile small{display:block;color:#9a8aab;font-size:11px;margin-top:3px}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column}.chat-title{padding:21px 30px;border-bottom:1px solid #f0ecf4;display:flex;justify-content:space-between;gap:12px;align-items:center}.chat-title h1{font-size:16px;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-title p{font-size:12px;color:#95879f;margin-top:5px}.model-label{font-size:11px;color:#9787a5;white-space:nowrap}.messages{flex:1;min-height:0;overflow-y:auto;padding:30px max(24px,calc((100% - 780px)/2));scroll-behavior:smooth}.welcome{max-width:660px;margin:8vh auto;text-align:center}.welcome-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:#f0e9ff;color:#6938ef;font-size:30px;font-weight:800;margin:0 auto 23px}.welcome h2{font-size:29px;letter-spacing:-.8px}.welcome>p{max-width:490px;margin:14px auto 28px;color:#95879e;line-height:1.8;font-size:14px}.suggestions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.suggestions button{padding:11px 14px;background:#fff;border:1px solid #e3daed;border-radius:12px;font-size:12px;color:#766584}.chat-message{margin-bottom:28px;line-height:1.8;overflow-wrap:anywhere}.chat-message .who{font-size:11px;font-weight:800;color:#8b76a4;display:block;margin-bottom:8px}.chat-message.user{margin-left:14%;background:#f1eafd;border-radius:16px 16px 4px 16px;padding:16px 20px}.chat-message .text{white-space:pre-wrap;font-size:15px}.copy-message{font-size:11px;color:#8f7c9f;border:0;background:none;padding:8px 0}.composer-area{padding:12px max(24px,calc((100% - 800px)/2)) 18px}.composer-area form{display:flex;align-items:flex-end;gap:12px;border:1px solid #e0d5ed;border-radius:17px;padding:13px 14px;background:#fff;box-shadow:0 3px 20px #46276a06}.composer-area textarea{flex:1;min-width:0;resize:none;max-height:180px;border:0;padding:9px 4px;outline:none;line-height:1.6;font-size:14px}.composer-area textarea::placeholder{color:#a495ae}.composer-note{font-size:10px;color:#a397ac;text-align:center;margin-top:10px;line-height:1.5}.connection-note{padding:10px 24px;background:#fff7e7;color:#8d651f;font-size:13px}.pending{color:#9b85b4;font-size:14px;padding:15px 0}.icon-button{display:none;border:0;background:transparent;font-size:22px;color:#694d8f}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){.topbar{height:60px;padding:0 16px;gap:13px}.brand{font-size:20px}.brand-mark{width:31px;height:31px;font-size:23px}.test-tag{display:none}.topbar .quiet{margin-left:auto;font-size:12px}.icon-button{display:block}#sidebar{display:none;position:absolute;top:0;bottom:0;left:0;z-index:10;box-shadow:15px 0 35px #25153318}#sidebar.open{display:flex}#scrim{position:absolute;inset:0;z-index:9;background:#27153c55;border:0}.chat-title{padding:17px 19px}.chat-title h1{max-width:230px;font-size:14px}.model-label{display:none}.messages{padding:22px 18px}.welcome{margin:5vh auto}.welcome h2{font-size:25px}.welcome>p{font-size:14px}.suggestions{flex-direction:column}.composer-area{padding:8px 12px 13px}.composer-area form{gap:6px;padding:9px}.composer-area .primary{padding:10px 13px;font-size:13px}.composer-note{font-size:10px;padding-inline:6px}.login-screen{padding:24px}.login-card{margin-top:7vh;padding:25px}.chat-message.user{margin-left:6%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.chat-message.assistant{margin-right:5%;padding:20px 23px;background:#f0f5fa;border:1px solid #dce6f0;border-radius:17px 17px 17px 4px;color:#304257}
.chat-message.assistant .who{color:#527594}.chat-message.user{background:#eee5fc;border:1px solid #e0d1f7}
.chat-message.assistant .text{white-space:normal;line-height:1.75}
.chat-message.assistant .text p{margin:0 0 14px}.chat-message.assistant .text>:last-child{margin-bottom:0}
.chat-message.assistant .text strong{font-weight:800;color:#26384e}
.chat-message.assistant .text ul,.chat-message.assistant .text ol{padding-left:23px;margin:10px 0 18px}
.chat-message.assistant .text li{padding-left:5px;margin:0 0 13px}.chat-message.assistant .text li::marker{color:#5a7191;font-weight:700}.chat-message.assistant .text li p{margin:6px 0}
.chat-message.assistant .text :is(h1,h2,h3,h4,h5,h6){font-size:18px;line-height:1.4;margin:19px 0 10px}
.chat-message.assistant .text :is(h1,h2,h3):first-child{margin-top:0}
.chat-message.assistant .text a{color:#416bad;text-decoration:underline;text-underline-offset:3px}
.chat-message.assistant .text pre{overflow:auto;white-space:pre-wrap;background:#e5ecf4;border-radius:9px;padding:14px;font-size:13px}
.chat-message.assistant .text code{font-size:.9em;background:#e5ecf4;border-radius:4px;padding:2px 4px}.chat-message.assistant .text pre code{padding:0}
.chat-message.assistant .text blockquote{border-left:3px solid #b4c8df;margin:14px 0;padding:8px 14px}
.chat-message.assistant .text table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;margin:14px 0;font-size:13px}
.chat-message.assistant .text th,.chat-message.assistant .text td{border:1px solid #cddae7;padding:8px;text-align:left}
.chat-message.assistant .copy-message{color:#557492;margin-top:10px}
.chat-message.assistant .text hr{border:0;border-top:1px solid #d3dfeb;margin:20px 0}
@media(max-width:700px){.chat-message.assistant{padding:17px;margin-right:3%}.chat-message.assistant .text{font-size:15px}}
.profile{margin-top:14px}
#profile-dialog{width:min(720px,calc(100% - 28px));max-height:90dvh;border:1px solid #e0d5ee;border-radius:22px;padding:0;color:#30233f;background:white;box-shadow:0 25px 100px #20102a40}
#profile-dialog::backdrop{background:#28183e80;backdrop-filter:blur(4px)}
#profile-form{padding:30px}.profile-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:24px}.profile-heading h2{font-size:26px;letter-spacing:-.7px;margin:10px 0}.profile-heading p{font-size:14px;line-height:1.7;color:#887592}.profile-heading button{border:0;background:#f4eef9;border-radius:8px;font-size:23px;padding:4px 10px;color:#806291}
.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-fields label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:#645171}.profile-fields small{font-size:11px;font-weight:400;color:#95809f}.profile-fields input,.profile-fields textarea{width:100%;padding:12px;border:1px solid #e0d5ea;background:#fcfaff;border-radius:9px;font-size:14px;color:#382947;resize:vertical;line-height:1.5}.full-field{grid-column:1/-1}.profile-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px}.profile-actions span{font-size:12px;color:#9b88a7}
@media(max-width:700px){#profile-form{padding:22px}.profile-fields{grid-template-columns:1fr}.profile-heading h2{font-size:23px}.profile-actions{flex-direction:column-reverse;align-items:stretch}.profile-actions span{text-align:center}}
.agent-row{display:flex;align-items:center;border-radius:12px;background:#efe8ff;border:1px solid #e1d4ff}.agent-row .agent-nav{flex:1;min-width:0;border:0;background:transparent;margin:0;padding-right:3px}.profile-shortcut{flex:none;display:grid;place-items:center;width:36px;height:36px;margin-right:8px;border:0;border-radius:9px;background:#fff8;color:#6b35ea;cursor:pointer}.profile-shortcut:hover{background:white}.profile-fields .field-label{min-height:36px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.profile-fields small{display:inline}.profile-fields label{min-width:0}.product-section{margin-top:25px;border-top:1px solid #e5dcf0;padding-top:18px}.product-section h3{font-size:16px;margin:0 0 10px}.product-section h3 small{font-weight:400;color:#83738d;font-size:12px}.product-section p{font-size:13px;line-height:1.6;color:#7a6b86}.product-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-slot{min-width:0;border:1px solid #e2d5f3;border-radius:12px;padding:10px}.product-preview{position:relative;height:100px;display:grid;place-items:center;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/16px 16px;border-radius:7px;overflow:hidden}.product-preview img{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;padding:4px;object-fit:contain;object-position:center}.product-preview span{background:white;padding:5px;color:#8a769b;font-size:12px}.product-slot label{display:block;margin-top:8px;color:#6934d9;font-size:12px;font-weight:700;cursor:pointer}.product-slot input{width:100%;font-size:10px;margin-top:7px}.remove-photo{font-size:11px;border:0;background:transparent;color:#986079;padding:8px 0 0;cursor:pointer}.upload-note{font-size:11px!important}.composer-tools{display:flex;align-items:center;gap:12px;padding-top:9px}.composer-tools span{font-size:11px;color:#8a7995}.image-button{border:1px solid #d8c7f2;border-radius:9px;padding:8px 13px;background:#f4edff;color:#6530d6;font-weight:700;cursor:pointer;white-space:nowrap}.generated-image{display:block;width:min(100%,420px);max-height:600px;object-fit:contain;border-radius:12px;margin:12px 0}.download-image{display:inline-block;color:#6733d7;font-weight:700;font-size:13px;margin:6px 0}.chat-message.assistant:has(.generated-image) .copy-message:not(.report-problem){display:none}#image-prompt{width:100%;margin:10px 0;padding:12px;border:1px solid #ddd0ee;border-radius:10px;font:inherit;line-height:1.5;resize:vertical}.use-products{display:flex;gap:8px;align-items:center;font-size:13px}.use-products input{width:auto}button:disabled{cursor:default;opacity:.6}@media(max-width:700px){.profile-fields .field-label{min-height:0}.product-slots{gap:7px}.product-slot{padding:7px}.product-preview{height:80px}.composer-tools span{line-height:1.4}}
.product-slot label{position:relative;display:flex;min-height:40px;align-items:center;justify-content:center;text-align:center;background:#f5efff;border-radius:7px;padding:7px;margin-top:8px;font-size:11px;line-height:1.3}.product-slot input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.product-slot label:focus-within{outline:2px solid #7439ee;outline-offset:2px}
.generated-image{height:auto}
html,body{width:100%;min-width:0}.signed-in{overflow:hidden}.dashboard{height:var(--app-height,100dvh);width:100%;overflow:hidden}.workspace,.chat-main,.messages,.composer-area{min-width:0}.chat-main{min-height:0}.chat-title{flex:none}.chat-title>div{min-width:0}.chat-title h1{max-width:100%}.composer-area{flex:none}.composer-tools>span{min-width:0;overflow-wrap:anywhere}.chat-message{max-width:100%;min-width:0}.pending{overflow-wrap:anywhere}.agent-icon{flex-shrink:0}#edit-profile-mobile{display:none}.messages{overscroll-behavior:contain}.composer-area textarea{font-size:16px}.composer-area .primary{flex-shrink:0}
@media(max-width:700px){#edit-profile-mobile{display:block;flex:none;border:1px solid #decff6;border-radius:9px;background:#f7f2ff;color:#6636bf;font-size:12px;font-weight:700;min-height:42px;padding:8px 10px}.chat-title{gap:9px;padding:12px 14px}.chat-title>div{flex:1}.chat-title h1{max-width:100%;font-size:13px}.chat-title p{font-size:11px;line-height:1.45}.messages{width:100%;padding:18px 12px 2px}.messages>.chat-message:last-child{margin-bottom:0}.welcome{width:100%;margin:25px auto}.welcome h2{font-size:23px}.welcome>p{line-height:1.6}.chat-message.assistant{margin-right:0;padding:15px}.chat-message.user{margin-left:4%;padding:14px 16px}.composer-area{width:100%;padding:8px 12px max(10px,env(safe-area-inset-bottom))}.composer-area form{width:100%;min-width:0;align-items:center}.composer-area textarea{width:0;flex:1 1 0;font-size:16px;min-height:48px;padding:6px 2px}.composer-tools{gap:9px;align-items:center}.composer-tools>span{flex:1;font-size:10px;line-height:1.5}.image-button{font-size:12px;padding:9px 10px}.profile-fields input,.profile-fields textarea,.login-card input,#image-prompt{font-size:16px}.chat-message.assistant .text{font-size:15px}.suggestions button{white-space:normal;max-width:100%}}
#photo-review-dialog{width:min(760px,calc(100% - 24px));max-height:90dvh;border:1px solid #e0d5ee;border-radius:20px;padding:22px;color:#30233f}#photo-review-dialog::backdrop{background:#28183e90}.photo-comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 24px}.photo-comparison figure{margin:0;min-width:0}.photo-comparison figcaption{font-size:13px;font-weight:700;margin-bottom:10px}.photo-comparison img{display:block;width:100%;height:280px;object-fit:contain}.cutout-background{background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/16px 16px;border-radius:9px}.review-photo{display:block;border:0;background:transparent;color:#6b3bbb;padding:8px 0 0;font-size:11px}.product-slot .remove-photo{display:block}#photo-status:not(:empty){color:#6938ef;font-weight:700;padding-top:12px}@media(max-width:700px){.photo-comparison{gap:9px}.photo-comparison img{height:200px}#photo-review-dialog{padding:18px}#photo-review-dialog .primary{width:100%}}
.operation-progress{padding:16px;margin-top:16px;border:1px solid #ddd0f5;background:#f8f4ff;border-radius:12px;color:#593692}.progress-heading{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.5}.progress-spinner{width:18px;height:18px;border:2px solid #dac8f5;border-top-color:#7036e8;border-radius:50%;flex:none;animation:progress-spin .85s linear infinite}.progress-spinner.complete{animation:none;border-color:#559a77;background:#e6f7ed}.progress-spinner.stopped{animation:none;border-color:#c9998c}.operation-progress ol{list-style:none;margin:13px 0;padding:0;display:grid;gap:8px}.operation-progress li{font-size:12px;color:#95879f;display:flex;gap:9px;align-items:center}.operation-progress li::before{content:'';width:7px;height:7px;border-radius:50%;background:#ded6e9;flex:none}.operation-progress li.active{color:#6b32d7;font-weight:700}.operation-progress li.active::before{background:#773ced;box-shadow:0 0 0 3px #e8dcfb}.operation-progress li.done{color:#568365}.operation-progress li.done::before{background:#68a57b}.progress-clock{font-size:11px;color:#81718f;font-variant-numeric:tabular-nums}#image-source{display:block;width:100%;min-width:0;margin:8px 0 18px;padding:11px;border:1px solid #ddd0ee;border-radius:9px;background:white;font:inherit;color:#443050}#image-prompt{max-height:260px}#image-loading{color:#7d5a9c;font-size:13px;margin-bottom:14px}.product-choice-note{font-size:12px;line-height:1.5;color:#81718f;margin:10px 0}.image-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.generation-product{position:relative;display:flex;align-items:center;flex-direction:column;gap:6px;border:1px solid #e1d6ef;background:#faf8ff;border-radius:10px;padding:10px;font-size:12px;cursor:pointer}.generation-product:has(input:checked){border:2px solid #7637eb;background:#eee4ff;padding:9px}.generation-product img{width:100%;height:100px;object-fit:contain}.generation-product input{position:absolute;top:8px;left:8px;accent-color:#6f35db}.generation-product span{font-weight:700;color:#6b4593}.product-section .operation-progress{scroll-margin-block:16px}@keyframes progress-spin{to{transform:rotate(360deg)}}@media(max-width:700px){#image-source{font-size:16px}.generation-product img{height:90px}.operation-progress{padding:13px}.image-products{gap:7px}}@media(prefers-reduced-motion:reduce){.progress-spinner{animation:none}}

#generate-image:disabled{background:#f1eef5;color:#8a8298;border-color:#e0d9e9;opacity:1;cursor:not-allowed;animation:none;box-shadow:none}#generate-image.is-ready{color:#fff;border-color:transparent;background:#7136f5;animation:image-ready 3.5s ease-in-out infinite}@keyframes image-ready{0%,100%{background-color:#7136f5;box-shadow:0 0 0 0 #7136f522}50%{background-color:#4f47c9;box-shadow:0 0 0 4px #7136f515}}@media(prefers-reduced-motion:reduce){#generate-image.is-ready{animation:none}}.post-delivery{border-top:1px solid #d1dfeb;margin-top:22px;padding-top:8px}.post-delivery p{white-space:pre-wrap}.post-delivery h3{font-size:1rem;margin:20px 0 8px}.copy-caption{padding:9px 13px;background:#fff;border:1px solid #c4d6e4;border-radius:9px;color:#375b73;cursor:pointer}#image-form{padding:0}#image-form .profile-heading{padding:0}.composer-tools{min-width:0}.composer-tools #generation-hint{min-width:0;overflow-wrap:anywhere}

.download-text{color:#6733d7;font-size:13px;font-weight:700}

/* Keep the app inside Safari's visible area as the keyboard resizes and pans it. */
body.signed-in{position:fixed;inset:0;width:100%;height:100%;overscroll-behavior:none}
.signed-in .dashboard{position:absolute;top:var(--app-top,0px);left:0;height:var(--app-height,100dvh)}
@media(max-width:700px){.compact-viewport .topbar{height:44px}.compact-viewport .chat-title{padding-block:7px}.compact-viewport .chat-title p{display:none}.compact-viewport .composer-area{padding-top:5px;padding-bottom:6px}.compact-viewport .welcome{margin:8px auto}.compact-viewport .welcome-icon{display:none}.compact-viewport .messages{padding-block:10px 2px}}

#generate-image{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0}#generate-image>span{font:inherit;color:inherit}#generate-image svg{flex:none}#generate-image.is-ready{min-height:50px;min-width:210px;font-size:16px;font-weight:800;padding:12px 22px;border-radius:13px;background:linear-gradient(110deg,#7430ee,#483bc8,#9d2de1);background-size:220% 100%;animation:ready-invitation 4s ease-in-out infinite;box-shadow:0 4px 14px #7136f53b}.has-ready-image #generation-hint{color:#654a86;font-size:11px}@keyframes ready-invitation{0%,100%{background-position:0% 50%;box-shadow:0 4px 14px #7136f53b}50%{background-position:100% 50%;box-shadow:0 4px 20px #7136f55c}}@media(max-width:700px){.composer-tools.has-ready-image{display:grid;grid-template-columns:1fr;gap:5px}.has-ready-image #generate-image{width:100%;min-height:48px;padding:10px 18px}.has-ready-image #generation-hint{text-align:center;font-size:10px}.compact-viewport .has-ready-image #generate-image{min-height:44px;padding-block:8px}}@media(prefers-reduced-motion:reduce){#generate-image.is-ready{animation:none}}

.product-decision{margin-top:16px;padding-top:14px;border-top:1px solid #d4dfeb}.product-decision-actions{display:flex;gap:8px;flex-wrap:wrap}.product-decision button{min-height:44px;padding:10px 13px;border:1px solid #cdb9f1;border-radius:10px;background:#fff;color:#6230bf;font-size:13px;font-weight:700;cursor:pointer}.product-decision-actions button:first-child{background:#6d35e8;color:#fff;border-color:#6d35e8}.chat-photo-picker>p{margin:14px 0 10px!important;font-weight:700}.chat-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.chat-photo-grid button{min-width:0;padding:7px;display:flex;flex-direction:column;gap:8px;align-items:center}.chat-photo-grid img{display:block;width:100%;height:100px;object-fit:contain;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/12px 12px;border-radius:6px}.chat-photo-grid span{font-size:12px}.product-decision button:disabled{cursor:default;opacity:.5}@media(max-width:700px){.product-decision-actions button{flex:1}.chat-photo-grid img{height:85px}}

.idea-decision{margin-top:16px;padding-top:14px;border-top:1px solid #d4dfeb;display:grid;gap:9px}.idea-decision>p{font-weight:700;margin:0 0 3px!important}.idea-decision button{display:grid;gap:6px;width:100%;text-align:left;min-height:44px;border:1px solid #cdb9f1;border-radius:12px;background:#fff;padding:13px;color:#35264e;cursor:pointer}.idea-decision button:hover{background:#f4edff;border-color:#8045ef}.idea-decision button:disabled{opacity:.5;cursor:default}.idea-decision strong{font-size:14px}.idea-decision span{font-size:13px;line-height:1.5}.idea-decision small{font-size:12px;color:#735792;line-height:1.5}

.idea-decision button:disabled{cursor:default}.idea-decision button.is-selected:disabled{opacity:1;background:#eee5ff;border:2px solid #7235e8;color:#452080;box-shadow:0 0 0 1px #7235e81a}.idea-decision button.is-selected strong{color:#5a25bd}

.conversation-row{display:flex;align-items:center;gap:4px;margin-bottom:3px}.conversation-row .conversation-item{flex:1;min-width:0;margin:0}.delete-conversation{display:grid;place-items:center;flex:0 0 44px;min-height:44px;border:0;border-radius:8px;background:transparent;color:#8b6e91}.delete-conversation:hover{background:#fce9ec;color:#a72b43}#delete-conversation-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:26px;border:1px solid #e4d9ef;border-radius:20px;color:#292137;background:#fff}#delete-conversation-dialog::backdrop{background:#21143088}#delete-conversation-dialog h2{font-size:23px;margin:0 0 16px}#delete-conversation-name{font-weight:700;overflow-wrap:anywhere;margin-bottom:12px}#delete-conversation-description{color:#776780;line-height:1.6;font-size:14px}.delete-conversation-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.delete-conversation-actions button{min-height:44px}.danger-button{border:0;border-radius:9px;padding:10px 16px;background:#ae2c46;color:#fff;font-weight:700}@media(max-width:420px){.delete-conversation-actions{flex-direction:column-reverse}.delete-conversation-actions button{width:100%}}

.generated-image{height:auto}

/* Account home, mock plans and service access */
.account-nav{display:flex;gap:4px;margin-left:auto}.account-nav button{border:0;background:transparent;color:#786887;padding:9px 13px;border-radius:9px;font-size:13px;font-weight:700;min-height:42px}.account-nav button[aria-current=page]{background:#f0e9fc;color:#6330c8}.topbar .test-tag{margin-left:8px}.text-button{border:0;padding:8px 2px;background:transparent;color:#6833d9;font:inherit;font-weight:750}.login-card .auth-switch{text-align:center;font-size:13px;margin-bottom:12px}.login-card .field-hint{font-size:12px;margin-top:8px}.login-card{margin-top:5vh}.back-home{background:transparent;border:0;text-align:left;color:#695780;padding:13px 10px;margin-top:8px;font-size:12px}.account-home{flex:1;min-height:0;overflow:auto;background:#fbfaff;overscroll-behavior:contain}.home-content{max-width:1160px;margin:auto;padding:44px 40px 24px}.home-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:28px}.home-intro h1{font-size:clamp(25px,3vw,34px);letter-spacing:-1.1px;line-height:1.2;margin:12px 0}.home-intro p,.section-heading p{color:#80718e;font-size:14px;line-height:1.65}.demo-badge{background:#eee7fb;color:#6e4e9c;border:1px solid #e1d5f1;border-radius:30px;font-size:11px;padding:8px 12px;white-space:nowrap}.account-overview{border:1px solid #e4d7f5;border-radius:20px;background:linear-gradient(115deg,#f1e9ff,#fff 78%);padding:27px 30px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:40px}.account-overview h2{font-size:21px;margin:9px 0}.account-overview p{color:#796988;font-size:13px;line-height:1.6}.account-overview .quiet{font-size:12px;color:#67408f;margin-top:18px}.account-identity{display:flex;align-items:center;gap:15px;border-left:1px solid #e4daef;padding-left:30px;min-width:0}.account-identity>div{min-width:0}.account-identity p{overflow-wrap:anywhere}.account-identity strong{font-size:15px}.account-identity small{display:block;color:#97879f;font-size:11px;line-height:1.6;margin-top:5px}.home-avatar{width:47px;height:47px;border-radius:15px;display:grid;place-items:center;background:#ece3fa;color:#7d4ac4;font-size:22px;font-weight:800;flex:none}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:21px}.section-heading h2{font-size:22px;letter-spacing:-.5px;margin-bottom:7px}.section-heading .eyebrow{display:block;margin-bottom:12px}.service-filters{display:flex;flex:none;gap:4px;padding:4px;background:#f1edf7;border-radius:10px}.service-filters button{border:0;background:transparent;color:#897b96;border-radius:7px;font-size:12px;min-height:34px;padding:7px 12px}.service-filters button[aria-pressed=true]{background:white;color:#6e3fb6;box-shadow:0 2px 5px #4e2b7610}.service-grid,.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{border:1px solid #e4ddeb;border-radius:18px;background:white;padding:23px;display:flex;flex-direction:column;min-width:0}.service-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.service-icon{width:40px;height:40px;display:grid;place-items:center;background:#7544e8;color:white;border-radius:12px;font-size:22px;font-weight:800}.service-status{font-size:10px;color:#39745d;background:#eaf6ef;padding:5px 8px;border-radius:6px;white-space:nowrap}.service-card h3{font-size:17px;margin:20px 0 10px}.service-card p{font-size:13px;color:#877890;line-height:1.7;margin-bottom:24px;flex:1}.service-card button{font-size:12px;min-height:43px}.service-card.is-locked{background:#fdfcfe}.service-card.is-locked .service-status{color:#8c799d;background:#f1edf7}.service-card.is-locked .service-icon{background:#ece5f5;color:#9676b8}.home-empty{padding:28px;border:1px dashed #dcd0eb;color:#8d799c;border-radius:13px;text-align:center;line-height:1.6}.plans-section{margin-top:52px;padding-top:32px;border-top:1px solid #e9e1f1;scroll-margin-top:22px}.mock-notice{display:flex;gap:10px;align-items:center;border-radius:10px;padding:12px 15px;background:#efe8f9;color:#7b5a9c;margin-bottom:20px;font-size:12px;line-height:1.6}.mock-notice>span{font-size:23px;color:#a77cd4}.plan-card{position:relative;border:1px solid #e2d8ed;background:#fff;border-radius:18px;padding:25px;display:flex;flex-direction:column;min-width:0}.plan-card.is-current{border:2px solid #8855e4;padding:24px;background:#fdfbff;box-shadow:0 4px 16px #7140b90c}.plan-card h3{font-size:20px;letter-spacing:-.6px;margin:12px 0 6px}.plan-card>p{font-size:12px;line-height:1.6;color:#8a7b96}.mock-price{font-size:23px;letter-spacing:-.6px;margin-top:23px}.plan-card>small{font-size:11px;color:#a090ad;margin-top:4px}.plan-card ul{list-style:none;padding:21px 0;margin:18px 0 3px;border-top:1px solid #eee7f5;flex:1;display:flex;flex-direction:column;gap:13px}.plan-card li{font-size:12px;color:#79678d;line-height:1.55;padding-left:19px;position:relative}.plan-card li:before{content:'✓';color:#8660b4;position:absolute;left:0}.plan-card button{font-size:12px;min-height:44px}.plan-card button:disabled{opacity:1;cursor:default}.plan-card.is-current button{color:#7850a9;background:#f1e9fc;border-color:#e2d3f3}.plan-feedback{color:#5a806b;font-size:13px;min-height:18px;line-height:1.6;margin-top:17px}.demo-limits{font-size:11px;color:#9887a4;line-height:1.7;max-width:800px;margin-top:6px}.home-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e8e0f0;padding-top:23px;margin-top:38px;font-size:11px;color:#9d8ca8}.profile strong{font-size:13px}.account-home button:disabled{cursor:default}
@media(max-width:900px){.home-content{padding:28px 22px}.service-grid,.plan-grid{gap:12px}.service-card,.plan-card{padding:19px}.plan-card.is-current{padding:18px}.service-card-top{align-items:flex-start;flex-direction:column;gap:10px}.service-card h3{font-size:15px}.plan-card h3{font-size:18px}}
@media(max-width:700px){.topbar{gap:10px;padding:0 13px}.topbar .brand{font-size:21px}.topbar .brand-mark{height:31px;width:31px}.topbar .test-tag{display:none}.account-nav{gap:0}.account-nav button{font-size:11px;padding:7px 9px}.topbar #logout{font-size:11px;padding:8px 10px;min-height:38px}.home-content{padding:26px 16px 22px}.home-intro{display:block}.home-intro h1{font-size:28px;line-height:1.23}.home-intro p{font-size:13px;max-width:310px}.demo-badge{display:inline-block;margin-top:16px}.account-overview{grid-template-columns:1fr;padding:22px;gap:22px;margin-bottom:32px}.account-overview h2{font-size:20px}.account-identity{border-left:0;border-top:1px solid #e1d5ee;padding:20px 0 0;gap:12px}.account-identity small{font-size:10px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-heading h2{font-size:22px}.section-heading p{font-size:13px}.service-grid,.plan-grid{grid-template-columns:1fr;gap:14px}.service-card,.plan-card{padding:23px}.plan-card.is-current{padding:22px}.service-card-top{flex-direction:row;align-items:center}.service-card h3{font-size:18px;margin-top:16px}.service-card p{margin-bottom:18px}.service-card button{min-height:45px;font-size:13px}.plans-section{margin-top:35px;padding-top:28px}.plan-card h3{font-size:22px}.plan-card li{font-size:13px}.plan-card button{font-size:13px}.mock-price{margin-top:20px}.home-footer{flex-direction:column;gap:6px}.login-screen{padding:24px 18px}.login-card{padding:25px;margin-top:28px}.login-card h1{font-size:26px}}
@media(max-width:360px){.topbar{gap:6px;padding:0 9px}.account-nav button{padding-inline:6px}.topbar .brand{font-size:19px}.topbar .brand small{font-size:9px}}

.usage-summary{padding:22px 25px;border:1px solid #e5ddef;border-radius:17px;background:white;margin:-18px 0 36px}.usage-summary>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.usage-summary h2{font-size:15px;font-weight:750}.usage-summary small{font-size:11px;color:#8b7a99;line-height:1.5}.usage-counters{display:grid;grid-template-columns:1fr 1fr;gap:30px}.usage-counters label{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#81708f}.usage-counters strong{color:#5f387f;font-variant-numeric:tabular-nums}.usage-counters meter{width:100%;height:13px;margin:8px 0 4px;display:block;accent-color:#22c55e}.usage-counters meter::-webkit-meter-bar{background:#f0eaf9;border:0;border-radius:8px}.usage-counters meter::-webkit-meter-optimum-value{background:#22c55e;border-radius:8px}.plan-card a.primary{display:flex;justify-content:center;align-items:center;text-align:center;font-size:12px;min-height:44px}.chat-usage{font-size:10px;color:#927d9e;text-align:right;padding:0 4px 6px;line-height:1.4}.chat-usage:empty{display:none}.plan-card h3{font-size:26px}.mock-price{font-size:28px}.demo-limits{line-height:1.7}@media(max-width:700px){.usage-summary{padding:19px;margin-top:-12px;margin-bottom:30px}.usage-summary>header{align-items:flex-start;flex-direction:column;gap:5px}.usage-counters{gap:18px}.usage-counters label{flex-direction:column;gap:5px}.usage-counters strong{font-size:16px}.chat-usage{text-align:center;font-size:10px;padding-bottom:5px}.plan-card a.primary{font-size:13px}}

/* One product contains its agent and features; it is not three separate plans. */
.service-grid{grid-template-columns:1fr}.product-actions{display:flex;flex-wrap:wrap;gap:10px}.product-actions button{min-width:145px}.service-grid .service-card-top{flex-direction:row;align-items:center}.service-grid .service-card h3{margin-top:16px}.service-grid .service-card p{max-width:650px;margin-bottom:20px}
@media(max-width:700px){.product-actions{display:grid;grid-template-columns:1fr;width:100%}.product-actions button{width:100%;min-width:0}}

#photo-upload-dialog{width:min(560px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid #e0d5ee;border-radius:20px;padding:24px;color:#30233f}#photo-upload-dialog::backdrop{background:#28183e90}#photo-upload-preview{display:block;width:100%;height:160px;object-fit:contain;background:#f7f5fa;border-radius:12px;margin:16px 0}.photo-modes{border:0;padding:0;display:grid;gap:12px;min-width:0}.photo-modes label{display:flex;align-items:flex-start;gap:12px;border:1px solid #e0d5ee;padding:14px;border-radius:12px;cursor:pointer}.photo-modes label:has(input:checked){border-color:#7438ed;background:#f4edff}.photo-modes label:has(input:disabled){opacity:.6;cursor:default}.photo-modes input{width:18px;height:18px;flex:none;margin:3px 0;accent-color:#7438ed}.photo-modes strong{font-size:16px}.photo-modes small{display:block;font-size:14px;line-height:1.5;color:#756482;margin-top:6px}#photo-credit-note{font-size:14px;line-height:1.55;color:#705788;margin:14px 0}#confirm-photo-upload{width:100%;min-height:48px}.photo-mode-label{display:block;font-size:12px;color:#6b4593;margin:8px 0 0}.product-preview.is-whole,.whole-photo{background:#f7f5fa}@media(max-width:700px){#photo-upload-dialog{padding:18px}.photo-modes label{padding:12px}#photo-upload-preview{height:125px}}



.chat-photo-grid button.is-selected{border:2px solid #6d35e8;background:#efe7ff;box-shadow:0 0 0 2px #6d35e818}

/* One compact overview per product; prices live in the Plans tab. */
.home-content{padding:28px 32px 24px}.home-intro{margin-bottom:20px;gap:18px}.home-intro h1{font-size:28px;line-height:1.2;margin:5px 0 0;letter-spacing:-.8px}.home-intro p{font-size:14px;color:#796889}.home-intro .service-filters{align-self:center}.service-filters button{font-size:14px;min-height:40px}
.service-grid{grid-template-columns:minmax(0,1fr);gap:18px}.service-card.product-overview{padding:24px;background:linear-gradient(125deg,#f3edfe,#fff 82%);border-color:#e1d4f1;border-radius:20px;gap:20px}.product-overview .service-card-top{gap:14px;align-items:center;flex-direction:row}.product-name{font-size:14px;line-height:1.5;font-weight:800;color:#726083}.product-overview .service-status{font-size:12px;padding:5px 9px;flex:none}.product-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.service-grid .product-overview h3.product-plan{margin:0;font-size:28px;letter-spacing:-.7px;line-height:1.2}.product-overview .product-actions{display:flex;align-items:center;gap:12px;width:auto}.product-overview .product-actions button{min-width:0;min-height:44px;width:auto;font-size:14px;padding:11px 19px}.product-overview .product-actions .text-button{padding-inline:4px}.product-overview.is-locked{background:#fff}.product-overview.is-locked .service-status{color:#776484;background:#f0eaf5}.product-overview button:disabled{background:#eeeaf3;color:#8a7a98;opacity:1}.service-grid .product-overview p.product-unavailable{margin:0;font-size:14px;line-height:1.6;flex:none}.product-usage{border-top:1px solid #e4d9ef;padding-top:18px}.product-usage>header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:16px;flex-wrap:wrap}.product-usage h4{font-size:14px;font-weight:750;margin:0}.product-usage small{font-size:12px;color:#857392;line-height:1.5}.product-usage .usage-counters{gap:24px}.product-usage label{font-size:14px;flex-direction:column;gap:6px}.product-usage strong{font-size:20px;font-weight:800;line-height:1.25}.product-usage meter{margin-top:8px;height:12px}.product-usage meter::-moz-meter-bar{background:#8350dd;border-radius:8px}
#home-products>.account-identity{border:0;border-bottom:1px solid #e8e0f0;padding:0 0 16px;margin:0 0 20px;gap:12px;display:grid;grid-template-columns:38px minmax(0,1fr) auto}#home-products .home-avatar{width:38px;height:38px;border-radius:11px;font-size:19px}#home-products .account-identity strong{font-size:14px}#home-products .account-identity p{font-size:13px;color:#83718f;line-height:1.6}#home-products .account-identity .demo-badge{margin:0 0 0 auto;font-size:12px;padding:6px 10px}.plans-section{margin:0;padding:0;border:0}.home-footer{margin-top:24px;padding-top:16px}
@media(max-width:700px){.home-content{padding:20px 16px}.home-intro{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:18px}.home-intro h1{font-size:25px}.home-intro p{font-size:14px}.service-filters button{font-size:13px;padding:7px 10px}.service-card.product-overview{padding:20px;gap:19px}.product-overview .service-card-top{gap:10px}.product-name{font-size:14px}.service-grid .product-overview h3.product-plan{font-size:27px}.product-overview .product-actions button{font-size:14px;padding:11px 16px}.product-summary{gap:12px}.product-usage .usage-counters{gap:20px}.product-usage>header{flex-direction:column;gap:4px;margin-bottom:15px}.product-usage strong{font-size:20px}#home-products .account-identity .demo-badge{margin-left:50px}.home-footer span{display:none}}

/* Plans are grouped by product, with one compact comparison inside each card. */
.plans-heading{margin-bottom:18px}.plans-heading h2{font-size:28px;letter-spacing:-.8px;line-height:1.2;margin:0 0 10px}.plans-demo-note{font-size:14px;color:#775493;background:#f0eafa;border-radius:9px;padding:10px 13px;line-height:1.5}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:18px;align-items:start}.product-plan-card{min-width:0;border:1px solid #ddd0ed;border-radius:18px;background:#fff;overflow:hidden;scroll-margin-top:16px}.product-plan-heading{padding:19px 22px;background:linear-gradient(115deg,#f2ebff,#fdfbff)}.product-plan-heading h3{font-size:20px;line-height:1.3;letter-spacing:-.4px;margin:0 0 6px}.product-plan-heading p{font-size:14px;line-height:1.5;color:#7b688b;margin:0;max-width:620px}.plan-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:16px 22px;border-top:1px solid #eee7f4}.plan-option.is-current{background:#f7f2ff;box-shadow:inset 3px 0 #7b43e5}.plan-option-info{display:flex;align-items:center;gap:24px;min-width:0}.plan-option h4{font-size:17px;line-height:1.3;margin:0;min-width:96px;letter-spacing:-.2px}.plan-volume{font-size:14px;line-height:1.6;color:#81708f}.plan-volume span{display:block}.plan-option-choice{display:grid;grid-template-columns:max-content 148px;align-items:center;justify-content:end;gap:22px}.plan-price{text-align:right;font-size:18px;line-height:1.3;white-space:nowrap;margin:0}.plan-price strong{font-weight:800;letter-spacing:-.3px}.plan-price small{font-size:12px;color:#8d7b98;margin-left:3px}.plan-option button,.plan-option a{width:100%;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:112px;padding:10px 14px;border-radius:9px;font-size:14px;font-weight:750;line-height:1.3;text-align:center}.plan-option button:disabled{cursor:default}.plan-option.is-current button,.plan-option button[data-included-plan]{opacity:1;background:#ede4fa;border-color:#ddcbf3;color:#6c419b}.product-plan-card .plan-feedback{font-size:13px;line-height:1.5;min-height:0;margin:0;padding:12px 20px;border-top:1px solid #ede6f4}.product-plan-card .plan-feedback:empty{display:none}.plan-conditions{margin-top:18px;color:#82718e}.plan-conditions summary{font-size:14px;cursor:pointer;min-height:34px;padding-block:7px}.plan-conditions .demo-limits{font-size:13px;max-width:850px;margin:10px 0 0;line-height:1.65}
@media(max-width:1100px){.plan-option-info{display:block}.plan-option h4{min-width:0;margin-bottom:5px}.plan-option-choice{grid-template-columns:132px;gap:8px}.plan-option{gap:14px}}
@media(max-width:700px){.plans-heading{margin-bottom:16px}.plans-heading h2{font-size:25px;margin-bottom:10px}.plans-demo-note{padding:9px 12px}.plan-grid{grid-template-columns:1fr;gap:18px}.product-plan-heading{padding:16px 18px}.product-plan-heading h3{font-size:19px}.plan-option{padding:13px 18px;gap:12px}.plan-option h4{font-size:17px}.plan-price{font-size:17px}.plan-option button,.plan-option a{min-width:108px;padding:9px 10px}.plan-volume{font-size:14px;line-height:1.5}.product-plan-card .plan-feedback{padding:11px 18px}}
@media(max-width:359px){.plan-option{padding-inline:14px;gap:8px}.product-plan-heading{padding-inline:14px}.plan-option button,.plan-option a{min-width:98px;font-size:13px;padding-inline:8px}.plan-price{font-size:16px}.plan-volume{font-size:13px}}

.product-plan-card:not(:only-child) .plan-option-info{display:block}.product-plan-card:not(:only-child) .plan-option h4{min-width:0;margin-bottom:5px}.product-plan-card:not(:only-child) .plan-option-choice{grid-template-columns:132px;gap:8px}

/* Account settings and the main agent invitation. */

.home-avatar img,.profile .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.account-identity>div{min-width:0;overflow-wrap:anywhere}#edit-account{margin-left:auto;min-height:42px;white-space:nowrap}.account-shortcut{width:100%;text-align:left;border:0;border-top:1px solid #e8e0ef;background:transparent;cursor:pointer;color:inherit}.account-shortcut .avatar{flex:none}.verify-banner{font-size:14px;line-height:1.6;padding:12px 15px;background:#efe7fc;border-radius:12px;color:#643998}.google-auth{margin:18px 0;display:grid;justify-items:center;gap:12px}.google-auth>span{font-size:13px;color:#9b8da9}.google-auth .error{font-size:13px;line-height:1.5;margin:0}#account-dialog{width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid #e0d6ef;border-radius:22px;box-sizing:border-box;overflow:auto;overscroll-behavior:contain}#account-dialog .settings-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}#account-dialog h2{font-size:26px;margin:7px 0 0;letter-spacing:-.5px}.settings-heading .quiet{font-size:25px;width:40px;height:40px;flex:none;padding:0}.settings-intro{color:#8a7997;font-size:14px;line-height:1.6;margin:12px 0 22px}#account-dialog form{display:grid;gap:9px}#account-dialog label{font-size:14px;font-weight:650}#account-dialog input:not([type=file]){box-sizing:border-box;width:100%;min-width:0;min-height:45px;padding:11px 12px;border:1px solid #ded3ed;border-radius:10px;background:#fff;font:inherit;font-size:16px;color:#33283f}#account-dialog .primary{min-height:44px;margin-top:7px}#account-dialog small{font-size:12px;color:#8c7b98;line-height:1.6;font-weight:400}.settings-photo{display:flex;gap:16px;align-items:center;margin-bottom:14px}.settings-photo .home-avatar{width:68px;height:68px;border-radius:20px;flex:none;display:grid;place-items:center;font-size:28px;background:#eee4fc;color:#783cd6}.settings-photo small{display:block;margin-top:8px}.photo-label{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;cursor:pointer;overflow:hidden}.photo-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.photo-label:focus-within{outline:2px solid #793dea;outline-offset:2px}#remove-account-photo{margin-left:10px}.settings-section{border-top:1px solid #e8e0ef;padding:16px 0 0;margin-top:22px}.settings-section summary{cursor:pointer;font-size:16px;font-weight:750;min-height:40px;overflow-wrap:anywhere}.settings-section summary small{display:block;margin:5px 0 0;font-size:13px}#account-dialog .settings-section form{margin-top:18px}.settings-section>p{font-size:13px;color:#80708e;line-height:1.6}.settings-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings-inline button{min-height:42px}.settings-status{font-size:13px;line-height:1.6;margin:3px 0;color:#367b62;overflow-wrap:anywhere}.settings-status.error{color:#b44562}.settings-status:empty{display:none}#confirm-email-dialog{width:min(450px,calc(100% - 30px));padding:26px;border-radius:20px;box-sizing:border-box}#confirm-email-dialog p{font-size:14px;line-height:1.6}#confirm-email-dialog .settings-inline{margin-top:18px}
@media(max-width:700px){#account-dialog{padding:21px}#edit-account{margin-left:50px}#home-products .account-identity{row-gap:12px}.settings-photo{gap:12px}}
@media(prefers-reduced-motion:reduce){.product-overview .agent-open:not(:disabled){animation:none}}

.no-plan-state{border:1px solid #dfd2f2;background:linear-gradient(125deg,#f1e8ff,#fff 85%);border-radius:20px;padding:28px;max-width:660px}.no-plan-state .eyebrow{display:block;margin:0 0 12px}.no-plan-state h2{margin:0 0 12px;color:#30223f;font-size:26px;line-height:1.25;letter-spacing:-.6px}.no-plan-state p{margin:0 0 22px;color:#7c698c;max-width:440px;font-size:16px;line-height:1.6}.no-plan-state .primary{min-height:46px;padding:12px 24px;font-size:16px;font-weight:750}.product-usage>header small{overflow-wrap:anywhere}
@media(max-width:700px){.no-plan-state{padding:23px}.no-plan-state h2{font-size:24px}.no-plan-state .primary{width:100%}}

/* Make the available agent the primary action on the account home. */
.product-overview .product-actions:has(.agent-open:not(:disabled),.agent-open[aria-busy="true"],.agent-coming-soon){flex:1 1 220px;max-width:320px;margin-left:auto}
.product-overview .product-actions .agent-open:is(:not(:disabled),[aria-busy="true"]){position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:58px;padding:14px 24px;border:1px solid #ffffff38;border-radius:15px;font-size:18px;font-weight:800;letter-spacing:.1px;color:#fff;background:linear-gradient(115deg,#6121d8,#9623ce,#4330bb,#7223dd);background-size:260% 100%;box-shadow:0 8px 22px #6c27db66,0 0 0 4px #7736ef1c;animation:agent-invitation 3.6s ease-in-out infinite;transition:filter .18s,transform .18s}
.agent-launch-icon{font-size:27px;line-height:1;flex:none;filter:drop-shadow(0 0 5px #ffffff66)}
.product-overview .agent-open:not(:disabled)::after{content:'';pointer-events:none;position:absolute;inset:-40% auto -40% 0;width:36%;background:linear-gradient(90deg,transparent,#ffffff2e,transparent);transform:translateX(-160%) skewX(-20deg);animation:agent-reflection 4.8s ease-in-out infinite}
.product-overview .agent-open:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}
.product-overview .agent-open:not(:disabled):active{transform:translateY(1px)}
.product-overview .agent-open:focus-visible{outline:3px solid #32116c;outline-offset:7px}
@keyframes agent-invitation{0%,100%{background-position:0% 50%;box-shadow:var(--agent-glow-rest,0 8px 22px #6c27db66,0 0 0 4px #7736ef1c)}50%{background-position:100% 50%;box-shadow:var(--agent-glow-peak,0 10px 30px #9225dd85,0 0 0 7px #7736ef26)}}
@keyframes agent-reflection{0%,48%{transform:translateX(-160%) skewX(-20deg)}83%,100%{transform:translateX(440%) skewX(-20deg)}}
@media(max-width:700px){.product-overview .product-actions:has(.agent-open:not(:disabled),.agent-open[aria-busy="true"],.agent-coming-soon){flex-basis:100%;max-width:none;margin-left:0}.product-overview .product-actions .agent-open:is(:not(:disabled),[aria-busy="true"]){min-height:56px;padding:13px 20px}.product-overview .product-summary:has(.agent-open:not(:disabled),.agent-open[aria-busy="true"]){gap:18px}}
@media(prefers-reduced-motion:reduce){.product-overview .product-actions .agent-open:is(:not(:disabled),[aria-busy="true"]){animation:none;transition:none}.product-overview .agent-open:not(:disabled)::after{display:none;animation:none}}

.chat-notice{margin:0 0 8px;color:#654491;font-size:13px;line-height:1.45}

/* A new release is offered without interrupting work in an existing tab. */
.studio-update-notice{position:fixed;z-index:1000;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:min(640px,calc(100% - 24px));box-sizing:border-box;padding:12px 14px;border:1px solid #d5baf7;border-radius:14px;background:#faf6ff;color:#4b2e73;box-shadow:0 8px 26px #30134426;font-size:13px;line-height:1.5}
.studio-update-notice p{flex:1;min-width:0;margin:0;font-size:13px;line-height:1.5;color:inherit}.studio-update-notice button{flex:none;min-height:44px;padding:9px 14px;font-size:14px}.studio-update-notice .studio-update-dismiss{padding:8px;width:36px;min-width:36px;background:transparent;color:#654491;font-size:22px;border:0}
dialog>.studio-update-notice{position:static;left:auto;top:auto;transform:none;width:100%;margin:0 0 16px;box-shadow:none}
@media(max-width:450px){.studio-update-notice{flex-wrap:wrap;gap:8px}.studio-update-notice p{flex-basis:calc(100% - 44px)}.studio-update-notice .studio-update-dismiss{position:absolute;right:8px;top:8px}.studio-update-notice p{padding-right:28px}.studio-update-notice .primary{width:100%}dialog>.studio-update-notice{position:relative}}

/* Image files can be shared to native destinations without changing the artwork. */
.image-save-actions,.text-delivery-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;margin:14px 0;white-space:normal}.image-save-actions .save-image,.text-delivery-actions .copy-post-text{font-size:14px;min-height:44px;min-width:144px}.image-save-actions .download-image,.text-delivery-actions .download-text{display:inline-flex;align-items:center;min-height:44px;margin:0;text-decoration:underline;text-underline-offset:3px}
.image-save-status{flex-basis:100%;font-size:13px;line-height:1.5;color:#654491;text-align:center}.image-save-status[hidden]{display:none}

@media(max-width:700px){#home-products #edit-account{margin-left:0;font-size:12px;padding:8px 10px}#home-products .account-identity p{font-size:12px}}

@media(max-width:359px){.plan-option-choice{grid-template-columns:118px}}

/* Keep the next step beside image generation when either balance runs out. */
.composer-tools .quota-plans{flex:1;min-width:0;min-height:44px;padding:7px 10px;border:1px solid #f0c49d;border-radius:9px;background:#fff7ed;color:#a74308;text-align:left;font-size:12px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.composer-tools .quota-plans span{display:block;font:inherit;color:inherit}.quota-plans strong{display:block;font-size:inherit;text-decoration:underline;text-underline-offset:2px}
.composer-tools .quota-plans:hover{background:#ffedd5;border-color:#db943f}.composer-tools .quota-plans:focus-visible{outline:3px solid #bc500c;outline-offset:3px}.composer-tools .quota-plans:disabled{opacity:1;cursor:default}
@media(max-width:700px){.composer-tools.has-exhausted-credits{display:flex;align-items:center;gap:9px}.has-exhausted-credits #generate-image{width:auto;min-width:0;min-height:44px;padding:9px 10px;border-radius:9px;font-size:12px}.composer-tools .quota-plans{font-size:11px;padding:7px 9px}}

/* Password recovery follows the existing account forms on desktop and mobile. */
.login-recovery{display:flex;justify-content:flex-end;margin-top:4px}.login-recovery .text-button{font-size:14px;min-height:44px;padding:8px 0}.auth-dialog{width:min(450px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain;border:1px solid #e0d6ef;border-radius:22px;padding:26px;color:#292137}.auth-dialog .settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-dialog h2{font-size:25px;line-height:1.2;letter-spacing:-.6px}.auth-dialog>p{font-size:14px;line-height:1.6;margin-top:16px;color:#756680}.auth-dialog form{display:grid;gap:9px;margin-top:20px}.auth-dialog label{font-size:14px;font-weight:650}.auth-dialog input{width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid #ded3ed;border-radius:10px;font-size:16px;color:#33283f}.auth-dialog form .primary{margin-top:8px}.auth-dialog .settings-status{color:#367b62}.auth-dialog .settings-status.error{color:#af2941}.auth-dialog .settings-inline{margin-top:18px}.auth-dialog .text-button,.auth-dialog .quiet{min-height:44px}.auth-dialog #recovery-back{margin-top:12px}@media(max-width:359px){.auth-dialog{padding:20px}.auth-dialog h2{font-size:23px}}

.pending.conversation-progress,#chat-notice.conversation-progress{margin:16px 0;padding:16px 18px;border:1px solid #e7ddf5;border-radius:15px;background:linear-gradient(115deg,#faf7ff,#fff);color:#655174;display:grid;gap:8px;max-width:100%;font-size:14px;line-height:1.5}.conversation-progress-heading{display:flex;gap:10px;align-items:center;min-width:0}.conversation-progress-heading strong{font-size:14px;line-height:1.4;color:#563282;overflow-wrap:anywhere}.conversation-progress .progress-spinner{width:17px;height:17px;flex:none}.conversation-progress-detail{display:block;min-height:3em;color:#79668b;font-size:14px;overflow-wrap:anywhere}.conversation-progress-time{font-size:12px;color:#8a779b;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.conversation-progress .progress-spinner{animation:none}}@media(max-width:359px){.pending.conversation-progress,#chat-notice.conversation-progress{padding:14px}}

.selected-product-preview{display:flex;align-items:center;gap:14px;max-width:100%;margin:16px 0 0;padding:12px;border:1px solid #d9e3ec;border-radius:12px;background:#ffffffb8}.selected-product-preview img{display:block;flex:none;width:88px;height:104px;object-fit:contain;padding:6px;border:1px solid #e5e8ee;border-radius:9px;background:white}.selected-product-preview img[hidden]{display:none}.selected-product-preview figcaption{display:grid;gap:5px;min-width:0}.selected-product-preview strong{font-size:14px;line-height:1.4;color:#3b5570}.selected-product-preview figcaption span{font-size:13px;line-height:1.5;color:#71849a}.selected-product-preview.is-unavailable{border-style:dashed}@media(max-width:400px){.selected-product-preview{gap:10px;padding:10px}.selected-product-preview img{width:72px;height:88px}}

.session-loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:#faf8ff;color:#6b577d;text-align:center}.session-loading .brand-mark{width:44px;height:44px;font-size:30px}.session-loading p{max-width:360px;font-size:15px;line-height:1.6}.session-loading[aria-busy="true"] .brand-mark{animation:session-pulse 1.5s ease-in-out infinite}@keyframes session-pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.session-loading .brand-mark{animation:none!important}}

/* Desktop: give the transcript more room while retaining the mobile layout. */
@media(min-width:701px){
 .topbar{height:54px;padding-inline:20px;gap:16px}.topbar .test-tag{display:none}.topbar .brand{font-size:21px}.topbar .brand-mark{width:32px;height:32px;font-size:23px}.topbar .brand small{font-size:10px}.topbar #logout{min-height:38px;padding-block:7px}
 .chat-title{padding:8px 26px}.chat-title h1{line-height:1.4}.chat-title p{margin-top:2px;line-height:1.4}
 .messages{padding:18px max(24px,calc((100% - 1280px)/2))}.chat-message.assistant{margin-right:0}.chat-message.user{margin-left:auto;max-width:min(85%,860px)}
 .composer-area{padding:10px max(24px,calc((100% - 1280px)/2)) 14px}.composer-area form{padding:9px 12px;align-items:center}.composer-area textarea{height:56px;min-height:56px;padding:3px 4px;line-height:1.5}.composer-area #send{min-height:44px;padding-block:10px}.composer-tools{padding-top:7px}
}
@media(min-width:1000px){
 .chat-message.assistant:has(.image-delivery-root){padding:18px 20px}
 .image-delivery-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:28px;align-items:start}
 .image-delivery-visual,.image-delivery-copy{min-width:0}.image-delivery-visual{display:flex;justify-content:center;padding:6px;background:#ffffff90;border-radius:12px}
 .image-delivery-visual .generated-image{width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;margin:0;border-radius:10px}
 .image-delivery-copy .post-delivery{margin:0;padding:0;border:0}.image-delivery-copy .post-delivery p{line-height:1.55}.image-delivery-copy .post-delivery h3{margin:18px 0 8px;font-size:16px}.image-delivery-copy .post-delivery h3:first-child{margin-top:0}.image-delivery-copy .post-delivery p:last-child{margin-bottom:0}
 .image-delivery-footer{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:18px;padding-top:14px;border-top:1px solid #d5e1eb}
 .image-delivery-footer .image-save-actions,.image-delivery-footer .text-delivery-actions{margin:0;align-items:center;justify-content:center;gap:10px 16px;min-width:0}
 .image-delivery-footer .text-delivery-actions{position:relative;padding-left:0;border-left:0}.image-delivery-footer .text-delivery-actions::before{content:"";position:absolute;top:0;bottom:0;left:-14px;border-left:1px solid #d5e1eb;pointer-events:none}.image-delivery-footer .copy-caption{min-height:44px;font-size:13px}
}
/* Full-resolution artwork stays in the current chat. */
.generated-image{cursor:zoom-in}
.generated-image:focus-visible{outline:3px solid #7034ef;outline-offset:4px}
dialog.image-viewer{width:calc(100vw - 48px);max-width:1800px;height:calc(100dvh - 48px);max-height:none;padding:0;overflow:hidden;border:0;border-radius:14px;background:#16131d;color:#fff}
.image-viewer::backdrop{background:rgba(12,8,20,.84)}
.image-viewer-toolbar{display:flex;align-items:center;gap:16px;height:58px;padding:8px 12px 8px 20px;border-bottom:1px solid #ffffff24}
.image-viewer-toolbar span{margin-right:auto;font-size:14px}
.image-viewer-toolbar button{background:#ffffff15;color:white;border:1px solid #ffffff30;border-radius:8px;padding:8px 12px;cursor:pointer}
.image-viewer-toolbar .image-viewer-close{font-size:26px;line-height:24px;padding:8px 12px}
.image-viewer-area{height:calc(100% - 58px);overflow:auto;display:flex;align-items:center;justify-content:center;padding:12px}
.image-viewer-area img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;border-radius:0;flex:none}
.image-viewer.actual-size .image-viewer-area{display:block}
.image-viewer.actual-size .image-viewer-area img{max-width:none;max-height:none;width:auto;height:auto;margin:0 auto;cursor:zoom-out}
@media(max-width:700px){dialog.image-viewer{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:10px}.image-viewer-toolbar{gap:8px;padding-left:12px}.image-viewer-toolbar span{font-size:12px}.image-viewer-toolbar button{font-size:12px}}

.welcome-plan-note{font-size:14px;line-height:1.6;color:#756183;margin:0 0 18px}#photo-cutout-usage{font-size:13px;font-weight:600;line-height:1.5;color:#67418e;margin:10px 0 12px}

@media(max-width:700px){.image-save-actions,.text-delivery-actions{justify-content:center}.post-delivery>.copy-caption{display:block;margin-inline:auto}}

.cutout-device-note,.product-section .cutout-device-note{margin:14px 0;padding:12px 14px;border:1px solid #efd09f;border-radius:10px;background:#fff8ed;color:#80500f;font-size:14px;line-height:1.55}

/* Keep the portrait notice above the chat and any product/account dialog. */
#portrait-guard{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:24px max(24px,env(safe-area-inset-right)) 24px max(24px,env(safe-area-inset-left));background:#faf8ff;color:#292137;overflow:auto}
#portrait-guard[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}
#portrait-guard::backdrop{background:#faf8ff}#portrait-guard h2{font-size:24px;line-height:1.3;letter-spacing:-.5px;outline:none}#portrait-guard p{max-width:400px;font-size:16px;line-height:1.6;color:#786887}.portrait-icon{display:grid;place-items:center;width:80px;height:80px;border-radius:22px;background:#eee5fc;color:#6938ef}
body.needs-portrait{overflow:hidden}body.needs-portrait .studio-update-notice{display:none}

/* Google sign-in shares the login card width, including narrow phones. */
.google-auth{width:100%;margin:20px 0 0;gap:14px;min-width:0}.google-auth .google-divider{display:flex;align-items:center;gap:13px;width:100%;color:#9b8da9}.google-divider:before,.google-divider:after{content:"";height:1px;background:#ece5f2;flex:1}.google-auth #google-login,.google-auth #google-register{display:flex;justify-content:center;width:100%;min-width:0;min-height:44px}.google-auth .google-status{font-size:13px;line-height:1.5;color:#80718e;text-align:center;margin:0}.google-status:empty{display:none}.google-auth .quiet{width:100%;font-size:14px}.google-auth+small{margin-top:18px}

.login-card .google-auth .google-hint{margin:0;text-align:center;font-size:13px;line-height:1.5;color:#80718e}

.auth-verification{max-width:100%;text-align:center}.auth-verification-status{font-size:12px;line-height:1.5;color:#766989;margin:8px 0}.auth-verification-status:empty{display:none}

/* Local mask correction before accepting a product photograph. */
.cutout-adjust{width:100%;min-height:44px;margin:0 0 8px;font-size:14px;border:1px solid #ded2ed;border-radius:10px;padding:10px;background:#faf7ff;color:#643a9b}
#cutout-editor{border-top:1px solid #e7dff0;padding-top:16px;margin:8px 0 16px}
#cutout-editor[hidden]{display:none}
.cutout-tools{display:flex;gap:8px;flex-wrap:wrap}.cutout-tools button{min-height:44px;padding:8px 12px;border:1px solid #ded2ed;border-radius:9px;background:#fff;color:#643a9b;font-size:14px}.cutout-tools button[aria-pressed=true]{border-color:#7438ed;background:#efe7fc;color:#4f238a}.cutout-tools button:disabled{opacity:.45}
.cutout-brush{display:flex;align-items:center;gap:12px;margin:14px 0;font-size:14px}.cutout-brush input{width:120px;min-width:70px;accent-color:#6938ef}
#cutout-edit-hint{font-size:14px;line-height:1.5;margin:12px 0;color:#675574}
#cutout-edit-canvas{display:block;width:100%;height:auto;max-width:625px;margin:auto;touch-action:none;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/16px 16px;border-radius:8px;cursor:crosshair}
.cutout-edit-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.cutout-edit-footer span{font-size:12px;color:#786a85;line-height:1.5}.cutout-edit-footer button{flex:none;min-height:44px;font-size:13px}
#photo-review-error{font-size:14px;line-height:1.5}#photo-review-dialog{overflow:auto}
@media(max-width:700px){.cutout-edit-footer{align-items:flex-start;gap:6px}.cutout-tools{gap:6px}.cutout-tools button{padding:8px 10px}.photo-comparison{margin-bottom:16px}}

/* Zoom controls stay outside the movable photograph. */
.cutout-zoom{display:flex;align-items:center;gap:6px;margin:12px 0 0}
.cutout-zoom button{min-width:44px;min-height:44px;padding:8px 10px;border:1px solid #ded2ed;border-radius:9px;background:#fff;color:#643a9b;font-size:14px}
.cutout-zoom button:disabled{opacity:.45}
.cutout-zoom output{min-width:44px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;color:#675574}
#cutout-zoom-fit{margin-left:auto}
#cutout-zoom-hint{font-size:12px;line-height:1.5;color:#786a85;margin:8px 0 12px}
#cutout-edit-canvas[data-tool=pan]{cursor:grab}
#cutout-edit-canvas[data-moving=true]{cursor:grabbing}

/* Editing gets its own fitted view; the tools never scroll with the photograph. */
#adjust-photo{display:flex;align-items:center;gap:12px;min-height:72px;padding:14px 16px;margin:0 0 14px;text-align:left;border:1px solid #9866e6;background:#f0e6ff;color:#5425a1;box-shadow:0 3px 12px #7638d51a}
#adjust-photo[hidden]{display:none}#adjust-photo>span:first-of-type{flex:1}#adjust-photo svg{flex:none}#adjust-photo strong{display:block;font-size:16px;line-height:1.4}#adjust-photo small{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:inherit;font-weight:400}
#adjust-photo:hover{background:#e6d4ff}#adjust-photo:focus-visible{outline:3px solid #8550db;outline-offset:3px}
html[data-studio-theme=dark] #adjust-photo{background:#2d1b49;border-color:#9d70e8;color:#e3cfff;box-shadow:0 3px 16px #a477f526}
html[data-studio-theme=dark] #adjust-photo:hover{background:#3c245d}
body.editing-product-cutout{overflow:hidden;overscroll-behavior:none}
#photo-review-dialog.is-editing-cutout{position:fixed;inset:auto;top:calc(var(--cutout-viewport-top,0px) + 12px);left:calc(var(--cutout-viewport-left,0px) + var(--cutout-viewport-width,100vw)/2);transform:translateX(-50%);display:flex;flex-direction:column;width:min(960px,calc(var(--cutout-viewport-width,100vw) - 24px));height:min(900px,calc(var(--cutout-viewport-height,100dvh) - 24px));max-height:none;max-width:none;margin:0;padding:16px;overflow:hidden;overscroll-behavior:none;box-sizing:border-box}
#photo-review-dialog.is-editing-cutout::backdrop{background:var(--studio-bg,#faf8ff)}
#photo-review-dialog.is-editing-cutout>.profile-heading{flex:none;align-items:center;gap:12px;margin:0 0 10px;padding:0}
#photo-review-dialog.is-editing-cutout>.profile-heading>div{flex:1;min-width:0}
#photo-review-dialog.is-editing-cutout .profile-heading h2{font-size:22px;line-height:1.2;margin:0}
#photo-review-dialog.is-editing-cutout :is(.profile-heading p,.photo-comparison,#close-photo-review,#accept-photo,#photo-review-status,#photo-review-error){display:none}
#cutout-back{flex:none;min-height:44px;padding:8px 12px;font-size:14px}#cutout-back[hidden]{display:none}
#photo-review-dialog.is-editing-cutout #cutout-editor{display:flex;flex:1;flex-direction:column;gap:8px;min-height:0;padding:0;margin:0;border:0}
#cutout-editor>:not(.cutout-stage){flex:none}
.cutout-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;overflow:hidden;border:1px solid var(--studio-line,#e0d5ee);border-radius:10px;background:var(--studio-raised,#f6f2fb);touch-action:none;overscroll-behavior:none}
.cutout-stage #cutout-edit-canvas{max-width:none;margin:0;border-radius:0;flex:none}
#cutout-editor .cutout-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#cutout-editor .cutout-tools button{min-width:0;min-height:44px;padding:8px 6px}
#cutout-editor .cutout-brush{margin:0;gap:12px;min-height:28px;line-height:1.3}
#cutout-editor .cutout-brush input{flex:1;min-width:0;width:auto;margin:0;min-height:28px;padding:0}
#cutout-editor #cutout-edit-hint{min-height:36px;margin:0;font-size:12px;line-height:1.5}
#cutout-editor .cutout-zoom{margin:0}
#cutout-editor #cutout-zoom-hint{margin:0;font-size:12px;line-height:1.4}
#cutout-editor .cutout-edit-footer{margin:0;align-items:center;gap:8px}
#cutout-editor .cutout-edit-footer button{flex:1;min-width:0;width:auto;min-height:44px;padding:9px 8px;font-size:14px;line-height:1.3}
@media(max-width:700px){
 #photo-review-dialog.is-editing-cutout{top:var(--cutout-viewport-top,0px);width:var(--cutout-viewport-width,100vw);height:var(--cutout-viewport-height,100dvh);border:0;border-radius:0;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 #photo-review-dialog.is-editing-cutout .profile-heading h2{font-size:20px}
 #cutout-editor .cutout-tools button{font-size:13px}
}
@media(max-height:560px){
 #photo-review-dialog.is-editing-cutout #cutout-editor{gap:5px}
 #photo-review-dialog.is-editing-cutout>.profile-heading{margin-bottom:5px}
 #cutout-editor #cutout-edit-hint{min-height:0}
 #cutout-editor #cutout-zoom-hint{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}

/* Keep account verification beside the identity on desktop and below it on mobile. */
#home-products #verify-banner{grid-column:1/-1;grid-row:2;min-width:0;margin:0;padding:8px 12px;font-size:14px;line-height:1.5;background:var(--studio-soft);color:var(--studio-accent)}
#verify-banner .text-button{padding:0 2px;min-height:32px;white-space:nowrap}
#home-products #edit-account{grid-column:3;grid-row:1}
@media(min-width:1001px){
 #home-products>.account-identity:has(>#verify-banner:not([hidden])){grid-template-columns:38px minmax(140px,220px) minmax(0,1fr) auto}
 #home-products #verify-banner{grid-column:3;grid-row:1}
 #home-products>.account-identity:has(>#verify-banner:not([hidden]))>#edit-account{grid-column:4}
}

/* The Google iframe owns its palette. Match its light canvas scheme so its transparent margins stay transparent in dark mode. */
.google-auth iframe{color-scheme:light;background:transparent}

/* Upcoming agents share the home card layout without exposing unavailable actions. */
.no-plan-state:not([hidden])+#service-grid:not([hidden]){margin-top:18px}
.product-overview.outbound-overview{--studio-panel:#edf6ff;--studio-raised:#deedfc;--studio-line:#bdd7f4;--studio-text:#123a63;--studio-muted:#476b91;--studio-accent:#255e9a;--studio-action:#326aa3;--studio-action-hover:#326aa3;align-self:start;background:var(--studio-panel);border-color:var(--studio-line);color:var(--studio-text)}
.outbound-overview .product-name{color:var(--studio-accent)}
.product-overview.outbound-overview .service-status{background:var(--studio-raised);color:var(--studio-accent)}
.product-overview.outbound-overview .product-unavailable{color:var(--studio-muted)}
.product-overview.outbound-overview .product-actions .agent-coming-soon{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:58px;padding:14px 24px;border:1px solid transparent;border-radius:15px;font-size:18px;font-weight:800;letter-spacing:.1px;background:var(--studio-action);color:#fff;opacity:1;cursor:default}
@media(max-width:700px){.product-overview.outbound-overview .product-actions .agent-coming-soon{min-height:56px;padding:13px 20px}.outbound-overview .product-summary{gap:18px}}

/* Report one answer with a reviewable conversation and image. */
.chat-message.assistant .report-problem{margin-left:20px}
#problem-report-dialog{width:min(540px,calc(100% - 28px))}
#problem-report-dialog textarea{width:100%;min-height:132px;resize:vertical;box-sizing:border-box;border:1px solid #ded3ed;background:#fff;color:#33283f;border-radius:12px;padding:12px;font-size:16px;line-height:1.5}
#problem-report-dialog .report-disclosure{font-size:12px;line-height:1.6;color:#756680}
#problem-report-review{margin-top:6px;border:1px solid #e0d6ef;border-radius:12px;padding:0 12px}
#problem-report-review summary{font-size:13px;font-weight:650;cursor:pointer;padding:12px 0;min-height:44px}
#problem-report-content{font-size:13px;line-height:1.6;padding-bottom:12px;overflow-wrap:anywhere}
#problem-report-content dl{margin:0 0 14px}
#problem-report-content dt{font-weight:700}
#problem-report-content dd{margin:0 0 8px}
#problem-report-image{display:block;width:100%;max-height:200px;object-fit:contain;margin:10px 0}
#problem-report-image-note:empty{display:none}
#problem-report-transcript{max-height:240px;overflow:auto;overscroll-behavior:contain;margin-top:14px}
.report-transcript-message{padding:12px 8px;border-top:1px solid #e0d6ef}
.report-transcript-message p{white-space:pre-wrap;font-size:12px;line-height:1.6;margin:6px 0}
.report-transcript-message strong{font-size:11px}
.reported-answer{background:#f3edff;border-radius:9px}
.reported-answer>small{display:block;font-weight:700;color:#6938ef}

/* Compact account details on phones without shrinking the balance figures. */
.verify-label-mobile{display:none}
@media(max-width:700px){
 #home-products #verify-banner{display:flex;align-items:center;padding:0}
 #verify-banner .verify-description,#verify-banner .verify-label-desktop{display:none}
 #verify-banner .verify-label-mobile{display:inline;white-space:nowrap}
 #home-products #verify-open{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:0;min-height:44px;padding:12px;font-size:13px;line-height:20px;white-space:nowrap;text-align:left;border-radius:12px}
 .product-usage{padding-top:12px}
 .product-usage>header{gap:2px;margin-bottom:8px}
 .product-usage h4{line-height:20px}
 .product-usage label{gap:3px}
 .product-usage meter{margin:4px 0 3px;height:10px}
 .product-usage .usage-counters small{display:block;line-height:1.4}
}

/* Recover 22px above the mobile balance using spacing alone. */
@media(max-width:700px){
 #home-products>.account-identity{margin-bottom:16px}
 #home-products .home-intro{margin-bottom:14px}
 #home-products .product-overview[data-product="social-media-agent"]{padding-top:18px;gap:16px}
 #home-products .product-overview[data-product="social-media-agent"] .product-summary{row-gap:12px}
}

/* Keep reporting attached to the delivered artwork, below its image and captions. */
.chat-message.assistant:has(.generated-image)>.report-problem{display:inline-flex;align-items:center;min-height:44px;margin-left:0;padding:8px 0;font-size:13px}

/* Compact delivery actions and paragraph spacing without changing copied text. */
.image-response-actions{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 0;max-width:100%}
.chat-message.assistant .image-response-actions .report-problem{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:6px;font-size:12px;white-space:nowrap}
.image-response-actions .copy-caption{min-height:44px;margin:0;padding:6px 8px;font-size:12px;white-space:nowrap}
@media(max-width:700px){
 .chat-message.assistant:has(.generated-image){padding-bottom:8px;margin-bottom:14px}
 .chat-message.assistant .post-delivery p{white-space:normal;line-height:1.55;margin-bottom:8px}
 .post-delivery .delivery-paragraph{display:block;white-space:pre-wrap;margin-bottom:8px}
 .post-delivery .delivery-paragraph:last-child{margin-bottom:0}
 .post-delivery h3{margin:14px 0 6px}
 .image-response-actions{justify-content:space-between;gap:4px}
}

.usage-counters meter::-moz-meter-bar{background:#22c55e;border-radius:8px}

.topup-option .plan-price small{display:block}

/* Compact, continuous list of offers. */
.product-plan-card .plan-option{padding-block:11px;gap:16px}
.product-plan-card .plan-volume{line-height:1.45;margin:0}
@media(min-width:1101px){.product-plan-card:only-child .plan-option-info{gap:20px}.product-plan-card:only-child .plan-option h4{flex:0 0 144px;min-width:144px}}
@media(max-width:700px){.product-plan-card .plan-option{padding-block:10px;gap:10px}.product-plan-card .plan-volume{font-size:13px;line-height:1.4}.product-plan-card .plan-option h4{font-size:15px;margin-bottom:4px}.product-plan-card .plan-option-choice{gap:6px}}

/* One compact divider between plan rules and the footer. */
#plans-section:not([hidden])+.home-footer{margin-top:16px;padding-top:16px}

/* Keep the account email stable while the agent loads and the account refreshes. */
#account-email>a{color:inherit;text-decoration:underline;text-underline-offset:3px}

#outbound-workspace{position:relative;flex:1;min-height:0;overflow:hidden;width:100%}#outbound-workspace[hidden]{display:none!important}

/* Shared account shortcut and aligned product comparison. */
.plans-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.plans-heading h2{margin:0}
.plans-accounts-entry{display:inline-flex;align-items:center;min-height:36px;padding:7px 13px;border:1px solid var(--studio-line,#ddd0ed);border-radius:10px;background:var(--studio-soft,#f4effb);color:var(--studio-accent,#7544af);font-size:14px;font-weight:650;text-decoration:none}
.plans-accounts-entry:hover{filter:brightness(1.12)}
@media(min-width:900px){
 .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;row-gap:0}
 .product-plan-card{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:0}
 .product-plan-card .product-plan-heading{grid-row:1}
 .product-plan-card .topup-option{grid-row:2}
 .product-plan-card .plan-options{display:contents}
 .product-plan-card .plan-options>.plan-option:nth-child(1){grid-row:3}
 .product-plan-card .plan-options>.plan-option:nth-child(2){grid-row:4}
 .product-plan-card .plan-options>.plan-option:nth-child(3){grid-row:5}
 .product-plan-card .plan-feedback{grid-row:6}
}

#insights-workspace{position:relative;flex:1;min-height:0;height:100%;overflow:hidden}

/* Keep the choice legible after selection and while its response is running. */
#agent-workspace .idea-decision button{background:#f1eff4;border:1px solid #d3ccd9;color:#4a4353;opacity:1}
#agent-workspace .idea-decision button :is(strong,span,small){color:inherit}
#agent-workspace .idea-decision button:not(:disabled):hover{background:#e8e3ed;border-color:#9d85b8}
#agent-workspace .idea-decision button.is-selected{background:#452277;border:2px solid #a174e2;color:#fff;box-shadow:inset 0 0 0 1px #ffffff12}
html[data-studio-theme=dark] #agent-workspace .idea-decision button{background:#232129;border-color:#49424f;color:#ddd8e3}
html[data-studio-theme=dark] #agent-workspace .idea-decision button:not(:disabled):hover{background:#2d2835;border-color:#83669f}
html[data-studio-theme=dark] #agent-workspace .idea-decision button.is-selected{background:#25103e;border-color:#ae80ee;color:#fff}
#agent-workspace .generated-image{box-sizing:border-box;border:3px solid #8550cc;border-radius:12px}
#agent-workspace .image-delivery-visual{background:#8550cc;padding:3px}
#agent-workspace .image-delivery-visual .generated-image{border:0;border-radius:9px}

/* Compare the three agents together on wide screens. */
@media(min-width:1200px){
 .plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .product-plan-card:not(:only-child) .plan-option-choice{grid-template-columns:112px}
 .product-plan-card .plan-option{padding-inline:16px;gap:12px}
 .product-plan-heading{padding-inline:16px}
}
@media(min-width:900px) and (max-width:1199px){.product-plan-card:nth-child(3){margin-top:18px}}

.insights-usage .usage-counters>div:only-child{grid-column:1/-1}

/* Visitors browse the same plans without rendering account controls. */
body.public-plans{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
.public-plans .dashboard{position:absolute;top:var(--app-top,0px);left:0;height:var(--app-height,100dvh)}
.public-plans #logout,.public-plans #accounts-nav,.public-plans .test-tag{display:none!important}
#guest-plans-header{display:none;flex:none}
.public-plans #guest-plans-header{display:flex}
.public-plans .studio-account-header{display:none}
.purchase-context{padding:14px;border:1px solid var(--studio-line,#ded8e6);border-radius:12px;line-height:1.65;color:var(--studio-text,#26212e)}

.registration-bonuses{display:grid;gap:12px;margin:16px 0 24px;padding-left:20px;list-style:disc;color:var(--studio-muted);font-size:13px;line-height:1.6}
.registration-bonuses li{padding-left:3px}.registration-bonuses li::marker{color:var(--studio-accent)}.registration-bonuses strong{display:block;font-size:14px;color:var(--studio-text);font-weight:750}.registration-bonuses span{display:block}

/* Agent-specific shortcuts stay together; narrow cards use a second action row. */
#service-grid .service-card-top{flex-wrap:wrap;row-gap:12px}
#service-grid .service-card-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;min-width:0;flex-wrap:wrap}
#service-grid .service-card-tools .service-card-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--studio-line);border-radius:10px;background:transparent;color:var(--studio-accent);font-family:inherit;font-size:13px;font-weight:700;line-height:1.3;min-height:44px;padding:10px 13px;white-space:nowrap;cursor:pointer}
#service-grid .service-card-tools .service-card-link:hover{background:var(--studio-raised);border-color:var(--studio-accent)}
#service-grid .service-card-tools .service-card-link:focus-visible{outline:none;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){
 #service-grid .service-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 8px}
 #service-grid .service-card-tools{display:contents}
 #service-grid .service-card-top .product-name{grid-column:1 / 3;grid-row:1}
 #service-grid .service-card-tools .service-status{grid-column:3;grid-row:1;justify-self:end;font-size:11px}
 #service-grid .service-card-tools .service-card-link{grid-row:2;padding:9px 10px;font-size:12px}
 #service-grid .service-card-tools .service-card-link:first-child{grid-column:1}
 #service-grid .service-card-tools .service-card-link:nth-child(2){grid-column:2 / 4}
}

/* Only while a user edits the Insights context with the mobile keyboard open. */
body.insights-context-editing #dashboard>.topbar{height:44px;min-height:44px;max-height:44px;padding:4px 12px;display:flex;flex-wrap:nowrap;gap:10px}
body.insights-context-editing #dashboard>.topbar :is(.account-nav,#tutorial-open,#accounts-nav,.brand small){display:none!important}
body.insights-context-editing #dashboard>.topbar .brand{font-size:18px}
body.insights-context-editing #dashboard>.topbar .brand-mark{width:28px;height:28px;font-size:21px}
body.insights-context-editing #dashboard>.topbar :is(#logout,.theme-toggle){min-height:34px;height:34px;padding:5px 10px;font-size:12px}