.works-page{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--panel,#fff);color:var(--ink,#292329);box-sizing:border-box;overflow:hidden;border-radius:0;font-family:inherit;font-size:14px}.works-page[open]{display:flex;flex-direction:column}.works-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;padding:14px 24px;border-bottom:1px solid var(--line,#eee);background:#fff}.works-brand{display:flex;align-items:center;gap:10px}.works-brand img{width:34px;height:34px;object-fit:contain}.works-close{width:36px;height:36px;padding:0;border:1px solid var(--line,#e7dce0);border-radius:50%;background:#fff;color:var(--ink,#292329);font:24px/1 system-ui}.works-tabs,.works-filters{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;min-width:0}.works-tabs{flex:0 0 auto;padding:12px 24px;border-bottom:1px solid var(--line,#eee);background:#fff}.works-tabs button,.works-filters button{flex:0 0 auto;white-space:nowrap}.works-tabs [aria-current=true],.works-filters [aria-pressed=true]{background:#fff0f1;border-color:#f8cdd1;color:var(--red,#ef4148)}.works-body{flex:1;min-height:0;overflow:auto;padding:24px;scrollbar-gutter:stable;background:var(--app-workspace-background,linear-gradient(180deg,#fff9fa 0,#fff 70%))}.works-heading{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:18px}.works-heading>div{display:flex;align-items:center;gap:10px}.works-heading h1{font:700 24px/1.25 system-ui;margin:0;font-family:inherit;letter-spacing:-.5px}.works-count{padding:4px 9px;background:#fbe6eb;border-radius:20px;color:#ad4057;font:12px/1.4 system-ui}.works-search{margin-inline-start:auto;width:280px;max-width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--line,#e7dce0);border-radius:12px;background:#fff;font:400 14px/1.4 system-ui;box-sizing:border-box}.works-filters{margin-bottom:20px;padding-bottom:5px}.works-button,.works-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line,#e7dce0);border-radius:10px;background:#fff;color:var(--ink,#292329);padding:8px 12px;font:500 12px/1.4 system-ui;cursor:pointer;text-decoration:none;min-height:34px;box-sizing:border-box;font-family:inherit}.works-primary{background:var(--red,#ef4148);color:#fff;border-color:var(--red,#ef4148)}.works-button:hover{background:#fff1f3}.works-button:disabled,.works-primary:disabled{opacity:.5;cursor:default}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:18px;align-items:start}.work-card{min-width:0;position:relative;background:#fff;border:1px solid var(--line,#e7dce0);border-radius:16px;box-shadow:none;transition:border-color .15s}.work-card:hover{border-color:#e896aa}.works-preview-button{display:block;border:0;background:transparent;padding:0;width:100%;cursor:pointer;border-radius:16px 16px 0 0;overflow:hidden}.works-media{height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;overflow:hidden;border-radius:16px 16px 0 0;background:#fcf9fa}.works-media img,.works-media video{width:100%;height:100%;object-fit:contain}.works-media audio{width:90%;height:36px}.works-symbol{font-size:52px;color:var(--red,#ef4148)}.works-music{font:48px/1 system-ui;color:var(--red,#ef4148)}.work-card-content{padding:14px}.work-card h2{font:600 15px/1.4 system-ui;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:11px/1.4 system-ui;color:var(--muted,#7d6974);margin:0 0 14px}.work-state{margin-inline-start:auto}.work-actions{display:flex;align-items:center;gap:6px}.work-actions>.works-button{font-size:12px;padding:7px 9px}.work-menu{position:relative;margin-inline-start:auto}.work-menu>summary{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;list-style:none;cursor:pointer;border:1px solid var(--line,#e7dce0);border-radius:10px;box-sizing:border-box}.work-menu>summary::-webkit-details-marker{display:none}.work-menu>summary svg{width:20px;height:20px;flex:0 0 20px;fill:currentColor;stroke:none}.work-menu-list{display:none}.work-menu[open]>.work-menu-list{position:absolute;display:flex;flex-direction:column;gap:3px;right:0;top:100%;width:195px;max-height:300px;overflow:auto;padding:7px;border:1px solid var(--line,#e7dce0);background:#fff;border-radius:12px;box-shadow:0 10px 25px #49263026;z-index:10}.work-menu-list>.works-button{border:0;justify-content:flex-start}.work-card:has(.work-menu[open]){z-index:2}.works-empty{grid-column:1/-1;text-align:center;padding:55px 16px;color:var(--muted,#7d6974)}.works-empty>span{font-size:42px;color:var(--red,#ef4148)}.works-load-more{display:flex;margin:20px auto}.works-detail{box-sizing:border-box;width:min(800px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--line,#e7dce0);border-radius:18px;background:var(--panel,#fff);color:var(--ink,#292329);overflow:auto}.works-detail::backdrop,.works-page::backdrop{background:#625b6470;backdrop-filter:blur(8px)}.works-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.works-detail h2{font:600 19px/1.4 system-ui;overflow-wrap:anywhere;margin:0 0 12px}.works-detail .works-media{height:min(55dvh,480px)}.works-detail .works-media iframe{width:100%;height:100%;border:0}.works-text{max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 ui-monospace,monospace;padding:14px;background:var(--bg,#f5f5f5);border-radius:12px}.works-detail-actions{display:flex;gap:10px;padding-top:16px}.works-question{width:min(440px,calc(100% - 24px))}.works-question>.works-button{margin:8px 8px 0 0}.works-question>input,.works-question>select{display:block;box-sizing:border-box;width:100%;min-width:0;height:42px;padding:8px 10px;border:1px solid var(--line,#e7dce0);border-radius:9px;font:16px system-ui}.works-question p{font:14px/1.6 system-ui;color:var(--muted,#7d6974)}.mcp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}.mcp-card,.mcp-form{background:#fff;border:1px solid #ead6dc;border-radius:16px;padding:20px;min-width:0}.mcp-card h2,.mcp-form h2{margin:0 0 10px;font:600 18px/1.4 system-ui}.mcp-url{font:12px/1.5 system-ui;overflow-wrap:anywhere;color:#886c75}.mcp-toggle{display:flex;align-items:center;gap:8px;font:13px system-ui}.mcp-toggle input{accent-color:#bd385a;width:17px;height:17px}.mcp-status{font:13px/1.5 system-ui;color:#617b63;overflow-wrap:anywhere}.mcp-status[data-error=true]{color:#b5395b}.mcp-tools{max-height:240px;overflow:auto;margin:12px 0;font:13px/1.5 system-ui}.mcp-tools p{color:#806771;overflow-wrap:anywhere}.mcp-tools>div{padding:9px 0;border-top:1px solid #f0e2e7}.mcp-card footer{display:flex;gap:6px;flex-wrap:wrap}.mcp-form{max-width:560px;margin:0 0 20px}.mcp-form>label{display:flex;flex-direction:column;gap:6px;margin:15px 0;font:13px/1.5 system-ui}.mcp-form input{width:100%;box-sizing:border-box;height:42px;min-width:0;border:1px solid #e1ccd4;border-radius:9px;padding:8px 10px;font:16px system-ui}.mcp-form>.works-button{margin-inline-start:8px}.works-subtitle{color:var(--muted,#7d6974);font:14px/1.5 system-ui}.studio-tabs button[data-extra]{white-space:nowrap;flex-shrink:0}.studio-history{display:none!important}
/* Three independent sidebar regions, including short landscape phones. */
.rooms-drawer[open]{display:flex!important;flex-direction:column!important;overflow:hidden!important;gap:4px!important;height:100dvh!important;max-height:100dvh!important;box-sizing:border-box!important;padding-block:8px!important}.rooms-drawer>.rooms-heading{flex:0 0 44px!important;min-height:44px!important}.rooms-drawer>.studio-nav{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;height:clamp(66px,18dvh,170px)!important;max-height:170px!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;gap:3px!important;padding:3px 0!important}.rooms-drawer>.studio-nav>.studio-nav-button{flex:0 0 32px!important;min-height:32px!important;width:100%!important;margin:0!important;display:flex!important;align-items:center!important;gap:10px!important;padding:5px 10px!important;font:500 13px/1.3 system-ui!important}.studio-nav-button svg{width:18px!important;height:18px!important;flex:0 0 18px!important}.rooms-drawer>.ct-projects-section{flex:0 0 auto!important;min-height:0;margin:4px 0 0!important;padding:4px 0!important;border-block:1px solid #eedee4!important}.ct-projects-section>header{min-height:30px!important;margin:0!important;padding:0 2px 0 10px!important;display:flex;align-items:center;justify-content:space-between}.ct-projects-section>header h3,.rooms-drawer>.rooms-section-title{font:650 14px/1.4 system-ui!important;letter-spacing:0!important;text-transform:none!important;color:#68434f!important;margin:3px 0!important}.ct-project-scroll{max-height:min(132px,16dvh);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;min-height:0}.ct-project-scroll .ct-project-group{margin:0!important;padding-block:0!important;border:0!important}.ct-project-scroll summary{min-height:36px!important}.ct-project-scroll .ct-project-group[hidden]{display:none!important}.rooms-drawer>.rooms-section-title{padding-inline:10px!important;flex:0 0 auto!important}.rooms-drawer>.rooms-new{flex:0 0 32px!important;min-height:32px!important;margin:0!important;padding-block:5px!important}.rooms-drawer>.ct-bulk-tools{flex:0 0 auto!important;margin:0!important;padding:0!important;max-height:100px;overflow:auto}.ct-bulk-tools>.rooms-manage{min-height:32px!important;height:32px!important;padding-block:5px!important}.rooms-drawer>.rooms-list{flex:1 1 0!important;min-height:65px!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;border-top:1px solid #eedee4!important;margin-top:4px!important;padding-top:4px!important;overscroll-behavior-y:contain}.rooms-list>.ct-room-group{margin:0!important;border-top:0!important}.rooms-drawer>.rooms-notice:empty{display:none!important}.rooms-drawer>.rooms-notice{flex:0 0 auto;font-size:11px!important;margin:0!important}.rooms-drawer>.rooms-account{flex:0 0 48px!important;min-height:48px!important;margin:0!important;padding-block:5px!important}.rooms-tasks{display:none!important}.rooms-row{position:relative}.rooms-row>.room-task-dot{position:absolute;z-index:1;inset-inline-start:2px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:#e34e65;pointer-events:none}.room-task-dot[data-status=running]{animation:conversation-task-pulse 1.3s ease-in-out infinite}.room-task-dot[data-status=unread]{background:#29a66b}.room-task-dot[hidden]{display:none!important}.rooms-room[data-task-status=running]::before,.rooms-room[data-task-status=unread]::before{content:none!important}.rooms-row:has(>.room-task-dot:not([hidden]))>.rooms-room{padding-inline-start:max(14px,var(--project-indent,0px))!important}.ct-project-scroll .rooms-row>.rooms-room{padding-inline-start:calc(24px + var(--project-indent,0px))!important}.ct-project-scroll .rooms-row>.room-task-dot{inset-inline-start:calc(12px + var(--project-indent,0px))}.ct-project-scroll .ct-project-group summary>span{padding-inline-start:var(--project-indent,0px)}
@media(max-width:600px){.works-header{padding:10px 14px}.works-tabs{padding:10px 12px}.works-body{padding:16px 12px}.works-heading h1{font-size:23px}.works-search{width:100%;font-size:16px;margin:0}.works-heading{gap:12px}.works-heading>.works-primary{margin-inline-start:auto}.works-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px}.works-media{height:190px}.works-detail{padding:15px}.mcp-card,.mcp-form{padding:15px}}
@media(max-height:520px){.rooms-drawer>.studio-nav{height:58px!important}.ct-project-scroll{max-height:45px!important}.rooms-drawer>.rooms-account{flex-basis:40px!important;min-height:40px!important}.rooms-drawer>.rooms-heading{flex-basis:36px!important;min-height:36px!important}.rooms-drawer>.rooms-list{min-height:45px!important}.rooms-drawer>.ct-projects-section{padding-block:0!important;margin-top:0!important}}
@media(prefers-reduced-motion:reduce){.room-task-dot[data-status=running]{animation:none}}
.structured-document-editor{border:1px solid #ead6dc;border-radius:14px;padding:12px;max-height:48dvh;overflow:auto;min-height:160px;background:#fff}.structured-document-editor>input{width:100%;box-sizing:border-box;border:1px solid #ead6dc;border-radius:9px;min-height:38px;padding:7px 10px;font:16px system-ui;margin-bottom:8px}.structured-document-editor>details{padding:8px 0}.structured-document-editor summary{font:600 13px/1.5 system-ui;cursor:pointer;color:#865562}.document-section{display:flex;align-items:flex-start;gap:10px;margin-top:8px;min-width:0}.document-section>span{font:11px/1.5 system-ui;min-width:26px;color:#a38891}.document-section>textarea{flex:1;width:0;min-width:0;min-height:36px;resize:vertical;box-sizing:border-box;border:1px solid #ead6dc;border-radius:8px;padding:7px 9px;font:16px/1.5 system-ui}.document-section[hidden],.structured-document-editor details[hidden]{display:none}
.rooms-drawer>.rooms-account{flex-basis:56px!important;min-height:56px!important;padding-block:4px!important}.rooms-account .account-pill{height:46px!important;min-height:46px!important;max-height:46px!important;padding:5px 10px!important;grid-template-columns:32px minmax(0,1fr) 20px!important;box-sizing:border-box!important}.rooms-account .account-pill .account-avatar{width:30px!important;height:30px!important}.rooms-account .account-pill strong{font-size:12px!important;line-height:16px!important}.rooms-account .account-pill small{font-size:10px!important;line-height:14px!important}
@media(max-height:520px){.rooms-drawer>.studio-nav{height:48px!important}.rooms-drawer>.rooms-account{flex-basis:48px!important;min-height:48px!important;padding-block:0!important}.rooms-drawer>.rooms-list{min-height:42px!important}}
#attachmentTray .attachment-chip{min-height:48px;height:48px;max-width:260px;padding:5px 7px;gap:5px;box-sizing:border-box}#attachmentTray .attachment-chip .attachment-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;min-width:0}#attachmentTray .attachment-chip img{width:36px;height:36px;flex:0 0 36px}#attachmentTray .attachment-chip button{position:static!important;inset:auto!important;flex:0 0 28px;width:28px;height:28px;background:#fff;border:1px solid #e9d2da;border-radius:8px;color:#8b4257;display:inline-flex;align-items:center;justify-content:center;font:16px/1 system-ui}#attachmentTray .attachment-chip button:hover{background:#fce8ef}
@media(max-height:520px){.rooms-drawer[open]{gap:2px!important;padding-block:4px!important}.rooms-drawer>.rooms-heading{flex-basis:32px!important;min-height:32px!important}.rooms-heading .rooms-brand img{width:28px!important;height:28px!important}.rooms-drawer>.studio-nav{height:36px!important;margin:0!important;padding:0!important}.rooms-drawer>.ct-projects-section{margin:0!important;padding:0!important}.ct-projects-section>header{height:28px!important;min-height:28px!important;max-height:28px!important}.ct-projects-section>header>.ct-button{height:26px!important;min-height:26px!important;padding:2px!important}.ct-project-scroll{max-height:36px!important}.rooms-drawer>.rooms-section-title{margin:0!important}.rooms-drawer>.rooms-new,.ct-bulk-tools>.rooms-manage{height:28px!important;min-height:28px!important;flex-basis:28px!important}.rooms-drawer>.rooms-account{flex-basis:48px!important;min-height:48px!important}.rooms-drawer>.rooms-list{min-height:60px!important}}
@media(min-height:521px){.rooms-drawer>.studio-nav{height:clamp(64px,14dvh,150px)!important;margin:0!important;padding-block:2px!important}.rooms-drawer>.ct-projects-section{margin-top:2px!important;padding-block:2px!important}.ct-projects-section>header{height:36px!important;min-height:36px!important;max-height:36px!important}.ct-projects-section>header>.ct-button{height:32px!important;min-height:32px!important;padding:4px!important}.ct-project-scroll{max-height:min(132px,13dvh)}.rooms-drawer>.rooms-section-title{margin:0!important}.rooms-drawer>.rooms-list{min-height:95px!important}}
.rooms-list>.ct-room-group>summary{min-height:32px!important;padding:5px 10px!important;margin:0!important;font:650 14px/1.4 system-ui!important}.rooms-drawer:focus{outline:none!important}