.cc-b-dialog { --cc-ink:#4c3b31; --cc-green:#78956f; margin:0; padding:0; position:fixed; top:auto; right:auto; max-width:none; max-height:min(76dvh,680px); border:0; border-radius:22px 22px 0 0; color:var(--cc-ink); background:#fffaf5; box-shadow:0 -8px 36px #4c3b3120; overflow:auto; overscroll-behavior:contain; }
.cc-b-dialog::backdrop { background:#4c3b3130; }
#appearanceScreen.cc-b-screen { display:block; position:relative; inset:auto; width:100%; height:auto; min-height:0; padding:0 18px max(14px,env(safe-area-inset-bottom)); overflow:visible; opacity:1; transform:none; background:#fffaf5; }
.cc-b-screen .appearance-photo,.cc-b-screen .recognition-pill,.cc-b-screen .creation-steps,.cc-b-screen .photo-first-note,.cc-b-screen #appearanceTitle,.cc-b-screen #appearanceDescription,.cc-b-screen .generation-note { display:none!important; }
.cc-b-screen .appearance-topbar { position:sticky!important; inset:auto!important; top:0!important; z-index:2; display:grid; grid-template-columns:32px 1fr 32px; align-items:center; min-height:62px; margin:0 -18px 4px; padding:10px 16px 4px!important; color:#4c3b31; background:#fffaf5; }
.cc-b-screen .appearance-topbar::before { content:''; position:absolute; top:7px; left:calc(50% - 17px); width:34px; height:4px; border-radius:9px; background:#dccfbe; }
.cc-b-screen .appearance-topbar > span { visibility:visible!important; font-size:17px; line-height:1.3; font-weight:650; text-align:left; }
.cc-b-screen .appearance-topbar .glass-button { width:32px; height:44px; background:transparent; box-shadow:none; border:0; color:#4c3b31; }
.cc-b-screen .appearance-topbar .glass-button svg { width:20px; height:20px; }
.cc-b-screen:not([data-cc-mode="pets"]) #backFromAppearance { visibility:hidden; }
.cc-b-screen:not([data-cc-mode="pets"]) .appearance-topbar { grid-template-columns:1fr 32px; }
.cc-b-screen:not([data-cc-mode="pets"]) #backFromAppearance { display:none; }
.cc-b-count { display:none; grid-column:2; font-size:12px; padding-bottom:5px; color:#8f7b6b; }
.cc-b-screen .appearance-sheet,.cc-b-screen .generation-panel,.cc-b-screen .generation-result { position:static!important; display:block; width:100%; margin:0!important; padding:0!important; background:transparent!important; border:0; border-radius:0; box-shadow:none; overflow:visible; min-height:0!important; }
.cc-b-screen [hidden] { display:none!important; }
.cc-b-screen .appearance-sheet { display:grid; grid-template-columns:1fr 1fr; column-gap:10px; row-gap:12px; }
.cc-b-screen .appearance-sheet--minimal:not([hidden]) { display:grid!important; }
.cc-b-screen fieldset { margin:0!important; padding:0; border:0; min-width:0; }
.cc-b-screen fieldset legend { font-size:12px; line-height:1.4; color:#8f7b6b; margin:0 0 6px; }
.cc-b-screen .co-create-pet-picker legend { font-size:12px; font-weight:400; color:#8f7b6b; }
.cc-b-screen .co-create-pet-picker,.cc-b-screen .photo-rights-consent,.cc-b-screen #generateAppearanceButton { grid-column:1 / -1; }
.cc-b-screen .compact-choice-picker:not([hidden]) { display:block!important; }
.cc-b-screen .co-create-pet-picker > small,.cc-b-screen .pet-choice-dropdown > summary,.cc-b-screen .choice-dropdown-hint { display:none!important; }
.cc-b-screen .pet-choice-dropdown { display:flex!important; align-items:flex-start; gap:10px; }
.cc-b-screen .cc-b-pet-row { display:flex; align-items:flex-start; gap:12px; width:100%; }
.cc-b-screen .cc-b-pet-row .co-create-pet-options { flex:0 1 auto; width:auto!important; max-width:calc(100% - 70px); }
.cc-b-screen[data-cc-mode="pets"] .cc-b-pet-row { display:block; }
.cc-b-screen[data-cc-mode="pets"] .cc-b-pet-row .co-create-pet-options { width:100%!important; max-width:100%; }
.cc-b-screen .co-create-pet-options { display:flex!important; gap:12px; max-height:none!important; overflow-x:auto; overflow-y:hidden; margin:0; padding:2px 0; }
.cc-b-screen .co-create-pet-option { position:relative; display:flex!important; flex:0 0 58px; flex-direction:column; align-items:center; gap:3px; width:58px; padding:0!important; border:0!important; background:transparent!important; box-shadow:none; color:#4c3b31; }
.cc-b-screen:not([data-cc-mode="pets"]) .co-create-pet-option:not(.is-selected):not(:nth-child(2)) { display:none!important; }
.cc-b-screen .co-create-pet-option input { position:absolute; top:36px; right:0; z-index:1; width:16px; height:16px; margin:0; accent-color:var(--cc-green); opacity:1; }
.cc-b-screen .co-create-pet-option input { clip:auto; clip-path:none; overflow:visible; pointer-events:auto; appearance:auto; transform:none; }
.cc-b-screen .co-create-pet-option input { appearance:none; border:1.5px solid #b9b4a8; border-radius:50%; background:#fffaf5; }
.cc-b-screen .co-create-pet-option input:checked { background:var(--cc-green); border-color:var(--cc-green); }
.cc-b-screen .co-create-pet-option input:checked::before { content:'✓'; display:block; color:#fff; font-size:11px; font-weight:700; line-height:13px; text-align:center; }
.cc-b-screen .co-create-pet-option input:focus-visible { outline:2px solid var(--cc-green); outline-offset:3px; }
.cc-b-screen .co-create-pet-option__avatar { width:52px!important; height:52px!important; border:2px solid transparent; border-radius:50%; overflow:hidden; background:#f1e8dc; }
.cc-b-screen .co-create-pet-option__avatar img { width:100%; height:100%; object-fit:cover; }
.cc-b-screen .co-create-pet-option.is-selected .co-create-pet-option__avatar { border-color:var(--cc-green)!important; box-shadow:0 0 0 2px #78956f20; }
.cc-b-screen .co-create-pet-option strong { display:block; max-width:58px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px!important; text-align:center; font-weight:500; }
.cc-b-screen .co-create-pet-option small { display:none; }
.cc-b-more { display:flex; flex:0 0 58px; flex-direction:column; align-items:center; gap:5px; padding:2px 0; border:0; background:transparent; color:#4c3b31; }
.cc-b-more > span { display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:#f1e8dc; font-size:28px; line-height:1; }
.cc-b-more small { font-size:11px; }
.cc-b-screen .choice-dropdown-control { display:block; min-width:0; }
.cc-b-screen .choice-dropdown-preview { display:none!important; }
.cc-b-screen .choice-dropdown { width:100%; min-width:0; height:44px; min-height:44px!important; border:1px solid #e8dccd; border-radius:13px!important; background:#fbf6ee; font-size:13px; color:#4c3b31; padding:0 28px 0 10px; }
.cc-b-screen .photo-rights-consent { display:flex; align-items:flex-start; gap:7px; margin:0; font-size:11px; line-height:1.5; color:#8f7b6b; }
.cc-b-screen .photo-rights-consent { border:0; background:none; padding:0; border-radius:0; }
.cc-b-screen .photo-rights-consent input { flex:none; width:17px; height:17px; margin:0; accent-color:var(--cc-green); }
.cc-b-screen .invite-button,.cc-b-pet-confirm { min-height:46px; width:100%; margin:0!important; border:0; border-radius:14px; background:var(--cc-green)!important; color:white; font-size:15px; font-weight:600; box-shadow:none!important; }
.cc-b-screen .invite-button:disabled { background:#aebaa4!important; }
.cc-b-screen .invite-button > span,.cc-b-screen .invite-button > svg { color:inherit!important; }
.cc-b-screen #generateAppearanceButton { position:sticky; bottom:0; z-index:2; }
.cc-b-screen .result-actions { position:sticky; bottom:0; display:block; padding:10px 0 0; margin:0; background:#fffaf5; }
.cc-b-screen #finishAppearanceButton,.cc-b-screen .result-copy,.cc-b-screen .generation-preview-button,.cc-b-screen .generation-loading { display:none!important; }
.cc-b-screen #generationMedia { display:flex; align-items:center; gap:12px; width:100%; height:auto; min-height:0; padding:0; margin:0 0 12px; background:transparent!important; }
.cc-b-screen #generationMedia > img { width:54px; height:54px; flex:none; object-fit:contain; border-radius:9px; }
.cc-b-screen .generation-result > fieldset { margin-top:12px!important; }
.cc-b-credit { display:block; margin:10px 0 0; color:#8f7b6b; font-size:11px; text-align:center; }
.cc-b-screen:not([data-cc-mode="video"]) .cc-b-credit { display:none; }
.cc-b-source-label { font-size:13px; color:#4c3b31; }
.cc-b-pet-confirm { display:none; margin-top:14px!important; }
.cc-b-screen[data-cc-mode="pets"] .cc-b-count,.cc-b-screen[data-cc-mode="pets"] .cc-b-pet-confirm { display:block; }
.cc-b-screen[data-cc-mode="pets"] .co-create-pet-picker legend,.cc-b-screen[data-cc-mode="pets"] .cc-b-more { display:none!important; }
.cc-b-screen[data-cc-mode="pets"] .co-create-pet-options { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; max-height:42dvh!important; overflow-y:auto; gap:14px; }
.cc-b-screen[data-cc-mode="pets"] .pet-choice-dropdown { display:block!important; }
.cc-b-screen[data-cc-mode="pets"] .co-create-pet-option { justify-self:center; }
.cc-b-screen[data-cc-mode="pets"] .co-create-pet-option input:disabled ~ span small { display:block; font-size:9px; color:#8f7b6b; }
.cc-b-screen[data-cc-mode="pets"] .co-create-action-picker,.cc-b-screen[data-cc-mode="pets"] .image-style-picker,.cc-b-screen[data-cc-mode="pets"] .photo-rights-consent,.cc-b-screen[data-cc-mode="pets"] #generateAppearanceButton,.cc-b-screen[data-cc-mode="pets"] .result-actions,.cc-b-screen[data-cc-mode="pets"] #generationMedia { display:none!important; }
.cc-b-task { display:flex; gap:8px; align-items:flex-start; margin:10px 0 16px; max-width:100%; }
.cc-b-task-avatar { width:30px; height:30px; border-radius:50%; object-fit:cover; flex:none; }
.cc-b-task-body { padding:13px 14px; border-radius:14px; background:#fffaf5; border:1px solid #ecdfd1; min-width:0; max-width:calc(100% - 38px); }
.cc-b-task-body strong { display:flex; align-items:center; gap:8px; font-size:13px; line-height:1.4; color:#4c3b31; }
.cc-b-task-body small { display:block; margin-top:6px; font-size:11px; color:#8f7b6b; line-height:1.4; }
.cc-b-spinner { width:19px; height:19px; flex:none; border:2px solid #e4d4c2; border-top-color:#78956f; border-radius:50%; animation:cc-b-spin 1.2s linear infinite; }
.cc-b-progress { margin-top:10px; height:5px; border-radius:5px; background:#e9ddd0; overflow:hidden; }
.cc-b-progress::after { content:''; display:block; width:40%; height:100%; border-radius:5px; background:#78956f; animation:cc-b-progress 2s ease-in-out infinite alternate; }
.cc-b-task-actions { display:flex; gap:8px; margin-top:10px; }
.cc-b-task-actions button { min-height:44px; padding:8px 14px; border:0; border-radius:11px; color:#4c3b31; background:#f0e6da; font-size:12px; }
.cc-b-task-actions button:first-child:not(:only-child) { color:#fff; background:#78956f; }
.message-result-card { position:relative; }
.cc-b-result-menu { position:absolute; top:8px; right:8px; z-index:1; }
.cc-b-result-menu > summary { list-style:none; display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:#fffaf5eb; color:#4c3b31; cursor:pointer; font-size:21px; }
.cc-b-result-menu > summary::-webkit-details-marker { display:none; }
.cc-b-result-menu button { display:block; position:absolute; right:0; top:42px; white-space:nowrap; min-height:44px; border:1px solid #e4d4c2; border-radius:10px; padding:8px 14px; background:#fffaf5; color:#4c3b31; box-shadow:0 5px 20px #4c3b3115; }
.message-result-card__copy > strong { display:none; }
.message-result-card__copy { padding:7px 9px; }
.message-result-card__actions button.is-primary-action { background:#78956f; border-color:#78956f; color:white; }
.message-result-card__reference { padding:7px!important; margin-top:5px!important; }
.message-result-card__reference-copy > small { display:none; }
.message-result-card__reference-copy > b { font-size:11px; font-weight:400; }
.message-result-card__reference img { width:28px!important; height:28px!important; }
.message--photo .message-photo { max-width:150px; width:auto; }
.message--photo .message-photo img { width:auto; max-width:150px; height:auto; max-height:180px; object-fit:contain; }
.cc-b-result-media > img,.cc-b-result-media > video { display:block; width:auto; max-width:100%; max-height:32dvh; height:auto; aspect-ratio:auto; object-fit:contain; margin-inline:auto; }
.message-result-card { display:flex; flex-direction:column; }
.message-result-card__copy { display:contents; }
.message-result-card .ai-generated-label { order:2; }
.message-result-card__actions { order:3; }
.message-result-card__reference { order:4; }
.payments-sheet--co-create { position:fixed; inset:auto auto 0 50%; transform:translateX(-50%); width:min(100%,448px); max-height:76dvh; margin:0; padding:18px; border:0; border-radius:22px 22px 0 0; background:#fffaf5; color:#4c3b31; }
.payments-sheet--co-create::backdrop { background:#4c3b3130; backdrop-filter:none; }
.payments-sheet--co-create > header { margin-bottom:8px; }
.payments-sheet--co-create > header h2 { font-size:19px; }
.payments-sheet--co-create .pay-title-paw,.payments-sheet--co-create .pay-balance,.payments-sheet--co-create .pay-catalog-seal,.payments-sheet--co-create .pay-help,.payments-sheet--co-create .pay-history { display:none; }
.payments-sheet--co-create .cc-b-pay-intro { font-size:12px; color:#8f7b6b; margin:0 0 14px; }
.payments-sheet--co-create .pay-products { display:block; }
.payments-sheet--co-create .pay-text-back,.payments-sheet--co-create .pay-continuation,.payments-sheet--co-create [data-pay-content] > .pay-note,.payments-sheet--co-create .pay-receipt-details { display:none!important; }
.payments-sheet--co-create .pay-product { display:grid; grid-template-columns:1fr; gap:12px; margin:0; padding:16px; background:#fbf6ee; border:1px solid #e8dccd; border-radius:16px; }
.payments-sheet--co-create .pay-product__main,.payments-sheet--co-create .pay-product__side { display:contents; }
.payments-sheet--co-create .pay-product__art,.payments-sheet--co-create .pay-product__recommend,.payments-sheet--co-create .pay-product__badge,.payments-sheet--co-create .pay-price-meta { display:none!important; }
.payments-sheet--co-create .pay-product__heading { grid-row:1; }
.payments-sheet--co-create .pay-product__heading h3 { font-size:17px; color:#4c3b31; }
.payments-sheet--co-create .pay-price { grid-row:2; text-align:left; }
.payments-sheet--co-create .pay-price-block { grid-row:2; text-align:left; align-items:flex-start; }
.payments-sheet--co-create .pay-price-current { color:#4c3b31; font-size:30px; }
.payments-sheet--co-create .pay-product__benefits { grid-row:3; }
.payments-sheet--co-create .pay-benefits-values { display:flex; flex-wrap:wrap; gap:6px 10px; }
.payments-sheet--co-create .pay-benefit-line b { font-size:22px; color:#78956f; }
.payments-sheet--co-create .pay-benefit-line span { font-size:12px; color:#8f7b6b; }
.payments-sheet--co-create .pay-product button { grid-row:4; grid-column:1; width:100%; min-height:46px; }
.payments-sheet--co-create-success > header h2,.payments-sheet--co-create [data-success-benefits] { display:none!important; }
.payments-sheet--co-create .pay-success { margin:0; padding:4px 0 12px; background:transparent; border:0; }
.payments-sheet--co-create .pay-success__mark { display:block; width:160px; height:90px; margin:0 auto 10px; border:0; border-radius:0; background:none; box-shadow:none; }
.payments-sheet--co-create .pay-success__mark img { width:100%; height:100%; object-fit:contain; border:0; }
.payments-sheet--co-create .pay-success h3 { font-size:24px; color:#4c3b31; }
.payments-sheet--co-create .pay-success__award { margin:14px 0; }
.payments-sheet--co-create .pay-success__award b { color:#78956f; }
.payments-sheet--co-create .pay-finish { min-height:46px; border-radius:14px; background:#78956f; color:#fff; }
.payments-sheet--co-create .cc-b-pay-later { display:block; width:100%; margin-top:7px; min-height:44px; background:transparent; color:#8f7b6b; border:0; }
@media (min-width:700px) { .payments-sheet--co-create { width:390px; } }
@keyframes cc-b-spin { to { transform:rotate(360deg); } }
@keyframes cc-b-progress { from { transform:translateX(0); } to { transform:translateX(150%); } }
@media (prefers-reduced-motion:reduce) { .cc-b-spinner,.cc-b-progress::after { animation:none; } }
@media (max-height:480px) { .cc-b-dialog { max-height:94dvh; } .cc-b-screen .appearance-topbar { min-height:48px; } .cc-b-screen .co-create-pet-option__avatar,.cc-b-more > span { width:42px!important; height:42px!important; } }
@media (max-height:480px) { .payments-sheet--co-create { max-height:94dvh; padding:10px 18px; } .payments-sheet--co-create-success > header { margin:0; } .payments-sheet--co-create-success .pay-success { padding:0; } .payments-sheet--co-create-success .pay-success__mark,.payments-sheet--co-create-success .pay-success__note { display:none; } .payments-sheet--co-create-success .pay-success h3 { margin:4px 0; font-size:20px; } .payments-sheet--co-create-success .pay-success__award { margin:6px 0; } }

/* B prototype proportions. Keep the real composer actions and original media ratio. */
#chatScreen.is-active,#chatScreen .chat-messages { background:#f7f0e7; }
#chatScreen .chat-topbar { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:8px; flex:0 0 66px; min-height:66px; padding:5px 12px; background:#faf5ee; }
#chatScreen .chat-identity { justify-self:start; gap:10px; }
#chatScreen .chat-avatar { width:42px; height:42px; flex-basis:42px; border:0; }
#chatScreen .chat-avatar img,#chatScreen .message-avatar img { transform:none; object-position:center; }
#chatScreen .chat-identity strong { font-size:16px; }
#chatScreen .chat-identity small { font-size:11px; line-height:1.4; }
#chatScreen .chat-date { display:none; }
#chatScreen .chat-messages { padding:16px 14px; }
#chatScreen .chat-composer { padding:8px 10px; min-height:62px; gap:6px; background:#faf5ee; }
#chatScreen .composer-input { border:0; border-radius:24px; background:#efe6dc; }
#chatScreen .composer-photo,#chatScreen .composer-album,#chatScreen .send-button { width:40px; height:44px; flex:0 0 40px; border-radius:50%; }
#chatScreen .ai-note { margin:0; padding:0 8px 5px; background:#faf5ee; }
.message--photo { position:relative; padding-right:46px; }
.message--photo .message-time { width:150px; text-align:left; align-self:flex-end; color:#947f70; }
.cc-b-user-avatar { position:absolute; right:0; top:22px; display:grid; place-items:center; width:36px; height:36px; overflow:hidden; border-radius:50%; color:#947f70; background:#eadbcd; }
.cc-b-user-avatar img { width:100%; height:100%; object-fit:cover; }
.cc-b-user-avatar svg { width:22px; height:22px; }
.cc-b-screen fieldset legend { font-size:14px; margin-bottom:8px; }
.cc-b-screen .co-create-pet-picker legend { font-size:14px; }
.cc-b-screen .co-create-pet-option { flex-basis:70px; width:70px; gap:4px; }
.cc-b-screen .co-create-pet-option__avatar { width:66px!important; height:66px!important; }
.cc-b-screen .co-create-pet-option input { top:48px; right:2px; width:19px; height:19px; }
.cc-b-screen .co-create-pet-option input:checked::before { font-size:13px; line-height:16px; }
.cc-b-screen .co-create-pet-option strong { max-width:70px; font-size:13px!important; }
.cc-b-screen .co-create-pet-option input:disabled ~ span small { display:inline-block; margin-top:2px; padding:2px 7px; border-radius:10px; font-size:10px; color:#816b59; background:#efe2d3; }
.cc-b-more { flex-basis:70px; gap:6px; }
.cc-b-more > span { width:66px; height:66px; }
.cc-b-more small { font-size:13px; }
.cc-b-screen .cc-b-pet-row { gap:14px; }
.cc-b-screen .choice-dropdown { font-size:14px; border-radius:16px!important; }
.cc-b-screen .photo-rights-consent { font-size:12px; }
.cc-b-screen .invite-button,.cc-b-pet-confirm { border-radius:24px; }
.cc-b-screen[data-cc-mode="pets"] .co-create-pet-options { gap:20px 12px; }
.cc-b-screen[data-cc-mode="pets"] .co-create-pet-option input:disabled ~ span small { font-size:10px; }
.cc-b-task { gap:8px; }
.cc-b-task-avatar { width:38px; height:38px; margin-top:21px; }
.cc-b-task-content { flex:1; min-width:0; }
.cc-b-task-time { display:block; margin:0 0 5px; color:#947f70; font-size:11px; }
.cc-b-task-body { width:100%; max-width:none; padding:15px; border:0; border-radius:16px; background:#fffaf5; }
.cc-b-task-body strong { font-size:15px; }
.cc-b-task-body strong { font-size:16px; }
.cc-b-task-body small { font-size:13px; }
.cc-b-task[data-cc-state="failed"] .cc-b-task-body strong::before { content:'!'; display:grid; place-items:center; width:23px; height:23px; flex:none; border-radius:50%; color:#fff; background:#cf7c6b; }
.cc-b-task-actions button { flex:1; font-size:13px; }
.cc-b-task-body .cc-b-refund { display:inline-block; padding:3px 10px; background:#efe2d3; border-radius:20px; }
.message-result-card { width:calc(100% - 46px); max-width:330px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.cc-b-result-media { position:relative; max-width:100%; border-radius:14px; overflow:hidden; background:#efe6dc; }
.cc-b-result-media .ai-generated-label { position:absolute; left:8px; bottom:8px; padding:3px 6px; border-radius:6px; color:#fff; background:#4c3b3170; font-size:10px; }
.message-result-card__actions { display:flex; gap:6px; margin:10px 0 0; padding:0; border:0; }
.message-result-card__actions button { flex:1; min-height:44px; border:1px solid #e8dccd; border-radius:10px; padding:6px; font-size:12px; background:#f2e8dc; }
.message-result-card__actions button.is-primary-action { flex:1.3; }
.message-result-card__actions button svg { width:16px; height:16px; }
.message-result-card__reference { border:0; background:transparent; margin-top:7px!important; }
.message-result-card__reference img { width:36px!important; height:36px!important; }
.message-result-card__reference-copy > b { font-size:12px; }
.cc-b-result-menu { top:24px; }
.cc-b-result-menu > summary { width:44px; height:44px; }
.payments-sheet--co-create::before { content:''; position:absolute; top:9px; left:calc(50% - 17px); width:34px; height:4px; border-radius:8px; background:#dccfbe; }
.payments-sheet--co-create > header { position:relative; min-height:52px; padding:8px 44px 0; justify-content:center; }
.payments-sheet--co-create > header h2 { margin:0; text-align:center; font-size:18px; }
.payments-sheet--co-create .pay-close { position:absolute; left:0; top:4px; }
.payments-sheet--co-create .pay-product { position:relative; border:2px solid #78956f!important; padding:18px; background:#fffaf5; box-shadow:none; }
.payments-sheet--co-create .pay-product::before,.payments-sheet--co-create .pay-product::after { display:none; }
.payments-sheet--co-create .pay-product__benefits { margin:8px 0 0; font-size:13px; line-height:1.6; color:#4c3b31; }
.payments-sheet--co-create .pay-product__benefits b { font-size:14px; font-weight:600; }
.cc-b-pay-selected { position:absolute; top:18px; right:16px; width:18px; height:18px; border:2px solid #78956f; border-radius:50%; }
.cc-b-pay-selected::after { content:''; position:absolute; inset:3px; background:#78956f; border-radius:50%; }
.payments-sheet--co-create .cc-b-pay-primary { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:48px; margin:16px 0 0; border-radius:24px; background:#07c160; color:#fff; font-size:15px; }
.cc-b-pay-primary svg { width:25px; height:24px; fill:currentColor; stroke:none; }
.payments-sheet--co-create .pay-success__mark { width:215px; height:165px; margin-bottom:8px; }
.payments-sheet--co-create-success { min-height:min(76dvh,630px); }
.payments-sheet--co-create-success[open] { display:flex; flex-direction:column; }
.payments-sheet--co-create-success > header { flex:none; }
.payments-sheet--co-create-success [data-pay-content] { flex:1; display:flex; flex-direction:column; min-height:0; }
.payments-sheet--co-create-success [data-pay-code] { flex:1; display:flex; flex-direction:column; }
.payments-sheet--co-create-success > [role="status"]:empty { display:none; }
.payments-sheet--co-create .pay-success h3 { font-size:26px; }
.payments-sheet--co-create .pay-success > p:not([class]) { margin:8px 0 16px; color:#816b59; font-size:13px; line-height:1.5; }
.payments-sheet--co-create .pay-success__award { display:none; }
.cc-b-pay-context { display:flex; gap:12px; align-items:center; padding:12px; border:1px solid #eddfd1; border-radius:16px; background:#fffaf5; text-align:left; }
.cc-b-pay-context img { width:78px; height:78px; flex:none; border-radius:9px; object-fit:contain; }
.cc-b-pay-context span { min-width:0; }
.cc-b-pay-context strong,.cc-b-pay-context small { display:block; }
.cc-b-pay-context strong { font-size:14px; color:#4c3b31; }
.cc-b-pay-context small { margin-top:5px; font-size:12px; line-height:1.4; color:#947f70; }
.cc-b-pay-actions { position:sticky; bottom:0; margin-top:auto; padding-top:8px; background:#fffaf5; }
.payments-sheet--co-create .cc-b-pay-later { border-radius:14px; background:#f1e7dc; color:#816b59; }
@media (max-width:340px) { .cc-b-screen .photo-rights-consent { font-size:11px; } .message-result-card__actions button { font-size:11px; } .cc-b-task-body { padding:12px; } .cc-b-task-body strong { font-size:14px; } }
@media (max-height:600px) { .payments-sheet--co-create .pay-success__mark { width:145px; height:80px; } }
@media (max-height:480px) { .cc-b-screen .co-create-pet-option input { top:29px; right:10px; } .payments-sheet--co-create-success .pay-success__mark { display:none; } .cc-b-pay-context { padding:8px; } .cc-b-pay-context img { width:42px; height:42px; } .cc-b-pay-context small { font-size:11px; } .payments-sheet--co-create > header { min-height:44px; } }
.cc-b-attachments { position:relative; flex:none; }
.cc-b-attachments-toggle { display:grid; place-items:center; width:44px; height:44px; border:1px solid #decfbd; border-radius:50%; background:#fffaf5; color:#4c3b31; font-size:28px; }
.cc-b-attachments-menu { position:absolute; bottom:calc(100% + 10px); left:0; z-index:5; width:210px; padding:6px; border:1px solid #e8dccd; border-radius:16px; background:#fffaf5; box-shadow:0 5px 24px #4c3b3120; }
.cc-b-attachments-menu[hidden] { display:none; }
#chatScreen .cc-b-attachments-menu .composer-photo,#chatScreen .cc-b-attachments-menu .composer-album { display:flex!important; align-items:center; justify-content:flex-start; gap:12px; width:100%; min-height:44px; padding:8px 12px; border-radius:10px; font-size:14px; background:transparent; }
.cc-b-attachments-menu :is(label,button):hover { background:#f1e7dc!important; }
.cc-b-attachments-menu :focus-visible,.cc-b-attachments-toggle:focus-visible { outline:2px solid #78956f; outline-offset:2px; }
.cc-b-screen .appearance-topbar { grid-template-columns:44px minmax(0,1fr) 44px; }
.cc-b-screen:not([data-cc-mode="pets"]) .appearance-topbar { grid-template-columns:minmax(0,1fr) 44px; }
.cc-b-screen .appearance-topbar .glass-button { width:44px; }
@media (max-height:600px) { .payments-sheet--co-create-success { min-height:0; } }
@media (max-height:600px) { .payments-sheet--co-create-success[open],.payments-sheet--co-create-success [data-pay-content],.payments-sheet--co-create-success [data-pay-code] { display:block; } .payments-sheet--co-create-success .pay-success__mark { width:125px; height:60px; margin-bottom:4px; } .payments-sheet--co-create-success .pay-success h3 { margin:4px 0; font-size:22px; } .payments-sheet--co-create-success .pay-success > p:not([class]) { margin:4px 0 8px; font-size:12px; } .cc-b-pay-context img { width:52px; height:52px; } }
@media (max-height:480px) { .payments-sheet--co-create-success .pay-success__mark { display:none; } }
/* Clear the old desktop chat controls while retaining its existing video container. */
.desktop-home.desktop-chat-open #chatScreen { padding:0 0 8px; background:#f7f0e7; }
#chatScreen .desktop-switch,#chatScreen .desktop-chat-tabs,#chatScreen .desktop-co-create { display:none!important; }
#chatScreen .chat-identity { order:1; max-width:100%; }
#chatScreen #chatTitle,#chatScreen #chatActivity { display:block!important; }
#chatScreen #backFromChat { order:0; width:44px; min-height:44px; }
#chatScreen #chatMoreButton { order:2; width:44px; min-height:44px; }
#chatScreen .message { gap:8px; margin-top:13px; }
#chatScreen .cc-b-task { margin:10px 0 16px; }