/* Compact composer attachments and lightweight interaction feedback. */
#authForm{position:relative}#authForm .auth-language{position:absolute;top:18px;right:58px;margin:0;width:auto;max-width:130px}#authLocaleSelector{font:inherit;font-size:13px;padding:5px 20px 5px 8px;min-height:32px}#authForm .dialog-brand{padding-top:32px}.auth-language select{width:auto!important}
#attachmentTray{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;min-width:0;max-width:100%;padding:8px 14px;flex-shrink:0}#attachmentTray[hidden]{display:none}#attachmentTray .attachment-chip{flex:0 0 auto;position:relative;display:flex;align-items:center;gap:4px;max-width:180px;height:54px;padding:4px 6px;border-radius:12px;font-size:12px;cursor:pointer}#attachmentTray .attachment-chip img{width:44px;height:44px;object-fit:cover;border-radius:8px}#attachmentTray button{width:22px;height:24px;padding:0;font-size:14px}
#composerQuote{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:4px 8px;padding:8px 12px;max-height:124px;overflow:hidden}#composerQuote .quote-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;cursor:pointer;font-size:12px;line-height:1.4}#composerQuote .quote-media{grid-column:1/-1;display:flex;gap:6px;overflow-x:auto}#composerQuote .quote-media button{flex:0 0 auto;max-width:140px;height:36px;font-size:11px}#composerQuote .quote-media img{width:36px;height:30px;object-fit:cover;border-radius:5px}
.agent-action-focus{outline:3px solid #eea093!important;outline-offset:4px;box-shadow:0 0 0 8px #eea09325!important;transition:outline-offset .15s}
@media(prefers-reduced-motion:no-preference){dialog[open]{animation:tutou-enter .16s ease-out}.caption{animation:tutou-enter .18s ease-out}.studio-preview>*{animation:tutou-enter .2s ease-out}button{transition:background-color .12s,color .12s,box-shadow .12s}@keyframes tutou-enter{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
/* Studio: neutral workspace, Tutou accents, visual workflows. */
.agent-activity{background:transparent!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:none!important}.agent-activity summary{background:transparent!important;color:var(--muted)!important;padding:10px 12px;font-family:inherit;font-size:12px}.activity-steps{padding:0 12px 8px;max-height:220px;overflow:auto}.activity-step{display:flex;gap:12px;justify-content:space-between;padding:7px 0;border-top:1px solid var(--line);font-size:12px}.activity-step small{font-size:11px;color:var(--muted)}.studio-source[hidden]{display:none!important}.studio-attach{display:grid;place-items:center;padding:0!important}
.rooms-drawer>h2{font-size:12px!important;color:var(--muted);font-weight:600;margin:18px 12px 8px!important}.rooms-new,.ct-bulk-tools>.rooms-manage{display:flex!important;align-items:center;gap:8px;width:100%;min-height:38px;box-sizing:border-box;border:1px solid var(--line)!important;border-radius:10px!important;background:#fafafa!important;color:var(--ink)!important;font-family:inherit!important;font-size:12px!important;font-weight:500!important;padding:9px 12px!important;text-align:start}.ct-bulk-tools{margin:6px 0 12px!important;padding:0!important}.ct-bulk-tools>.rooms-manage svg{width:16px;height:16px}.ct-projects-section,.ct-regular-section,.rooms-list>.ct-room-group{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.ct-projects-section>header{display:flex;align-items:center;justify-content:space-between;padding:0 8px 5px}.ct-projects-section h3{font-size:11px;font-weight:600;color:var(--muted);margin:0}.ct-projects-section>header .ct-button{font-size:11px;padding:5px;border:0;background:transparent}.ct-projects-section>header .ct-button span{display:none}.ct-projects-section>header svg{width:15px;height:15px}.ct-projects-section .ct-project-group{border:0!important;margin:3px 0!important;padding:0!important}.rooms-list>.ct-room-group>summary{font-size:11px;color:var(--muted);padding-inline:8px}.ct-rail-tools{margin-top:8px}.ct-regular-section:empty{display:none}

.rooms-drawer>h2{order:1!important}.rooms-root .rooms-new{order:2!important;margin-top:0!important}.rooms-drawer>.ct-bulk-tools{order:3!important}.rooms-drawer>.rooms-list{order:4!important}.rooms-manage{justify-content:flex-start!important}.rooms-mini-button:focus:not(:focus-visible),.rooms-brand:focus:not(:focus-visible){outline:none!important}

.settings-shared-links{display:grid;gap:0}.settings-shared-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.settings-shared-link>div{display:grid;gap:5px;min-width:0}.settings-shared-link strong{font-size:14px;overflow-wrap:anywhere}.settings-shared-link small{font-size:12px;color:var(--muted)}.settings-shared-link>button{flex:none;font-size:12px}.settings-shared-link svg{width:16px;height:16px}


/* Sidebar hierarchy and a shared icon column for all navigation actions. */
.rooms-drawer{--rail-label:13px;--rail-heading:14px;--rail-icon:18px;--rail-gap:10px}
.rooms-drawer>h2,.rooms-drawer .ct-projects-section h3,.rooms-drawer .rooms-list>.ct-room-group>summary,.rooms-drawer .rooms-tasks h3{font-size:var(--rail-heading)!important;font-weight:700!important;line-height:1.4;color:var(--ink,#242424)!important;letter-spacing:0}
.rooms-drawer>h2{margin:16px 12px 8px!important}
.rooms-drawer .ct-projects-section>header{padding-inline:12px}
.rooms-drawer .rooms-list>.ct-room-group>summary{padding-inline:12px}
.rooms-drawer .rooms-new,.rooms-drawer .rooms-manage,.rooms-drawer .studio-nav-button{display:flex!important;align-items:center;justify-content:flex-start;gap:var(--rail-gap)!important;padding:10px 12px!important;min-height:40px;font-family:inherit!important;font-size:var(--rail-label)!important;font-weight:500!important;line-height:20px!important;text-align:start}
.rooms-drawer .rooms-new::before{display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--rail-icon);width:var(--rail-icon);height:var(--rail-icon);margin:0!important;font-size:22px}
.rooms-drawer .rooms-manage>svg,.rooms-drawer .studio-nav-button>svg{width:var(--rail-icon);height:var(--rail-icon);flex:0 0 var(--rail-icon);margin:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rooms-drawer .studio-nav-button>span{min-width:0;overflow-wrap:anywhere}
.rooms-drawer .rooms-room,.rooms-drawer .ct-project-group>summary,.rooms-drawer .ct-bulk-panel button{font-size:var(--rail-label)!important;line-height:20px;font-weight:500}
.rooms-drawer .rooms-room{padding-inline:12px}
.rooms-drawer .ct-project-group>summary{padding-inline:12px;color:var(--ink,#242424)}
.rooms-drawer .studio-nav{gap:2px;padding-block:8px;margin-block:8px}

/* Allow the rail to grow beyond the viewport instead of clipping its chats. */
.rooms-drawer{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scroll-padding-block:12px}
.rooms-drawer>.studio-nav,.rooms-drawer>.ct-bulk-tools{flex-shrink:0}
.rooms-drawer>.rooms-list{flex:1 0 160px}
@media(max-height:740px),(max-width:359px){
 .rooms-drawer>.rooms-list{flex:0 0 auto;min-height:44px;overflow:visible}
 .rooms-drawer>.rooms-account{margin-block-start:12px}
 .rooms-drawer>.rooms-tasks{max-height:none;overflow:visible}
 .rooms-drawer .studio-nav{grid-template-columns:minmax(0,1fr);gap:2px}
 .rooms-drawer .studio-nav-button{padding:8px!important;gap:8px!important;min-width:0;line-height:18px!important}
 .rooms-drawer .studio-nav-button>span{font-size:12px}
 .rooms-drawer>h2{margin-block-start:10px!important}
}

/* One shared header row: brand, language, close. */
#authForm .auth-header{display:grid;grid-template-columns:minmax(0,1fr) 112px 44px;align-items:center;gap:8px;min-width:0}
#authForm .dialog-brand{padding:0;min-width:0;min-height:44px;gap:8px}
#authForm .dialog-brand div{min-width:0;line-height:1.25}
#authForm .dialog-brand strong{font-size:14px;white-space:nowrap}
#authForm .dialog-brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#authForm .dialog-brand img{flex:none}
#authForm .auth-language{position:static;inset:auto;margin:0;width:100%;max-width:none;min-width:0;display:block!important}
#authForm #authLocaleSelector{box-sizing:border-box;width:100%!important;max-width:100%;height:44px;min-height:44px;margin:0;padding:0 8px;font-size:16px!important;border:1px solid var(--line);border-radius:10px;background:#fafafa}
#authForm #authClose{position:static;inset:auto;justify-self:auto;box-sizing:border-box;width:44px;height:44px;min-height:44px;margin:0;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fafafa;font-size:24px;line-height:1}
@media(max-width:440px){#authForm{padding:16px;scrollbar-gutter:auto}#authForm .auth-header{grid-template-columns:minmax(0,1fr) 100px 44px;gap:6px}#authForm .dialog-brand img{display:none}}
@media(max-width:320px){#authForm{padding:12px}#authForm .auth-header{grid-template-columns:minmax(0,1fr) 90px 44px}#authForm .dialog-brand strong{font-size:13px}}

/* Project and conversation menus share the same trailing action column. */
.rooms-drawer .ct-project-group>summary{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:0;padding-block:0;padding-inline:12px 0;min-height:44px}
.rooms-drawer .rooms-more,.rooms-drawer .ct-project-group>summary>.ct-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:36px;min-width:36px;height:44px;min-height:44px;padding:0;margin:0;border:0;background:transparent;justify-self:end;border-radius:9px}
.rooms-drawer .rooms-more svg,.rooms-drawer .ct-project-group>summary>.ct-button svg{display:block;flex:none;width:20px;height:20px;margin:0;fill:currentColor;stroke:none}
.rooms-drawer .rooms-more:hover,.rooms-drawer .ct-project-group>summary>.ct-button:hover{background:#eaeaea}

/* Profile: clear account information in the application's red/neutral palette. */
#profileDialog.settings-dialog{background:#fff;color:var(--ink,#242424);border-color:var(--line,#e7e7e7)}
#profileDialog .settings-nav{background:#f7f7f7;border-color:var(--line,#e7e7e7)}
#profileDialog .settings-nav button{color:#606060}
#profileDialog .settings-nav button[aria-selected=true]{background:#fff0f0;color:var(--red,#ef4148)}
#profileDialog .settings-nav button:hover{background:#f0f0f0}
#profileDialog .profile-hero{padding:20px;gap:20px;margin:0 0 4px;border:1px solid #f4d9db;border-radius:16px;background:linear-gradient(110deg,#fff5f5,#fff 75%)}
#profileDialog .profile-intro h3{font-size:21px;font-weight:650;letter-spacing:-.3px;margin:0 0 6px!important}
#profileDialog #profilePhone{color:#707070;font-size:13px;font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
#profileDialog .profile-avatar-preview{width:80px;height:80px;border:3px solid white;box-shadow:0 3px 14px #24242412}
#profileDialog .avatar-change-button{background:white;border:1px solid #f1d6d8;color:var(--red,#ef4148);padding:6px 10px;font-size:12px}
#profileDialog .profile-username-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:18px;border:1px solid var(--line,#e7e7e7);border-radius:16px;background:white}
#profileDialog .profile-username-card>label{grid-column:1/-1;font-size:13px;font-weight:600;color:#444;margin:0}
#profileDialog .profile-username-card>button{padding-inline:16px;min-height:44px}
#profileDialog .profile-grid{margin:6px 0 0;padding:18px;gap:18px;border-color:var(--line,#e7e7e7);border-radius:16px;background:white}
#profileDialog .profile-grid legend{padding-inline:6px;font-weight:600;color:var(--ink,#242424)}
#profileDialog .profile-field>label{font-size:13px;font-weight:500;color:#505050;margin:0}
#profileDialog #settings-panel-profile input,#profileDialog #settings-panel-profile textarea,#profileDialog #settings-panel-profile select{border-color:#e4e4e4;background:#fafafa;transition:border-color .12s,box-shadow .12s}
#profileDialog #settings-panel-profile input:focus,#profileDialog #settings-panel-profile textarea:focus,#profileDialog #settings-panel-profile select:focus{outline:0;border-color:var(--red,#ef4148);box-shadow:0 0 0 3px #ef414812;background:white}
#profileDialog #settings-panel-profile .primary-button{background:var(--red,#ef4148);border-color:var(--red,#ef4148);color:white}
@media(max-width:600px){#profileDialog .profile-hero{padding:16px;gap:16px}#profileDialog .profile-avatar-preview{width:68px;height:68px}#profileDialog .profile-intro h3{font-size:19px}#profileDialog .profile-username-card{grid-template-columns:minmax(0,1fr);padding:14px}#profileDialog .profile-grid{padding:14px;gap:16px}}

/* Profile identity: aligned avatar column and stacked editable names. */
#profileDialog .profile-hero{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:24px;padding:24px;background:#fff;border-color:var(--line,#e7e7e7)}
#profileDialog .profile-hero .profile-avatar-control{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:128px;min-width:0;margin:0}
#profileDialog .profile-hero .profile-avatar-preview{display:block;width:88px;height:88px;box-sizing:border-box;margin:0;border:3px solid white;box-shadow:0 0 0 1px #e7e7e7}
#profileDialog .profile-hero .avatar-change-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:128px;min-height:36px;margin:0;padding:8px;font-size:12px;line-height:1.4;text-align:center;white-space:normal;overflow-wrap:anywhere;border-radius:10px;background:#fff5f5;border:1px solid #f5dadd;color:var(--red,#ef4148)}
#profileDialog .profile-hero #profilePhone{width:100%;margin:0;text-align:center;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
#profileDialog .profile-intro{display:flex;flex-direction:column;gap:18px;min-width:0;width:100%}
#profileDialog .profile-intro .profile-username-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-width:0;padding:0;border:0;border-radius:0;background:none}
#profileDialog .profile-intro .profile-username-card>label,#profileDialog .profile-intro .profile-field>label{font-size:13px;font-weight:500;line-height:20px;color:#505050;margin:0}
#profileDialog .profile-intro .profile-field{gap:8px}
#profileDialog .profile-intro .profile-username-card>input{grid-column:1/-1}
#profileDialog .profile-intro .profile-username-card>button{grid-column:1/-1;justify-self:start;min-height:34px;padding:6px 12px;background:#fff!important;color:var(--red,#ef4148)!important;border:1px solid #f1c9cc;font-size:12px;line-height:20px}
#profileDialog .profile-intro input{height:44px;margin:0}
@media(max-width:700px){#profileDialog .profile-hero{grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px;padding:18px}#profileDialog .profile-intro{width:100%}#profileDialog .profile-hero .profile-avatar-control{width:128px}}

/* Stable notification window with independently scrolling contents. */
#inboxDialog{box-sizing:border-box;width:min(760px,calc(100vw - 24px));height:min(680px,calc(100dvh - 32px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px}
#inboxDialog>.dialog-card{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;height:100%;max-height:none;overflow:hidden;padding:20px;scrollbar-gutter:auto}
#inboxDialog .inbox-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
#inboxDialog #inboxTitle{order:0;padding:0;margin:0;font-size:20px}
#inboxDialog #inboxClose{order:1;position:static;margin:0;flex:0 0 44px}
#inboxDialog #inboxReadAll{align-self:flex-start;flex:none;min-height:40px;margin:0;padding:8px 12px;max-width:100%;white-space:normal;color:var(--red,#ef4148);background:#fff5f5;border:1px solid #f3d3d5}
#inboxDialog .inbox-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
#inboxDialog .inbox-scroll>p{margin:0 0 14px;color:var(--muted);font-size:13px}
#inboxDialog article{overflow-wrap:anywhere}
@media(max-width:600px){#inboxDialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}#inboxDialog>.dialog-card{padding:14px}}

.studio-launchers #pageShareToggle[aria-pressed=true],.studio-launchers #screenShareToggle[aria-pressed=true]{background:#fff0f0;color:var(--red,#ef4148);border-color:#efb9be}.studio-launchers #screenShareToggle:disabled{opacity:.5;cursor:not-allowed}

/* Indent only project labels/content; keep every trailing menu in one column. */
.rooms-drawer .ct-projects-section .ct-project-group{margin-inline:0!important;padding-inline:0!important;min-width:0}
.rooms-drawer .ct-project-group>summary{padding-inline-start:calc(12px + var(--project-indent,0px));padding-inline-end:0}
.rooms-drawer .ct-project-group>.rooms-row{padding-inline-start:calc(14px + var(--project-indent,0px));padding-inline-end:0;min-width:0}

#profileDialog .profile-inline-input{position:relative;display:flex;align-items:stretch;min-width:0;width:100%;grid-column:1/-1;border:1px solid #e4e4e4;background:#fafafa;border-radius:10px;overflow:hidden}
#profileDialog .profile-inline-input:focus-within{border-color:var(--red,#ef4148);box-shadow:0 0 0 3px #ef414812;background:#fff}
#profileDialog .profile-inline-input>input{flex:1;min-width:0;width:0;border:0!important;box-shadow:none!important;background:transparent!important;margin:0;border-radius:0}
#profileDialog .profile-inline-input>button{flex:none;align-self:stretch;min-height:44px;margin:0;padding:0 12px;border:0;border-inline-start:1px solid #f2d8da;border-radius:0;background:#fff0f0;color:var(--red,#ef4148);font-size:12px;line-height:1.3;max-width:45%;white-space:normal}
#profileDialog .profile-inline-input>button[hidden]{display:none!important}

/* Project creation icon uses the same right-hand action column as conversation menus. */
.rooms-drawer .ct-projects-section>header{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:0;padding-inline:12px 0}
.rooms-drawer .ct-projects-section>header>.ct-button{display:flex;align-items:center;justify-content:center;justify-self:end;box-sizing:border-box;width:36px;min-width:36px;height:44px;min-height:44px;padding:0;margin:0}
.rooms-drawer .ct-projects-section>header>.ct-button svg{width:20px;height:20px;flex:none;margin:0}
/* Compact Studio tools and uninterrupted chat layout. */
.transcript-card>.transcript-head{display:none!important}
.topbar-actions{gap:10px!important}
.composer-language{display:none!important}
.studio-launchers>button[aria-pressed="true"],.studio-nav-button[aria-pressed="true"]{background:#fff0f0;color:var(--red,#ef4148);border-color:#efb9be}
.rooms-drawer .studio-nav{display:grid!important;grid-template-columns:minmax(0,1fr);gap:2px;max-height:210px;min-height:44px;flex:0 0 auto;overflow:auto;overscroll-behavior:contain;padding:4px 0;scrollbar-width:thin;align-content:start}
.rooms-drawer .studio-nav-button{display:flex;align-items:center;gap:8px;min-width:0;min-height:38px;padding:7px 8px;font-size:12px;line-height:1.25;text-align:start;border-radius:9px}
.rooms-drawer .studio-nav-button svg{flex:0 0 17px;width:17px;height:17px}
.composer-tools-scroll .studio-launchers{display:flex;flex-wrap:nowrap;gap:6px}
.composer-tools-scroll .studio-launchers>button{font:inherit;font-size:12px;white-space:nowrap;flex:none;min-height:32px;transition:background-color .15s,color .15s}
@media(max-height:650px){.rooms-drawer .studio-nav{max-height:126px}}
/* Do not retain closing dialogs/backdrops in the top layer. Safari can composite
   their exit transition over the next dialog. Animate only the opening content. */
@media(prefers-reduced-motion:no-preference){
 dialog[open]{animation:rabbit-dialog-enter .14s ease-out}
 .rooms-drawer[open]{animation:rabbit-drawer-enter .16s ease-out}
}
@keyframes rabbit-dialog-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes rabbit-drawer-enter{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}


#inboxDialog .inbox-actions{display:flex;flex-wrap:wrap;gap:8px;flex:none}
#inboxDialog .inbox-actions>button{font-size:12px;margin:0;min-height:36px;padding:8px 12px}
#inboxDialog .system-notifications{min-height:0;flex:none}
#inboxDialog .inbox-scroll{overflow:auto;min-height:0;flex:1}
#inboxDialog article>p{max-height:12em;overflow:auto;white-space:pre-wrap;line-height:1.5}

/* Logo portrait: GPU transform only; no 3D runtime or sound reactions. */
.mascot-stage:has(.rabbit-portrait){perspective:900px;overflow:visible}
.rabbit-portrait{width:min(380px,70vw,48dvh);transform:rotateY(var(--rabbit-turn,0deg));transform-style:preserve-3d;touch-action:none;cursor:grab;filter:drop-shadow(0 18px 25px #7c26351c)}
.rabbit-portrait:active{cursor:grabbing}.rabbit-portrait svg{display:block;width:100%;height:auto}.rabbit-mouth,.rabbit-tongue{transition:ry 70ms linear,rx 70ms linear;opacity:0}

.response-progress{margin:10px 0;border:1px solid var(--border,#eedcde);border-radius:14px;padding:10px 12px;background:var(--surface,#fffafa);font-size:12px;color:var(--muted,#786b70)}
.response-progress summary{display:flex;align-items:center;gap:8px;cursor:pointer}.response-progress summary small{margin-inline-start:auto}.progress-timeline{padding:0 0 0 18px;max-height:280px;overflow:auto}.progress-timeline li{padding:7px 0;border-bottom:1px solid #b5879119}.progress-timeline li>small{float:inline-end;font-size:11px}.progress-timeline p,.activity-step p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}.progress-reasoning{white-space:pre-wrap}.activity-steps{max-height:300px;overflow:auto}.activity-step{flex-wrap:wrap}.activity-step p{flex-basis:100%}.activity-step time{font-size:10px;opacity:.6}
.response-progress.running .progress-heading{animation:progress-shine 1.8s ease-in-out infinite}.response-progress.running .progress-heading:after{content:'…';display:inline-block;animation:progress-shine 1s infinite}@keyframes progress-shine{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.response-progress.running .progress-heading,.response-progress.running .progress-heading:after{animation:none}}

.response-progress.agent-activity{border:0!important;border-radius:8px!important;padding:0;margin:8px 0;font-family:inherit}.response-progress.agent-activity summary{padding:6px 0;font-family:inherit;font-size:12px;line-height:1.5}.response-progress:not(.running) .activity-pulse{background:#74b39b;animation:none}.response-progress .progress-timeline{border-inline-start:1px solid var(--line,#eee);margin:8px 0;padding-inline-start:18px}
.mascot-stage:has(.rabbit-portrait){display:grid;place-items:center}.rabbit-portrait{max-height:100%}.rabbit-portrait svg{max-height:100%}

.response-progress,.response-progress summary,.progress-timeline{font-family:"PingFang SC","Microsoft YaHei",Inter,system-ui,sans-serif!important}

/* Shared control metrics in macOS Safari, iOS and Chromium. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input,textarea,select{box-sizing:border-box}
button,input[type=button],input[type=submit],textarea{-webkit-appearance:none;appearance:none}
select{-webkit-appearance:none;appearance:none;line-height:1.4;padding-inline-end:30px!important;background-image:linear-gradient(45deg,transparent 50%,#72656c 50%),linear-gradient(135deg,#72656c 50%,transparent 50%)!important;background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%!important;background-size:5px 5px!important;background-repeat:no-repeat!important}
[dir=rtl] select{background-position:11px 50%,16px 50%!important}
.composer-tools-scroll{display:flex;flex-flow:row nowrap;align-items:center;gap:6px;min-width:0;max-width:100%;margin-bottom:7px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.composer-tools-scroll .studio-launchers{flex:0 0 auto;width:max-content;min-width:0;margin:0}
.composer-tools-scroll button{line-height:18px!important}
.settings-shell,.settings-content,.studio-layout,.studio-workspace,.studio-side{min-height:0}
.settings-shell{overflow:hidden}
#profileDialog .settings-panel input:not([type=checkbox]):not([type=range]),#profileDialog .settings-panel select{height:44px;line-height:22px}
#profileDialog .avatar-change-button{line-height:20px!important}
.studio-config select,.studio-file-select{height:36px;line-height:18px}
.model-controls select{height:32px;line-height:18px}
#authLocaleSelector{height:44px;line-height:20px}
dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/* Fullscreen surfaces are opaque; blurring their hidden background wastes a layer. */
#studioPage::backdrop,#mascotCall::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}
.mascot-header-left,.mascot-wordmark,.mascot-wordmark>span{min-width:0}
.mascot-wordmark>span{overflow:hidden}.mascot-wordmark small{max-width:30vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mascot-wordmark b{font:inherit}
.mascot-header button{flex:none}
@media(max-width:760px){.studio-config select,.studio-file-select{height:42px;line-height:22px}}
@media(max-width:420px){.mascot-wordmark img{display:none}.mascot-wordmark small{max-width:24vw}.mascot-header-left{gap:6px}.mascot-wordmark b{font-size:13px}}

/* One scrolling row, starting with the model selector. Never wrap either control group. */
.composer-tools-scroll #modelControls{display:flex;flex-flow:row nowrap;align-items:center;flex:0 0 auto;gap:6px;margin:0;padding:0}
.composer-tools-scroll #modelControls[hidden]{display:none}
.composer-tools-scroll #modelControls>select,.composer-tools-scroll #modelControls>button,.composer-tools-scroll .studio-launchers>button{flex:0 0 auto;height:32px;min-height:32px;max-height:32px;margin-block:0;box-sizing:border-box;line-height:18px!important;font-size:12px!important}
.composer-tools-scroll #modelControls>select{width:auto;max-width:180px;padding-block:5px}
.rooms-drawer .studio-nav-button{width:100%;white-space:nowrap}
.rooms-drawer .studio-nav-button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}

/* Identical, font-independent overflow menus on WebKit and Chromium. */
button svg.more-icon{display:block!important;width:20px!important;height:20px!important;min-width:20px;flex:0 0 20px!important;margin:0!important;padding:0;overflow:visible;fill:currentColor!important;stroke:none!important}
button svg.more-icon circle{fill:currentColor!important;stroke:none!important;stroke-width:0!important}
.ct-message-tools .ct-button[data-action=more],#ctConversationMore,.studio-actions-more{width:36px!important;min-width:36px;min-height:36px;padding:8px!important;flex:none}
.studio-actions-more{display:inline-flex;align-items:center;justify-content:center;letter-spacing:0}.market-empty{font-size:13px;color:var(--muted,#72656c);padding:20px 0}

.studio-browse-market{margin-top:14px;color:var(--red,#ef4148);border-color:#f2c1c8;background:#fff8f9}.market-card>img.market-illustration{object-fit:contain}

/* Browsers before native Popover support must not paint closed menus. */
.no-native-popover [popover]:not([data-popover-open]){display:none}
[popover][data-popover-open]{display:block;position:fixed;z-index:10000}
.ct-menu[data-popover-open],.rooms-row-menu[data-popover-open]{display:grid;gap:2px}
.rooms-logo-flight[data-popover-open]{display:block;inset:auto;margin:0;padding:0;border:0;background:transparent;pointer-events:none;transform-origin:top left}
.composer-info[data-popover-open]{inset:auto;margin:0;padding:9px 12px;max-width:min(270px,calc(100vw - 32px));border:1px solid #ead8d0;border-radius:11px;background:#fffaf6;color:#624a40;box-shadow:0 4px 16px #0001;font:13px/1.4 system-ui;pointer-events:none}
.composer-language-panel[data-popover-open]{display:grid;grid-template-columns:1fr 1fr;inset:auto;margin:0;padding:8px;gap:4px;border:1px solid #e8d9d1;border-radius:12px;background:#fffcfa;box-shadow:0 5px 20px #0002}
.ct-menu,.rooms-row-menu{max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain}