:root{--j-ai-bg: #eef2ff;--j-ai-sidebar: #dbeafe;--j-ai-surface: #ffffff;--j-ai-accent: #db2777;--j-ai-accent-hover: #eb3787;--j-ai-accent-soft: rgba(219, 39, 119, .24);--j-ai-accent-border: rgba(219, 39, 119, .48);--j-ai-on-accent: #ffffff;--j-ai-bg-text: #0f172a;--j-ai-bg-muted: #475569;--j-ai-bg-border: #cbd5e1;--j-ai-sidebar-text: #0f172a;--j-ai-sidebar-muted: #475569;--j-ai-sidebar-border: #cbd5e1;--j-ai-sidebar-hover: #cddcec;--j-ai-text: #0f172a;--j-ai-muted: #475569;--j-ai-border: #cbd5e1;--j-ai-hover: #f3f3f3;--j-ai-input: #ffffff;--j-ai-input-text: #0f172a;--j-ai-surface-raised: #f8fafc;--j-ai-surface-soft: #f3f4f6;--j-ai-panel-shadow: 0 22px 58px rgba(15, 23, 42, .18);--j-ai-drawer-shadow: -24px 0 70px rgba(15, 23, 42, .18);--j-ai-overlay: rgba(15, 23, 42, .38);--j-ai-danger-text: #991b1b;--j-ai-danger-bg: #fee2e2;--j-ai-danger-border: #fecaca;--j-ai-danger-hover: #fecaca;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:var(--j-ai-text);background:var(--j-ai-bg);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--j-ai-bg)}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.42) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#64748b8a;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#94a3b8b3;background-clip:content-box}*::-webkit-scrollbar-corner{background:transparent}button,textarea,input{font:inherit}button{border:0}.login-shell{display:grid;min-height:100vh;place-items:center;background:#fff;padding:clamp(24px,5vw,56px)}.login-card{width:min(460px,calc(100vw - 32px));border:1px solid var(--j-ai-border);border-radius:18px;background:var(--j-ai-surface);box-shadow:0 26px 78px #0f172a1f;padding:clamp(26px,4vw,38px)}.login-brand{display:grid;align-items:center;justify-items:center;gap:12px;margin-bottom:28px;text-align:center}.login-brand-icon{display:block;width:68px;height:68px;border-radius:18px;box-shadow:0 14px 30px #f400472e;object-fit:cover}.login-brand strong,.login-brand small{display:block}.login-brand strong{color:var(--j-ai-text);font-size:24px;font-weight:760;letter-spacing:0;line-height:1.15}.login-brand small{color:var(--j-ai-muted);font-size:14px;line-height:1.5;margin-top:6px}.login-form{display:grid;gap:16px}.login-form label{display:grid;gap:8px;color:var(--j-ai-muted);font-size:14px;font-weight:650}.login-submit{height:48px;border-radius:12px;color:var(--j-ai-on-accent);background:var(--j-ai-accent);cursor:pointer;font-size:16px;font-weight:760;margin-top:4px}.login-submit:hover{background:var(--j-ai-accent-hover)}.login-submit:disabled{cursor:not-allowed;opacity:.62}.login-error{border:1px solid var(--j-ai-danger-border);border-radius:8px;color:var(--j-ai-danger-text);background:var(--j-ai-danger-bg);padding:10px 12px;font-size:13px}.login-notice{border:1px solid #86efac;border-radius:8px;color:#166534;background:#dcfce7;padding:10px 12px;font-size:13px}.login-link{justify-self:center;color:var(--j-ai-accent);background:transparent;cursor:pointer;font-size:15px;font-weight:700;padding:4px 8px}.login-link:hover{color:var(--j-ai-accent-hover)}.reset-code-row{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:8px}.reset-code-row button{border:1px solid var(--j-ai-border);border-radius:8px;color:var(--j-ai-text);background:var(--j-ai-surface-raised);cursor:pointer}.reset-code-row button:disabled{cursor:not-allowed;opacity:.62}.codex-shell{display:grid;min-height:100vh;grid-template-columns:48px 244px minmax(0,1fr);background:var(--j-ai-bg)}.activity-rail{display:grid;grid-template-rows:repeat(3,38px) 1fr 38px;gap:8px;border-right:1px solid #27313a;background:#151b22;padding:10px 6px}.rail-button,.toolbar-button,.composer-icon,.send-button{display:grid;place-items:center;border-radius:8px;color:#a7b3c2;background:transparent;cursor:pointer}.rail-button:hover,.rail-button.active,.toolbar-button:hover,.composer-icon:hover{background:#26313b;color:#f8fafc}.rail-button svg,.toolbar-button svg,.composer-icon svg,.send-button svg{width:18px;height:18px}.rail-spacer{min-height:40px}.project-sidebar{min-width:0;height:100vh;overflow:auto;scrollbar-gutter:stable;border-right:1px solid #27313a;background:#172029;padding:14px 10px}.project-brand{display:flex;align-items:center;gap:10px;padding:4px 6px 14px}.brand-mark,.avatar,.message-avatar{display:grid;place-items:center;color:#fff;background:#0f766e;font-weight:800}.brand-mark{width:34px;height:34px;border-radius:8px}.project-brand strong,.project-brand span{display:block}.project-brand strong{color:#f8fafc}.project-brand span{color:#94a3b8;font-size:12px;margin-top:2px}.new-chat-button{position:absolute;right:var(--new-chat-button-right, 18px);bottom:var(--new-chat-button-bottom, 26px);z-index:35;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:112px;height:48px;border-radius:999px;color:#fff;background:#202124;box-shadow:0 14px 34px #02061747;cursor:grab;padding:0 19px;font-weight:700;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}@media(min-width:700px)and (max-width:1180px)and (orientation:portrait){html,body,#app{width:100%;min-height:100dvh;overflow:hidden}.client-shell,.client-shell.sidebar-collapsed{width:100vw;height:100dvh;min-height:100dvh;grid-template-columns:268px minmax(0,1fr);transform:none;overflow:hidden}.client-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.client-sidebar{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;width:auto;height:calc(100dvh - 24px);margin:12px 0 12px 12px;border-radius:20px;padding:18px 12px 12px}.chatgpt-brand-button strong{font-size:22px}.chatgpt-sidebar-actions button,.sidebar-avatar-button{width:34px!important;height:34px!important;flex-basis:34px}.sidebar-primary-nav{gap:12px;margin:6px 0 8px}.sidebar-primary-nav>button,.pinned-conversation-section>.pinned-nav-row{grid-template-columns:30px minmax(0,1fr) auto;gap:12px;min-height:34px;font-size:18px;padding:0 10px}.sidebar-primary-nav>button>svg,.pinned-conversation-section>.pinned-nav-row>svg{width:24px;height:24px}.client-sidebar-scroll{padding-bottom:74px}.client-main,.conversation-shell{min-width:0;height:100dvh;min-height:0;overflow:hidden}.conversation-shell{grid-template-rows:58px minmax(0,1fr) auto}.chatgpt-main-topbar{min-height:58px;padding:0 18px}.conversation-scroll{padding:32px clamp(24px,5vw,58px) 18px}.chatgpt-empty-state{margin-top:10vh}.message-row{width:100%;grid-template-columns:34px minmax(0,1fr);max-width:100%}.message-row.assistant .message-body{max-width:min(680px,calc(100% - 46px))}.message-row.user{display:flex;justify-content:flex-end}.message-row.user .message-body{width:min(620px,78%);min-width:0}.message-row.user .message-text{max-width:100%}.composer-panel,.client-shell .client-composer{width:min(620px,calc(100vw - 356px));margin-bottom:max(18px,env(safe-area-inset-bottom))}.client-shell.sidebar-collapsed .composer-panel,.client-shell.sidebar-collapsed .client-composer{width:min(720px,calc(100vw - 72px))}.composer-box{min-height:56px;padding:7px 10px}.composer-icon{width:38px;height:38px}.send-button{width:40px;height:40px}.new-chat-button{min-width:122px;height:50px;font-size:16px}}.asset-library-main{grid-template-rows:58px minmax(0,1fr)}.image-library-scroll{min-width:0;overflow:auto;background:#fff;padding:28px clamp(18px,4vw,48px) 42px}.image-library-page{display:grid;width:min(1180px,100%);gap:18px;margin:0 auto}.image-library-hero{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #eeeeee;padding:0 0 18px}.image-library-hero-main{display:grid;min-width:0;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:center}.image-library-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:8px;color:#111315;background:#f2f2f2}.image-library-mark svg{width:24px;height:24px}.image-library-hero p,.image-library-hero h1,.image-library-hero small{overflow:hidden;text-overflow:ellipsis}.image-library-hero p{color:#71717a;font-size:13px;font-weight:650;margin:0 0 4px}.image-library-hero h1{color:#0d0d0d;font-size:26px;font-weight:720;line-height:1.18;margin:0}.image-library-hero small{display:block;color:#6b7280;font-size:13px;line-height:1.5;margin-top:7px;white-space:nowrap}.image-library-primary,.image-library-refresh,.image-library-empty button,.image-detail-actions a,.image-detail-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:999px;cursor:pointer;font-weight:700;text-decoration:none;white-space:nowrap}.image-library-primary{flex:0 0 auto;color:#fff;background:#111315;padding:0 16px}.image-library-primary:hover{background:#2f3032}.image-library-primary svg,.image-library-refresh svg{width:17px;height:17px}.image-library-stats{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.image-library-stats article{display:grid;gap:8px;min-height:88px;align-content:center;border:1px solid #eeeeee;border-radius:8px;background:#fff;padding:14px}.image-library-stats span{color:#71717a;font-size:12px;font-weight:650}.image-library-stats strong{color:#0d0d0d;font-size:28px;font-weight:760}.image-library-toolbar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.image-library-tabs{display:inline-flex;min-width:0;gap:4px;overflow-x:auto;border:1px solid #eeeeee;border-radius:999px;background:#f7f7f8;padding:4px}.image-library-tabs button{flex:0 0 auto;min-height:32px;border-radius:999px;color:#52525b;background:transparent;cursor:pointer;font-size:13px;font-weight:700;padding:0 13px}.image-library-tabs button:hover,.image-library-tabs button.active{color:#0d0d0d;background:#fff;box-shadow:0 1px 4px #00000014}.image-library-refresh{flex:0 0 auto;border:1px solid #e5e7eb;color:#0d0d0d;background:#fff;padding:0 13px}.image-library-refresh:hover{background:#f5f5f5}.image-library-refresh:disabled{cursor:wait;opacity:.58}.image-library-error{border:1px solid #fecaca;border-radius:8px;color:#991b1b;background:#fef2f2;font-size:13px;line-height:1.5;padding:10px 12px}.image-library-empty{display:grid;min-height:320px;place-items:center;align-content:center;gap:10px;border:1px dashed #d8d8d8;border-radius:8px;color:#71717a;background:#fafafa;text-align:center;padding:32px 18px}.image-library-empty>svg{width:34px;height:34px;color:#0d0d0d}.image-library-empty strong{color:#0d0d0d;font-size:18px}.image-library-empty span{max-width:420px;color:#71717a;line-height:1.6}.image-library-empty button{min-height:36px;color:#fff;background:#111315;margin-top:4px;padding:0 14px}.image-library-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:18px;align-items:start}.image-library-grid{display:grid;min-width:0;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}.image-asset-card{display:grid;min-width:0;gap:9px;border:1px solid #eeeeee;border-radius:8px;background:#fff;cursor:pointer;padding:8px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.image-asset-card:hover,.image-asset-card.selected{border-color:#111315;box-shadow:0 12px 28px #00000014}.image-asset-card:hover{transform:translateY(-1px)}.image-asset-preview{display:grid;overflow:hidden;aspect-ratio:4 / 5;place-items:center;border-radius:8px;color:#71717a;background:#f4f4f4}.image-asset-preview img{display:block;width:100%;height:100%;object-fit:cover}.image-preview-trigger{display:block;width:100%;height:100%;border:0;background:transparent;cursor:zoom-in;padding:0}.image-preview-trigger img{display:block;width:100%;height:100%;object-fit:cover}.image-asset-preview.empty{border:1px dashed #d8d8d8}.image-asset-preview.pending{background:repeating-linear-gradient(90deg,#f7f7f8 0,#f7f7f8 12px,#eee 12px,#eee 24px)}.image-asset-preview.failed{color:#b91c1c;background:#fef2f2}.image-asset-preview span{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#ffffffb8}.image-asset-preview svg{width:21px;height:21px}.image-asset-meta{display:grid;min-width:0;gap:3px}.image-asset-meta strong,.image-asset-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-asset-meta strong{color:#0d0d0d;font-size:14px;font-weight:650}.image-asset-meta small{color:#71717a;font-size:12px}.image-asset-actions{display:flex;gap:6px;align-items:center}.image-asset-actions a,.image-asset-actions button{display:grid;width:30px;height:30px;place-items:center;border:1px solid #eeeeee;border-radius:8px;color:#3f3f46;background:#fff;cursor:pointer;text-decoration:none}.image-asset-actions a:hover,.image-asset-actions button:hover{border-color:#d4d4d8;color:#0d0d0d;background:#f7f7f8}.image-asset-actions button.danger{color:#dc2626}.image-asset-actions button.danger:hover{border-color:#fecaca;color:#b91c1c;background:#fff1f2}.image-asset-actions svg{width:16px;height:16px}.image-library-detail{position:sticky;top:18px;display:grid;overflow:hidden;min-width:0;border:1px solid #eeeeee;border-radius:8px;background:#fff}.image-detail-preview{display:grid;min-height:280px;aspect-ratio:4 / 5;place-items:center;border-bottom:1px solid #eeeeee;background:#f7f7f8}.image-detail-preview img{display:block;width:100%;height:100%;object-fit:contain}.image-detail-preview.empty{color:#71717a}.image-detail-preview svg{width:36px;height:36px}.image-detail-main{display:grid;gap:10px;padding:14px}.image-detail-main h2{color:#0d0d0d;font-size:18px;font-weight:720;line-height:1.35;margin:0}.image-detail-main p{color:#52525b;font-size:13px;line-height:1.65;margin:0}.image-detail-main dl{display:grid;gap:8px;margin:2px 0 0}.image-detail-main dl div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:baseline}.image-detail-main dt,.image-detail-main dd{overflow:hidden;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.image-detail-main dt{color:#71717a}.image-detail-main dd{color:#0d0d0d;margin:0}.image-detail-actions{display:grid;gap:8px;border-top:1px solid #eeeeee;padding:12px 14px 14px}.image-detail-actions a,.image-detail-actions button{width:100%;min-height:38px;border:1px solid #e5e7eb;color:#0d0d0d;background:#fff}.image-detail-actions a:hover,.image-detail-actions button:hover{background:#f5f5f5}.image-detail-actions .primary-action{border-color:#111315;color:#fff;background:#111315}.image-detail-actions .primary-action:hover{background:#2f3032}.image-detail-actions .danger{border-color:#fecaca;color:#dc2626;background:#fff7f7}.image-detail-actions .danger:hover{border-color:#fca5a5;color:#b91c1c;background:#fff1f2}@media(max-width:1180px){.image-library-layout{grid-template-columns:1fr}.image-library-detail{position:static}}@media(max-width:767px){.asset-library-main{grid-template-rows:48px minmax(0,1fr)}.image-library-scroll{padding:18px 12px 28px}.image-library-hero{display:grid;align-items:start}.image-library-hero-main{grid-template-columns:38px minmax(0,1fr);gap:10px}.image-library-mark{width:38px;height:38px}.image-library-hero h1{font-size:21px}.image-library-hero small{white-space:normal}.image-library-primary{width:100%}.image-library-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.image-library-toolbar{align-items:stretch;flex-direction:column}.image-library-refresh{width:100%}.image-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-detail-main dl div{grid-template-columns:1fr;gap:3px}}.project-brand.chatgpt-sidebar-head .chatgpt-sidebar-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;height:40px}.project-brand.chatgpt-sidebar-head .chatgpt-sidebar-actions button{display:inline-grid;place-items:center;padding:0;line-height:1}.project-brand.chatgpt-sidebar-head .chatgpt-sidebar-actions button:not(.sidebar-avatar-button) svg{display:block;transform:translateY(1px)}.project-brand.chatgpt-sidebar-head .sidebar-avatar-button{display:inline-grid;place-items:center;border-radius:999px!important}.media-thinking-label{width:min(420px,100%);color:#6f7379;font-size:16px;font-weight:500;line-height:1.4;margin:2px 0 12px}.artifact-card.artifact-media-card{overflow:visible;width:min(520px,100%);max-width:min(520px,100%);border:0!important;border-radius:0;background:transparent!important;box-shadow:none;color:#111315;margin-top:0}.artifact-card.artifact-media-card .artifact-head{display:none}.artifact-card.artifact-media-card .artifact-preview{display:flex;align-items:center;justify-content:center;overflow:visible;width:min(520px,100%);border-radius:24px;background:transparent}.artifact-card.artifact-media-card .artifact-preview-button{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;border:0;border-radius:24px;background:transparent;cursor:zoom-in;padding:0}.artifact-card.artifact-media-card .artifact-image,.artifact-card.artifact-media-card .artifact-video{display:block;border-radius:24px;object-fit:contain;box-shadow:0 22px 58px #0f172a24}.artifact-card.artifact-media-card .artifact-image{width:auto;max-width:100%;height:auto;max-height:min(72vh,720px);background:transparent}.artifact-card.artifact-media-card .artifact-video{width:min(520px,100%);max-height:min(72vh,720px);background:#101214}.artifact-card.artifact-media-card .artifact-preview-button .artifact-image{width:auto}.artifact-card.artifact-media-card.image.aspect-9-16,.artifact-card.artifact-media-card.image.aspect-3-4{width:min(390px,100%);max-width:min(390px,100%)}.artifact-card.artifact-media-card.image.aspect-1-1{width:min(460px,100%);max-width:min(460px,100%)}.artifact-card.artifact-media-card.image.aspect-16-9,.artifact-card.artifact-media-card.image.aspect-4-3{width:min(620px,100%);max-width:min(620px,100%)}.artifact-card.artifact-media-card.image.aspect-9-16 .artifact-preview,.artifact-card.artifact-media-card.image.aspect-9-16 .artifact-preview-button,.artifact-card.artifact-media-card.image.aspect-3-4 .artifact-preview,.artifact-card.artifact-media-card.image.aspect-3-4 .artifact-preview-button,.artifact-card.artifact-media-card.image.aspect-1-1 .artifact-preview,.artifact-card.artifact-media-card.image.aspect-1-1 .artifact-preview-button,.artifact-card.artifact-media-card.image.aspect-16-9 .artifact-preview,.artifact-card.artifact-media-card.image.aspect-16-9 .artifact-preview-button,.artifact-card.artifact-media-card.image.aspect-4-3 .artifact-preview,.artifact-card.artifact-media-card.image.aspect-4-3 .artifact-preview-button{width:100%}.artifact-card.artifact-media-card.image.aspect-9-16 .artifact-image{max-height:min(78vh,760px)}.artifact-card.artifact-media-card.image.aspect-3-4 .artifact-image,.artifact-card.artifact-media-card.image.aspect-1-1 .artifact-image,.artifact-card.artifact-media-card.image.aspect-16-9 .artifact-image,.artifact-card.artifact-media-card.image.aspect-4-3 .artifact-image{max-height:min(72vh,680px)}.artifact-card.artifact-media-card.is-batch{width:min(720px,100%);max-width:min(720px,100%)}.artifact-card.artifact-media-card .artifact-batch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;width:min(720px,100%)}.artifact-card.artifact-media-card .artifact-batch-item{overflow:hidden;position:relative;min-height:180px;border-radius:22px;background:#f5f6f7;box-shadow:0 18px 42px #0f172a1a}.artifact-card.artifact-media-card .artifact-batch-preview{width:100%;height:100%;min-height:180px;border-radius:inherit}.artifact-card.artifact-media-card .artifact-batch-item .artifact-image{width:100%;height:100%;min-height:180px;max-height:360px;border-radius:inherit;object-fit:cover;box-shadow:none}.artifact-card.artifact-media-card .artifact-batch-state{display:grid;place-items:center;gap:12px;min-height:180px;color:#6b7280;font-size:13px;text-align:center;padding:16px}.artifact-card.artifact-media-card .artifact-batch-state .generation-preview{width:min(140px,72%);border-radius:28px}.artifact-card.artifact-media-card .artifact-batch-state.failed{align-content:center;background:#fff1f2;color:#b91c1c}.artifact-card.artifact-media-card .artifact-batch-state.failed strong{color:#991b1b}.artifact-card.artifact-media-card .artifact-batch-state.failed span{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.45}.artifact-card.artifact-media-card .artifact-generating{display:block;min-height:0;border-top:0;padding:0}.artifact-card.artifact-media-card .generation-preview{position:relative;overflow:hidden;width:min(340px,76vw);aspect-ratio:4 / 5;min-height:0;border:0;border-radius:34px;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.82),transparent 34%),radial-gradient(circle at 78% 72%,rgba(218,220,224,.7),transparent 36%),linear-gradient(145deg,#f7f7f7,#eceeef 48%,#f6f6f5);box-shadow:inset 0 1px #ffffffe6,inset 0 -18px 50px #adb5bd1f,0 20px 48px #0f172a14}.artifact-card.artifact-media-card .generation-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(108deg,transparent 30%,rgba(255,255,255,.82) 48%,transparent 66%);animation:media-sweep 2.6s ease-in-out infinite}.artifact-card.artifact-media-card .generation-grid{position:absolute;top:15%;right:20%;bottom:15%;left:20%;opacity:.48;background-image:radial-gradient(circle,rgba(68,72,76,.58) 1.15px,transparent 1.35px);background-position:center;background-size:14px 14px;-webkit-mask-image:radial-gradient(ellipse at center,#000 12%,rgba(0,0,0,.86) 45%,transparent 76%);mask-image:radial-gradient(ellipse at center,#000 12%,rgba(0,0,0,.86) 45%,transparent 76%);animation:media-dot-breathe 1.8s ease-in-out infinite}.artifact-card.artifact-media-card .generation-scan{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.45),transparent 42%),linear-gradient(to bottom,rgba(255,255,255,.18),transparent 35%,rgba(180,185,190,.1));animation:media-soft-glow 2.8s ease-in-out infinite}.artifact-card.artifact-media-card .generation-icon,.artifact-card.artifact-media-card .generation-copy,.artifact-card.artifact-media-card.is-pending .artifact-actions{display:none}.artifact-card.artifact-media-card .artifact-actions{display:flex;align-items:center;gap:8px;border-top:0;background:transparent;padding:10px 0 0}.artifact-card.artifact-media-card .artifact-actions button,.artifact-card.artifact-media-card .artifact-actions a{min-width:0;min-height:32px;border:1px solid #e5e7eb;border-radius:999px;color:#4b5563;background:#ffffffd6;font-size:13px;padding:0 12px;box-shadow:0 8px 20px #0f172a0f}.artifact-card.artifact-media-card .artifact-actions button:hover,.artifact-card.artifact-media-card .artifact-actions a:hover{color:#111315;background:#fff}.document-artifact-card{display:grid;grid-template-columns:128px minmax(0,1fr);gap:18px;width:min(620px,100%);border:1px solid rgba(17,19,21,.08)!important;border-radius:24px;background:linear-gradient(135deg,#fffffff5,#f8fafceb)!important;color:#111315;box-shadow:0 20px 52px #0f172a1c;padding:18px}.document-artifact-card.is-ready{border-color:#1113151a!important}.document-artifact-card.is-failed{border-color:#dc262647!important;background:linear-gradient(135deg,snow,#fff)!important}.document-artifact-visual{position:relative;display:grid;min-height:148px;place-items:center;border-radius:20px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.88),transparent 34%),linear-gradient(145deg,#edf2f7,#f8fafc 54%,#e8eef5);box-shadow:inset 0 1px #ffffffeb,inset 0 -18px 44px #94a3b826;overflow:hidden}.document-artifact-card.is-generating .document-artifact-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(108deg,transparent 28%,rgba(255,255,255,.84) 48%,transparent 68%);animation:document-sweep 2.4s ease-in-out infinite}.document-page-visual{position:relative;z-index:1;display:grid;width:72px;min-height:94px;align-content:start;gap:7px;border:1px solid rgba(17,24,39,.12);border-radius:12px;background:#ffffffe0;box-shadow:0 14px 34px #0f172a1a;padding:12px 10px}.document-page-visual span{color:#111315;font-size:10px;font-weight:850;letter-spacing:.08em}.document-page-visual i{display:block;height:5px;border-radius:999px;background:#d5dbe3}.document-page-visual i:nth-child(3){width:82%}.document-page-visual i:nth-child(4){width:64%}.document-page-visual i:nth-child(5){width:76%}.document-artifact-spark{position:absolute;z-index:2;inset:auto 18px 18px auto;display:inline-flex;gap:5px}.document-artifact-spark span{width:5px;height:5px;border-radius:999px;background:#111315;opacity:.34;animation:document-dot 1.15s ease-in-out infinite}.document-artifact-spark span:nth-child(2){animation-delay:.18s}.document-artifact-spark span:nth-child(3){animation-delay:.36s}.document-artifact-check{position:absolute;right:14px;bottom:14px;display:grid;width:30px;height:30px;place-items:center;border-radius:999px;color:#fff;background:#111315;box-shadow:0 10px 24px #11131533}.document-artifact-check svg{width:16px;height:16px}.document-artifact-main{display:grid;min-width:0;align-content:center;gap:10px}.document-artifact-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.document-artifact-head>div{min-width:0}.document-artifact-head strong{overflow:hidden;color:#111315;display:block;font-size:17px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.document-artifact-head span{display:block;overflow:hidden;color:#6b7280;font-size:13px;line-height:1.45;margin-top:4px;text-overflow:ellipsis;white-space:nowrap}.document-artifact-head em{flex:none;border-radius:999px;color:#fff;background:#111315;font-size:12px;font-style:normal;font-weight:760;line-height:1;padding:7px 10px}.document-artifact-card.is-generating .document-artifact-head em{color:#111315;background:#eef0f3}.document-artifact-card.is-failed .document-artifact-head em{color:#991b1b;background:#fee2e2}.document-artifact-main p{color:#374151;font-size:14px;line-height:1.55;margin:0}.document-artifact-steps{display:grid;gap:6px;border-radius:14px;background:#f3f4f6d1;padding:10px 12px}.document-artifact-steps span{position:relative;overflow:hidden;color:#6b7280;font-size:12px;line-height:1.35;padding-left:14px;text-overflow:ellipsis;white-space:nowrap}.document-artifact-steps span:before{content:"";position:absolute;left:0;top:.45em;width:6px;height:6px;border-radius:999px;background:#c3cad4}.document-artifact-steps span.running:before{background:#111315;animation:document-dot 1.15s ease-in-out infinite}.document-artifact-steps span.done:before{background:#111315}.document-artifact-steps span.error{color:#b91c1c}.document-artifact-steps span.error:before{background:#dc2626}.document-artifact-card .artifact-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px;padding:0;border:0;background:transparent}.document-artifact-card .artifact-actions button{display:inline-flex;align-items:center;gap:7px;min-height:36px;min-width:0;border:1px solid rgba(17,19,21,.12);border-radius:999px;color:#111315;background:#fff;font-size:13px;font-weight:740;padding:0 14px;box-shadow:0 10px 22px #0f172a12}.document-artifact-card .artifact-actions button.primary{border-color:#111315;color:#fff;background:#111315}.document-artifact-card .artifact-actions button svg{width:15px;height:15px}.document-artifact-card .artifact-actions button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #0f172a1a}.document-artifact-card .artifact-actions button:disabled{opacity:.45;cursor:not-allowed}@keyframes document-sweep{0%{transform:translate(-120%);opacity:0}24%{opacity:1}to{transform:translate(120%);opacity:0}}@keyframes document-dot{0%,to{transform:translateY(0);opacity:.32}50%{transform:translateY(-2px);opacity:1}}@media(max-width:680px){.document-artifact-card{grid-template-columns:1fr}.document-artifact-visual{min-height:132px}}.media-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;display:grid;place-items:center;padding:26px}.media-preview-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#070a0dd1;cursor:zoom-out}.media-preview-dialog{position:relative;z-index:1;display:grid;gap:12px;width:min(1120px,96vw);max-height:94vh;margin:0}.media-preview-dialog header,.media-preview-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff}.media-preview-dialog header>div{display:grid;min-width:0;gap:3px}.media-preview-dialog strong,.media-preview-dialog small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-preview-dialog strong{font-size:17px;font-weight:650}.media-preview-dialog small{color:#ffffffad;font-size:13px}.media-preview-dialog header button{display:grid;width:38px;height:38px;flex:none;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;background:#ffffff1a;cursor:pointer}.media-preview-dialog header button:hover{background:#ffffff2e}.media-preview-dialog header svg{width:18px;height:18px}.media-preview-dialog>img{display:block;max-width:100%;max-height:calc(94vh - 110px);justify-self:center;border-radius:12px;background:#111315;object-fit:contain;box-shadow:0 28px 90px #0000006b}.media-preview-nav{position:absolute;top:50%;z-index:3;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:#090c108a;box-shadow:0 16px 40px #00000047;cursor:pointer;transform:translateY(-50%);transition:background .16s ease,transform .16s ease,opacity .16s ease}.media-preview-nav:hover{background:#090c10b8;transform:translateY(-50%) scale(1.04)}.media-preview-nav svg{width:22px;height:22px}.media-preview-nav-prev{left:14px}.media-preview-nav-next{right:14px}.media-preview-dialog footer{justify-content:center}.media-preview-dialog footer a,.media-preview-dialog footer button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:#ffffff1a;cursor:pointer;font-size:14px;line-height:36px;text-decoration:none;padding:0 16px}.media-preview-dialog footer a:hover,.media-preview-dialog footer button:hover{background:#ffffff2e}@media(max-width:680px){.media-preview-overlay{padding:16px}.media-preview-nav{width:40px;height:40px}.media-preview-nav-prev{left:8px}.media-preview-nav-next{right:8px}}@keyframes media-dot-breathe{0%,to{opacity:.34;transform:scale(.98)}50%{opacity:.62;transform:scale(1.02)}}@keyframes media-sweep{0%{transform:translate(-130%);opacity:0}24%{opacity:.8}72%,to{transform:translate(130%);opacity:0}}@keyframes media-soft-glow{0%,to{opacity:.55}50%{opacity:.92}}.new-chat-button:hover{background:#111315;box-shadow:0 18px 40px #02061757;transform:translateY(-1px)}.new-chat-button.dragging,.new-chat-button.dragging:hover{z-index:70;cursor:grabbing;transform:none;transition:none}.new-chat-button svg{width:20px;height:20px}.history-search-panel{display:grid;gap:8px}.history-search-box{display:grid;grid-template-columns:18px minmax(0,1fr) 24px;gap:7px;align-items:center;min-height:38px;border:1px solid color-mix(in srgb,var(--j-ai-sidebar-border) 68%,transparent);border-radius:12px;color:var(--j-ai-sidebar-muted);background:color-mix(in srgb,var(--j-ai-sidebar-hover) 62%,var(--j-ai-sidebar) 38%);padding:0 8px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.history-search-box:focus-within{border-color:color-mix(in srgb,var(--j-ai-accent) 42%,var(--j-ai-sidebar-border));background:color-mix(in srgb,var(--j-ai-sidebar-hover) 76%,var(--j-ai-sidebar) 24%);box-shadow:0 0 0 3px color-mix(in srgb,var(--j-ai-accent) 13%,transparent)}.history-search-box>svg{width:16px;height:16px}.history-search-box input{min-width:0;border:0;outline:0;color:var(--j-ai-sidebar-text);background:transparent;font-size:13px}.history-search-box input::placeholder{color:var(--j-ai-sidebar-muted)}.history-search-box input::-webkit-search-cancel-button{display:none}.history-search-box button{display:grid;width:22px;height:22px;place-items:center;border-radius:6px;color:#8fa0b4;background:transparent;cursor:pointer}.history-search-box button:hover{color:#f8fafc;background:#26313b}.history-search-box button svg{width:13px;height:13px}.history-search-status{color:var(--j-ai-sidebar-muted);font-size:12px;line-height:1.2;margin:-2px 6px 0}.history-search-status.error{color:#ffb4b4}.sidebar-search-results{display:grid;gap:4px;padding:2px 0 12px}.search-result-title{margin:0 4px 6px}.search-result-row{min-height:44px}.search-empty-state{color:var(--j-ai-sidebar-muted);font-size:13px;line-height:1.5;padding:12px 6px}.workspace-tabs{display:grid;gap:8px;margin-top:10px}.workspace-tabs button,.admin-nav-row{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;border-radius:8px;color:#9aa9b9;background:transparent;cursor:pointer;padding:0 10px;text-align:left}.workspace-tabs button svg{width:16px;height:16px}.workspace-tabs button:hover,.workspace-tabs button.active,.admin-nav-row:hover,.admin-nav-row.active{color:#f8fafc;background:#26313b}.sidebar-section{border-top:1px solid #27313a;margin-top:14px;padding-top:12px}.section-title{display:flex;align-items:center;justify-content:space-between;color:#8fa0b4;font-size:12px;margin:0 4px 8px}.section-title em{color:#cbd5e1;font-style:normal}.section-title-actions{display:inline-flex;gap:8px;align-items:center}.section-title-actions button{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;color:#9fb3c8;background:transparent;cursor:pointer}.section-title-actions button:hover{color:#fff;background:#2c3945}.section-title-actions svg{width:14px;height:14px}.agent-group+.agent-group{margin-top:12px}.group-title{display:flex;width:100%;align-items:center;justify-content:space-between;overflow:hidden;border-radius:7px;color:#9aa9b9;background:transparent;cursor:pointer;font-size:12px;padding:5px 6px;text-align:left}.group-title:hover{color:#dbeafe;background:#202b35}.group-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-title svg{flex:0 0 auto;width:13px;height:13px}.agent-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;width:100%;min-height:44px;border-radius:8px;color:#dbe7f3;background:transparent;cursor:pointer;padding:6px;text-align:left}.conversation-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;width:100%;min-height:42px;border-radius:8px;color:#dbe7f3;background:transparent;cursor:pointer;padding:6px;text-align:left}.project-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-height:38px;border-radius:8px;color:#dbe7f3;background:transparent;cursor:pointer;padding:6px;text-align:left}.collection-row{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:center;width:100%;min-height:42px;border-radius:8px;color:#dbe7f3;background:transparent;cursor:pointer;padding:6px;text-align:left}.collection-row:hover{background:#293541}.collection-row .project-toggle-button{pointer-events:none}.sidebar-section-heading,.section-title.sidebar-section-heading{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-height:42px;border:0;border-radius:8px;color:#dbe7f3;background:transparent;cursor:pointer;padding:6px;text-align:left}.sidebar-section-heading:hover{background:#293541}.sidebar-section-heading-icon{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;color:#a7c2da;background:#22303d}.sidebar-section-heading-icon svg{width:15px;height:15px}.sidebar-section-heading-icon.platform{overflow:hidden;border-radius:50%;background:transparent}.sidebar-section-heading-icon.platform img{display:block;width:100%;height:100%;object-fit:cover}.sidebar-section-heading-main{min-width:0}.sidebar-section-heading-title{display:block;overflow:hidden;color:#edf2f7;font-size:13px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sidebar-section-heading-main small{display:block;overflow:hidden;color:#91a0b2;font-size:12px;line-height:1.25;margin-top:2px;text-overflow:ellipsis;white-space:nowrap}.sidebar-platform-heading,.sidebar-recent-heading{margin-bottom:8px}.collection-folder.favorite{color:#f5c542;background:#f5c54221}.collection-folder.pinned{color:#dbe7f3;background:#dbe7f31f}.collection-conversation-list{margin-bottom:0}.agent-section-body{display:grid;gap:3px;padding-top:4px}.conversation-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.conversation-row:hover .conversation-actions,.conversation-row:focus-within .conversation-actions,.conversation-row.selected .conversation-actions,.project-row:hover .conversation-actions,.project-row:focus-within .conversation-actions,.project-row.selected .conversation-actions{opacity:1}.conversation-actions button{display:grid;width:26px;height:26px;place-items:center;border-radius:7px;color:#9fb3c8;background:transparent;cursor:pointer;font-size:12px}.conversation-actions button:hover{color:#fff;background:#3a4654}.sidebar-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;background:transparent;cursor:default}.menu-anchor{position:relative;z-index:1;display:inline-flex;min-width:0;gap:2px;align-items:center;justify-content:center}.menu-anchor-open{z-index:120}.ellipsis-button,.compose-icon-button,.favorite-button{display:grid;width:26px;height:26px;place-items:center;border-radius:7px;color:#8ea0b4;background:transparent;cursor:pointer}.favorite-button{opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease}.conversation-row:hover .favorite-button,.conversation-row:focus-within .favorite-button,.conversation-row.selected .favorite-button,.favorite-button.active{opacity:1}.favorite-button.active{color:#f5c542}.favorite-button:disabled{cursor:wait;opacity:.55}.ellipsis-button:hover,.compose-icon-button:hover,.favorite-button:hover,.project-row.selected .ellipsis-button,.project-row.selected .compose-icon-button,.conversation-row.selected .ellipsis-button,.conversation-row.selected .favorite-button{color:#f8fafc;background:#334155}.favorite-button.active:hover,.conversation-row.selected .favorite-button.active{color:#f5c542}.ellipsis-button svg,.compose-icon-button svg,.favorite-button svg{width:15px;height:15px}.sidebar-action-menu{position:absolute;top:30px;right:0;z-index:30;display:grid;min-width:152px;border:1px solid rgb(15 23 42 / .08);border-radius:14px;box-shadow:0 18px 42px #0f172a2e;background:#fff;padding:6px}.sidebar-action-menu.conversation-menu{position:fixed;top:var(--conversation-menu-top, 0);right:auto;left:var(--conversation-menu-left, 0);z-index:130;min-width:124px}.sidebar-action-menu button{display:flex;align-items:center;width:100%;min-height:34px;border-radius:10px;color:#111827;background:transparent;cursor:pointer;font-size:14px;font-weight:500;line-height:1.2;text-align:left;letter-spacing:0;padding:0 12px}.sidebar-action-menu button:hover{background:#f3f4f6}.sidebar-action-menu button:disabled{cursor:wait;opacity:.55}.sidebar-action-menu.conversation-menu button{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;min-height:32px;border-radius:8px;font-size:13px;padding:0 9px}.sidebar-action-menu.conversation-menu svg{width:15px;height:15px;color:#667085}.sidebar-action-menu button.danger{color:#dc2626}.sidebar-action-menu.conversation-menu button.danger svg{color:#dc2626}.sidebar-action-menu button.danger:hover{background:#fef2f2}.sidebar-primary-nav{position:relative}.sidebar-more-menu{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:80;display:grid;gap:4px;max-height:min(280px,calc(100vh - 260px));overflow:auto;border:1px solid rgb(15 23 42 / .08);border-radius:16px;background:#fff;box-shadow:0 18px 42px #0f172a29;margin:0;padding:6px}.sidebar-more-menu button{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;width:100%;min-height:48px;border-radius:12px;color:#111827;background:transparent;cursor:pointer;text-align:left;padding:6px 10px}.sidebar-more-menu button:hover{background:#f3f4f6}.sidebar-more-menu svg{width:20px;height:20px;color:#475569}.sidebar-more-menu span{display:grid;min-width:0;gap:2px}.sidebar-more-menu strong{overflow:hidden;color:#111827;font-size:14px;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.sidebar-more-menu small{overflow:hidden;color:#64748b;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.agent-row:hover,.agent-row.selected,.project-row:hover,.project-row.selected,.conversation-row:hover,.conversation-row.selected{background:#293541}.conversation-row:disabled{cursor:wait;opacity:.72}.conversation-icon{display:grid;width:24px;height:24px;place-items:center;border-radius:6px;color:#fff;background:#334155;font-size:12px;font-weight:800}.project-folder{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;color:#a7c2da;background:#22303d}.project-folder svg{width:15px;height:15px}.project-main{min-width:0}.project-name-line{display:flex;min-width:0;align-items:center;gap:4px}.project-name-line strong{min-width:0}.project-toggle-button{display:grid;flex:0 0 auto;width:18px;height:18px;place-items:center;border-radius:5px;color:#95a5b8;background:transparent;cursor:pointer}.project-toggle-button:hover{color:#f8fafc;background:#334155}.project-toggle-button svg{width:13px;height:13px}.project-conversation-list{display:grid;gap:4px;border-left:1px solid #334155;margin:2px 0 8px 18px;padding-left:10px}.project-conversation-row{min-height:38px;padding:5px 6px}.empty-sidebar-text.nested{padding:4px 8px 8px}.conversation-main{min-width:0}.avatar{width:28px;height:28px;border-radius:50%;background:#475569;font-size:13px}.avatar.image{object-fit:cover}.agent-row strong,.agent-row small,.project-row strong,.project-row small,.collection-row strong,.collection-row small,.conversation-row strong,.conversation-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-row strong,.project-row strong,.collection-row strong,.conversation-row strong{color:#edf2f7;font-size:13px}.agent-row small,.project-row small,.collection-row small,.conversation-row small{color:#91a0b2;font-size:12px;margin-top:2px}.empty-sidebar-text{color:#708094;font-size:12px;padding:8px 6px}.artifact-actions button,.artifact-actions a,.mode-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;cursor:pointer;text-decoration:none}.conversation-shell{display:grid;min-width:0;height:100vh;grid-template-rows:minmax(0,1fr) auto;background:var(--j-ai-bg)}.workspace-main{grid-template-rows:52px minmax(0,1fr)}.conversation-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #262c33;padding:0 18px}.conversation-header h1{margin:0;color:#f8fafc;font-size:15px;font-weight:750;letter-spacing:0}.conversation-header p{overflow:hidden;max-width:64vw;color:#8fa0b4;font-size:12px;margin:4px 0 0;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;gap:8px}.toolbar-button{width:34px;height:34px}.toolbar-button:disabled{cursor:wait;opacity:.55}.conversation-scroll{display:grid;align-content:start;gap:18px;overflow:auto;scrollbar-gutter:stable;padding:28px min(9vw,132px) 18px}.conversation-history-gate{display:flex;justify-content:center;width:100%;padding:2px 0 4px}.conversation-history-gate button{border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#475569;font-size:13px;font-weight:650;padding:8px 14px}.conversation-history-gate button:hover{border-color:#cbd5e1;color:#111827;background:#f8fafc}.conversation-history-gate button:disabled{cursor:wait;opacity:.65}.message-row{display:grid;grid-template-columns:34px minmax(0,820px);gap:12px}.message-row.user{grid-template-columns:minmax(0,820px);justify-content:end}.message-avatar{width:30px;height:30px;border-radius:8px;font-size:13px}.message-body{min-width:0}.message-avatar img,.message-avatar span{display:grid;width:100%;height:100%;place-items:center;border-radius:inherit;object-fit:cover}.message-text{width:fit-content;max-width:100%;border-radius:8px;color:#e6edf3;line-height:1.82;margin:0;white-space:normal}.message-text p,.message-text ul,.message-text ol,.message-text h2,.message-text h3,.message-text h4{margin:0 0 12px}.message-text p:last-child,.message-text ul:last-child,.message-text ol:last-child,.message-text h2:last-child,.message-text h3:last-child,.message-text h4:last-child{margin-bottom:0}.message-text h2,.message-text h3,.message-text h4{color:inherit;font-size:1.06em;font-weight:760;line-height:1.45}.message-text ul,.message-text ol{display:grid;gap:8px;padding-left:1.45em}.message-text li{padding-left:.15em}.message-text hr{height:1px;border:0;background:#e5e7eb;margin:14px 0}.message-text strong{font-weight:780}.message-choice-list{gap:10px}.message-text code{border-radius:4px;background:#94a3b82e;font-size:.92em;padding:1px 5px}.message-row.assistant .message-text{background:transparent}.message-row.user .message-text{justify-self:end;background:#252b32;padding:10px 12px}.message-actions{display:flex;gap:6px;align-items:center;margin-top:10px}.message-row.user .message-actions{width:fit-content;margin-left:auto}.message-actions button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:8px;color:#64748b;background:transparent;padding:0}.message-actions button:hover{color:#111827;background:#f1f5f9}.message-actions button svg{width:16px;height:16px}.message-actions button.danger{color:#94a3b8;background:transparent}.message-actions button.danger:hover{color:#dc2626;background:#fee2e2}.message-actions button:disabled{cursor:wait;opacity:.58}.agent-guide-card{display:grid;gap:14px;max-width:780px;border:1px solid #2e3843;border-radius:8px;background:#151a20;padding:14px}.agent-guide-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}.agent-guide-head img,.agent-guide-head>span{display:grid;width:44px;height:44px;place-items:center;border-radius:10px;color:#fff;background:#0f766e;font-weight:800;object-fit:cover}.agent-guide-head strong,.agent-guide-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-guide-head strong{color:#f8fafc;font-size:15px}.agent-guide-head small{color:#8fa0b4;margin-top:4px}.agent-guide-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.agent-guide-body div{border:1px solid #27313a;border-radius:8px;background:#11161b;padding:11px}.agent-guide-body span{color:#8dd3c7;font-size:12px;font-weight:760}.agent-guide-body p{color:#dbe7f3;line-height:1.65;margin:7px 0 0}.operation-trace{max-width:760px;border-left:2px solid #303942;color:#91a0b2;margin:2px 0 12px;padding:1px 0 1px 12px}.operation-thinking{display:inline-flex;align-items:center;gap:10px;width:fit-content;max-width:min(360px,100%);border-radius:999px;color:#6b7280;background:#f4f4f4;margin:2px 0 12px;padding:9px 14px;font-size:15px;line-height:1.4}.operation-thinking-dots{display:inline-flex;align-items:center;gap:4px}.operation-thinking-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.32;animation:operation-thinking-pulse 1.18s ease-in-out infinite}.operation-thinking-dots i:nth-child(2){animation-delay:.16s}.operation-thinking-dots i:nth-child(3){animation-delay:.32s}.operation-error{width:fit-content;max-width:min(620px,100%);border-radius:16px;color:#b42318;background:#fff1f1;margin:2px 0 12px;padding:10px 14px;font-size:15px;line-height:1.55}@keyframes operation-thinking-pulse{0%,80%,to{transform:translateY(0);opacity:.28}40%{transform:translateY(-3px);opacity:.9}}.operation-title,.result-title{color:#d9e2ec;font-size:13px;font-weight:750;letter-spacing:0}.operation-title{margin-bottom:6px}.operation-line{color:#8fa0b4;font-size:13px;line-height:1.65;margin:3px 0}.operation-line.running{color:#b7c9dc}.operation-line.error{color:#fecaca}.result-title{margin:0 0 8px}.artifact-card{overflow:hidden;max-width:760px;border:1px solid #303b46;border-radius:8px;background:#171b20;margin-top:10px;box-shadow:0 16px 42px #00000038}.artifact-card.is-pending{border-color:#405263}.artifact-card.is-failed{border-color:#5f2b32}.artifact-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #27313a;background:#181d23;padding:12px 14px}.artifact-head>div{min-width:0}.artifact-head>div strong,.artifact-head>div span{display:block}.artifact-head>div strong{color:#f1f5f9;font-size:14px}.artifact-head>div span{overflow:hidden;max-width:520px;color:#8fa0b4;font-size:12px;margin-top:3px;text-overflow:ellipsis;white-space:nowrap}.artifact-preview{background:#101214}.artifact-status{flex:none;min-width:60px;border:1px solid #344150;border-radius:999px;color:#b7c9dc;background:#202832;font-size:12px;line-height:1;margin-top:0;padding:6px 10px;text-align:center;white-space:nowrap}.artifact-status.pending{border-color:#345d73;color:#c5e7ff;background:#18313d}.artifact-status.success{border-color:#2e6a4a;color:#bbf7d0;background:#143321}.artifact-status.danger{border-color:#70323a;color:#fecaca;background:#36171b}.artifact-image,.artifact-video{display:block;width:100%;max-height:460px;object-fit:contain;background:#101214}.artifact-generating{display:grid;grid-template-columns:minmax(160px,250px) minmax(0,1fr);gap:20px;align-items:center;min-height:178px;padding:18px}.artifact-card .artifact-generating{border-top:1px solid #27313a}.generation-preview{position:relative;display:grid;overflow:hidden;min-height:140px;place-items:center;border:1px solid #33414d;border-radius:8px;background:linear-gradient(135deg,#11181ffa,#1a222afa),repeating-linear-gradient(90deg,rgba(148,163,184,.08) 0 1px,transparent 1px 18px)}.generation-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.45;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}.generation-scan{position:absolute;inset:-40% 0 auto;height:58%;background:linear-gradient(to bottom,transparent,rgba(125,211,252,.1),rgba(125,211,252,.28),transparent);animation:generation-scan 2.2s ease-in-out infinite}.generation-icon{position:relative;display:grid;width:54px;height:54px;place-items:center;border:1px solid #465767;border-radius:12px;color:#dbeafe;background:#0f171fb8;box-shadow:0 0 0 6px #7dd3fc0a;animation:generation-pulse 1.8s ease-in-out infinite}.generation-icon svg{width:24px;height:24px}.generation-copy{display:grid;gap:9px;min-width:0}.generation-copy strong{color:#f1f5f9;font-size:15px}.generation-copy span{color:#a7b3c2;line-height:1.6}.generation-progress{overflow:hidden;width:min(360px,100%);height:7px;border-radius:999px;background:#252d36}.generation-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#99f6e4);animation:generation-progress 1.45s ease-in-out infinite}.artifact-error{display:grid;gap:8px;min-height:118px;align-content:center;border-top:1px solid #33252a;color:#fecaca;background:#1e1619;padding:18px}.artifact-error strong{color:#fee2e2}.artifact-error span{color:#f4b4b4;line-height:1.6}.artifact-placeholder{display:grid;min-height:140px;place-items:center;color:#aeb8c5;line-height:1.6;padding:18px;text-align:center}.artifact-actions{display:flex;align-items:center;justify-content:flex-start;gap:10px;border-top:1px solid #27313a;background:#181d23;padding:10px 12px}.artifact-actions button,.artifact-actions a{display:inline-flex;flex:none;min-height:32px;min-width:94px;color:#cbd5e1;background:#252b32;padding:0 10px;white-space:nowrap}.artifact-actions svg{flex:none;width:16px;height:16px}.artifact-actions button:hover,.artifact-actions a:hover{color:#fff;background:#313944}.artifact-actions button:disabled{cursor:wait;opacity:.62}@keyframes generation-scan{0%{transform:translateY(0);opacity:0}18%{opacity:1}to{transform:translateY(240%);opacity:0}}@keyframes generation-pulse{0%,to{transform:scale(1);border-color:#465767}50%{transform:scale(1.04);border-color:#6ba8c6}}@keyframes generation-progress{0%{transform:translate(-105%)}to{transform:translate(250%)}}.composer-panel{width:min(820px,calc(100vw - 340px));justify-self:center;border:1px solid var(--j-ai-border);border-radius:28px;background:var(--j-ai-surface);box-shadow:0 16px 42px #0f172a24;padding:6px;margin-bottom:18px}.mode-tabs{display:flex;flex-wrap:wrap;gap:4px}.composer-control-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end;margin:0 0 6px;padding:0 2px}.mode-tabs{margin-left:auto;border:1px solid var(--j-ai-border);border-radius:14px;background:var(--j-ai-hover);padding:3px}.mode-tabs button{min-height:30px;border-radius:11px;color:var(--j-ai-muted);background:transparent;padding:0 12px}.mode-tabs button.active,.mode-tabs button:hover{color:var(--j-ai-text);background:var(--j-ai-surface);box-shadow:0 1px 5px #0f172a1f}.mode-tabs svg{width:17px}.composer-extra{border:1px solid var(--j-ai-border);border-radius:14px;background:var(--j-ai-hover);margin-bottom:8px;padding:10px}.media-settings-extra{display:grid;gap:10px}.media-settings-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--j-ai-border);border-radius:14px;background:var(--j-ai-hover);margin-bottom:8px;padding:10px 12px}.media-settings-toggle-copy{min-width:0}.media-settings-toggle-copy strong,.media-settings-toggle-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-settings-toggle-copy strong{color:var(--j-ai-text);font-size:14px}.media-settings-toggle-copy small{color:var(--j-ai-muted);font-size:12px;margin-top:3px}.settings-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:72px;height:32px;border:1px solid var(--j-ai-border);border-radius:999px;color:var(--j-ai-text);background:var(--j-ai-surface);cursor:pointer;font-size:13px;font-weight:700;padding:0 12px}.settings-toggle-button:hover{border-color:var(--j-ai-accent-border);color:var(--j-ai-accent)}.settings-toggle-button svg{width:15px;height:15px;transition:transform .18s ease}.settings-toggle-button svg.open{transform:rotate(180deg)}.media-setting-card{display:grid;gap:12px;border:1px solid var(--j-ai-border);border-radius:12px;background:color-mix(in srgb,var(--j-ai-surface) 78%,transparent);padding:12px}.media-setting-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.media-setting-head strong{color:var(--j-ai-text);font-size:14px}.media-setting-head small{color:var(--j-ai-muted);font-size:12px}.media-setting-row{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center}.media-setting-row>span{color:var(--j-ai-muted);font-size:13px;font-weight:700}.media-choice-grid{display:flex;flex-wrap:wrap;gap:8px}.media-choice-button{min-height:34px;border:1px solid var(--j-ai-border);border-radius:10px;color:var(--j-ai-muted);background:var(--j-ai-input);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.media-choice-button:hover{border-color:var(--j-ai-accent-border);color:var(--j-ai-text);background:var(--j-ai-surface)}.media-choice-button.active{border-color:var(--j-ai-accent);color:#fff;background:var(--j-ai-accent);box-shadow:0 8px 20px var(--j-ai-accent-soft)}.ratio-choice{display:grid;min-width:54px;grid-template-rows:18px auto;place-items:center;gap:4px;padding:7px 8px}.ratio-choice i{display:block;width:24px;max-height:18px;border:2px solid currentColor;border-radius:4px}.ratio-choice em{font-size:12px;font-style:normal;line-height:1}.pill-choice{min-width:70px;padding:0 13px;font-size:13px;font-weight:700}.duration-grid .pill-choice{min-width:45px;padding-inline:10px}.media-upload-line{border-color:var(--j-ai-border);background:var(--j-ai-surface)}.reference-upload{grid-template-columns:minmax(0,1fr) auto;border:0;background:transparent;padding:0}.attachment-extra{display:grid;gap:9px}.attachment-extra-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.attachment-extra-head strong{color:var(--j-ai-text);font-size:13px}.attachment-extra-head small{color:var(--j-ai-muted);font-size:12px}.attachment-list{display:grid;gap:8px}.attachment-chip{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:48px;border:1px solid var(--j-ai-border);border-radius:8px;background:var(--j-ai-surface);padding:8px}.attachment-chip>span{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;color:#ccfbf1;background:var(--j-ai-accent);font-size:13px;font-weight:800}.attachment-chip strong,.attachment-chip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip strong{color:var(--j-ai-text);font-size:13px}.attachment-chip small{color:var(--j-ai-muted);font-size:12px;margin-top:3px}.attachment-chip button{min-height:28px;border-radius:8px;color:var(--j-ai-accent);background:transparent;cursor:pointer;padding:0 6px}.attachment-chip button:hover{color:var(--j-ai-text);background:var(--j-ai-hover)}.attachment-chip.uploading{opacity:.72}.avatar-extra{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center}.composer-error{border:1px solid #7f1d1d;border-radius:8px;color:#fecaca;background:#2b1517;margin-bottom:9px;padding:9px 11px}.composer-box{display:grid;grid-template-columns:auto minmax(0,1fr) 36px 36px 38px;gap:8px;align-items:center;min-height:48px;border:0;border-radius:24px;background:var(--j-ai-input);box-shadow:none;padding:6px 8px}.composer-file-input{display:none}.composer-textarea{grid-column:2;min-width:0}.composer-attachment-actions{display:flex;grid-column:1;gap:8px;align-items:center;align-self:center}.composer-icon,.send-button{width:36px;height:36px}.composer-icon{color:#aeb8c5;border-radius:999px}.voice-button{grid-column:4}.prompt-optimize-button{grid-column:3;position:relative}.prompt-optimize-button:not(:disabled){color:#d7b35b}.prompt-optimize-button.optimizing{color:#121820;background:#fff5cf;box-shadow:0 8px 20px #d7b35b42;opacity:1}.prompt-optimize-button.optimizing svg{animation:promptOptimizeSpark 1.05s ease-in-out infinite;transform-origin:center}.prompt-optimizing-spinner{position:relative;z-index:1;width:17px;height:17px;border:2px solid rgba(18,24,32,.16);border-top-color:#111315;border-radius:999px;animation:promptOptimizeSpin .72s linear infinite}.prompt-optimize-button.optimizing:after{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(17,19,21,.16);border-radius:999px;content:"";pointer-events:none;animation:promptOptimizeHalo 1.05s ease-out infinite}@keyframes promptOptimizeSpark{0%{opacity:.62;transform:rotate(-12deg) scale(.92)}45%{opacity:1;transform:rotate(10deg) scale(1.08)}to{opacity:.72;transform:rotate(-12deg) scale(.92)}}@keyframes promptOptimizeHalo{0%{opacity:.55;transform:scale(.78)}to{opacity:0;transform:scale(1.32)}}@keyframes promptOptimizeSpin{to{transform:rotate(360deg)}}.composer-icon:hover,.composer-icon.active{color:var(--j-ai-text);background:var(--j-ai-hover)}.composer-icon:disabled{cursor:not-allowed;opacity:.42}.prompt-optimize-button.optimizing:disabled{cursor:wait;color:#121820;background:#fff5cf;opacity:1}.send-button{grid-column:5;justify-self:end;color:#18202a;background:#dbe7f3;border-radius:999px}.send-button:hover{background:#fff}.send-button.stopping{color:#f8fafc;background:#687384}.send-button.stopping:hover{background:#7b8797}.send-button:disabled{cursor:not-allowed;opacity:.45}.stop-square{width:13px;height:13px;border-radius:3px;background:currentColor}.client-shell{display:grid;min-height:100vh;grid-template-columns:270px minmax(0,1fr);background:var(--j-ai-bg)}.client-sidebar{position:relative;z-index:10;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;min-width:0;height:100vh;overflow:visible;border-right:1px solid #27313a;background:var(--j-ai-sidebar);padding:14px 10px}.client-sidebar-scroll{min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;padding:0 2px 74px 0}.client-main{min-width:0}.sidebar-drawer-backdrop,.sidebar-drawer-handle{display:none}.client-composer{width:min(820px,calc(100vw - 306px))}.account-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:38;background:transparent;cursor:default}.client-account-dock{position:relative;z-index:40;display:grid;border-top:1px solid var(--j-ai-sidebar-border);padding-top:10px}.account-entry-row{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:8px;align-items:stretch}.account-entry{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;width:100%;min-height:48px;border:1px solid transparent;border-radius:8px;color:#dbe7f3;background:transparent;cursor:pointer;padding:6px;text-align:left}.account-entry:hover,.account-entry.active{border-color:#334155;background:#26313b}.subscribe-entry{min-height:48px;border:1px solid var(--j-ai-accent-border);border-radius:8px;color:var(--j-ai-accent);background:var(--j-ai-accent-soft);cursor:pointer;font-size:13px;font-weight:750}.subscribe-entry:hover{border-color:var(--j-ai-accent-border);color:var(--j-ai-on-accent);background:var(--j-ai-accent)}.account-avatar{display:grid;width:34px;height:34px;place-items:center;overflow:hidden;border:1px solid #3a4a5c;border-radius:50%;color:#fff;background:var(--j-ai-accent);font-weight:800}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-avatar.large{width:42px;height:42px}.account-summary{min-width:0}.account-summary strong,.account-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-summary strong{color:#f8fafc;font-size:13px}.account-summary small{color:#8fa0b4;font-size:12px;margin-top:2px}.client-account-popover{position:absolute;left:0;bottom:62px;display:grid;z-index:42;width:min(310px,calc(100vw - 28px));max-height:calc(100vh - 96px);gap:10px;overflow:hidden;border:1px solid #334155;border-radius:8px;background:#151b22;box-shadow:var(--j-ai-panel-shadow);padding:10px}.account-menu-profile{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid var(--j-ai-border);padding:4px 2px 12px}.account-menu-profile div{min-width:0}.account-menu-profile strong,.account-menu-profile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-profile strong{color:#f8fafc;font-size:14px}.account-menu-profile small{color:#8fa0b4;font-size:12px;margin-top:3px}.account-menu-actions{display:grid;gap:6px}.account-menu-actions button{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;min-height:48px;border:1px solid transparent;border-radius:8px;color:var(--j-ai-muted);background:var(--j-ai-surface-raised);cursor:pointer;padding:8px;text-align:left}.account-menu-actions button:hover{border-color:var(--j-ai-accent-border);color:var(--j-ai-text);background:var(--j-ai-hover)}.account-menu-actions button svg{width:18px;height:18px;justify-self:center;color:var(--j-ai-accent)}.account-menu-actions button span{min-width:0}.account-entry,.subscribe-entry,.account-menu-actions button,.account-drawer-close,.account-drawer-tabs button,.style-config-head button,.style-swatch,.style-config-footer button{outline:none}.account-entry:focus-visible,.subscribe-entry:focus-visible,.account-menu-actions button:focus-visible,.account-drawer-close:focus-visible,.account-drawer-tabs button:focus-visible,.style-config-head button:focus-visible,.style-swatch:focus-visible,.style-config-footer button:focus-visible{outline:2px solid var(--j-ai-accent-border);outline-offset:2px}.account-menu-actions strong,.account-menu-actions small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-actions strong{color:#f8fafc;font-size:13px}.account-menu-actions small{color:#8fa0b4;font-size:12px;margin-top:3px}.account-menu-actions button.danger{display:block;min-height:38px;border-color:var(--j-ai-danger-border);color:var(--j-ai-danger-text);background:var(--j-ai-danger-bg);text-align:center}.account-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:84;display:grid;justify-content:end;align-items:stretch}.account-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--j-ai-overlay);cursor:default}.account-drawer{position:relative;z-index:1;display:grid;width:min(470px,calc(100vw - 24px));height:100vh;min-width:0;overflow:hidden;border-left:1px solid #334155;color:#dbe7f3;background:#151b22;box-shadow:var(--j-ai-drawer-shadow)}.wallet-account-drawer{grid-template-rows:auto minmax(0,1fr) auto}.profile-account-drawer{grid-template-rows:auto auto minmax(0,1fr)}.account-drawer-head{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:16px;align-items:start;border-bottom:1px solid var(--j-ai-border);background:var(--j-ai-surface-raised);padding:22px}.account-drawer-head.profile{grid-template-columns:54px minmax(0,1fr) 34px;align-items:center}.account-drawer-head>div{min-width:0}.account-drawer-kicker{color:var(--j-ai-accent);font-size:12px;font-weight:780}.account-drawer-head h2{overflow:hidden;color:#f8fafc;font-size:20px;line-height:1.25;margin:5px 0 0;text-overflow:ellipsis;white-space:nowrap}.account-drawer-head p{overflow:hidden;color:#91a0b2;font-size:13px;line-height:1.6;margin:7px 0 0;text-overflow:ellipsis;white-space:nowrap}.account-avatar.drawer-avatar{width:54px;height:54px;font-size:18px}.account-drawer-close{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--j-ai-border);border-radius:8px;color:var(--j-ai-muted);background:var(--j-ai-surface-soft);cursor:pointer}.account-drawer-close:hover{color:var(--j-ai-text);border-color:var(--j-ai-accent-border);background:var(--j-ai-hover)}.account-drawer-close svg{width:17px;height:17px}.account-drawer-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-bottom:1px solid var(--j-ai-border);background:var(--j-ai-surface);padding:10px 14px}.account-drawer-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid var(--j-ai-border);border-radius:8px;color:var(--j-ai-muted);background:var(--j-ai-surface-raised);cursor:pointer}.account-drawer-tabs button:hover,.account-drawer-tabs button.active{color:var(--j-ai-text);border-color:var(--j-ai-accent-border);background:var(--j-ai-hover)}.account-drawer-tabs svg{width:16px;height:16px}.account-drawer-scroll{display:grid;align-content:start;gap:14px;min-width:0;min-height:0;overflow:auto;padding:16px}.wallet-account-drawer .account-drawer-scroll{grid-template-rows:auto auto minmax(0,1fr);align-content:stretch;overflow:hidden}.account-balance-panel,.account-drawer-section{border:1px solid var(--j-ai-border);border-radius:8px;background:var(--j-ai-surface-raised)}.account-balance-panel{display:grid;gap:6px;background:linear-gradient(135deg,var(--j-ai-accent-soft),color-mix(in srgb,var(--j-ai-surface-raised) 92%,transparent)),var(--j-ai-surface-raised);padding:18px}.account-balance-panel span,.account-balance-panel small{color:var(--j-ai-muted)}.account-balance-panel strong{color:var(--j-ai-text);font-size:32px;font-weight:780}.account-drawer-section{display:grid;gap:12px;overflow:hidden;padding:14px}.account-drawer-section h3{color:var(--j-ai-text);font-size:14px;margin:0}.transaction-section-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.transaction-section-head small{flex:0 0 auto;color:var(--j-ai-muted);font-size:12px}.transaction-section{grid-template-rows:auto minmax(0,1fr);min-height:0}.transaction-list{display:grid;align-content:start;gap:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;padding:0 4px 2px 0}.account-form{padding:0}.account-profile-overview{display:grid;gap:14px;min-width:0}.profile-overview-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;border:1px solid var(--j-ai-border);border-radius:16px;background:linear-gradient(135deg,var(--j-ai-accent-soft),color-mix(in srgb,var(--j-ai-surface-raised) 90%,transparent)),var(--j-ai-surface-raised);padding:18px}.profile-overview-avatar{width:72px;height:72px;font-size:24px}.profile-overview-main{display:grid;min-width:0;gap:6px}.profile-overview-main strong,.profile-overview-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-overview-main strong{color:var(--j-ai-text);font-size:22px;font-weight:760}.profile-overview-main small{color:var(--j-ai-muted);font-size:13px}.profile-overview-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.profile-overview-badges span{border:1px solid var(--j-ai-accent-border);border-radius:999px;color:var(--j-ai-accent);background:var(--j-ai-accent-soft);font-size:12px;font-weight:720;line-height:1;padding:6px 9px}.profile-summary-section,.profile-action-section{gap:14px}.profile-info-list{display:grid;gap:0;overflow:hidden;border:1px solid var(--j-ai-border);border-radius:12px}.profile-info-list div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:start;min-height:42px;border-top:1px solid var(--j-ai-border);padding:11px 12px}.profile-info-list div:first-child{border-top:0}.profile-info-list span{color:var(--j-ai-muted);font-size:12px}.profile-info-list strong{overflow:hidden;color:var(--j-ai-text);font-size:13px;font-weight:560;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.profile-info-list div:last-child strong{display:-webkit-box;white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical}.profile-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-action-grid button{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;min-height:66px;border:1px solid var(--j-ai-border);border-radius:12px;color:var(--j-ai-text);background:var(--j-ai-surface-soft);cursor:pointer;text-align:left;padding:10px 12px}.profile-action-grid button:hover{border-color:var(--j-ai-accent-border);background:var(--j-ai-hover)}.profile-action-grid svg{width:20px;height:20px;color:var(--j-ai-accent)}.profile-action-grid span,.profile-action-grid strong,.profile-action-grid small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-action-grid strong{color:var(--j-ai-text);font-size:13px;font-weight:720}.profile-action-grid small{color:var(--j-ai-muted);font-size:12px;margin-top:4px}.account-drawer-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--j-ai-border);background:var(--j-ai-surface);padding:14px 16px}.account-drawer-footer .primary-action,.account-drawer-footer .ghost-action{min-height:38px}.project-settings-drawer{grid-template-rows:auto minmax(0,1fr) auto;width:min(560px,calc(100vw - 32px))}.project-settings-form{display:grid;align-content:start;gap:18px;min-width:0;min-height:0;overflow:auto;padding:18px}.project-settings-field{display:grid;gap:8px;min-width:0}.project-settings-field span{color:var(--j-ai-text);font-size:14px;font-weight:760}.project-settings-field small{color:var(--j-ai-muted);font-size:12px;line-height:1.55}.project-settings-field input,.project-settings-field textarea{width:100%;border:1px solid var(--j-ai-border);border-radius:14px;outline:none;color:var(--j-ai-input-text);background:var(--j-ai-input);font:inherit;letter-spacing:0;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.project-settings-field input{height:44px;padding:0 14px}.project-settings-field textarea{min-height:134px;resize:vertical;line-height:1.65;padding:12px 14px}.project-settings-field input::placeholder,.project-settings-field textarea::placeholder{color:var(--j-ai-muted)}.project-settings-field input:focus,.project-settings-field textarea:focus{border-color:var(--j-ai-accent);background:var(--j-ai-surface);box-shadow:0 0 0 3px var(--j-ai-accent-soft)}.project-settings-error{margin:0;border:1px solid var(--j-ai-danger-border);border-radius:12px;color:var(--j-ai-danger-text);background:var(--j-ai-danger-bg);font-size:13px;line-height:1.5;padding:10px 12px}.app-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:24px}.app-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#02060cad;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default}.app-dialog-card{position:relative;z-index:1;display:grid;gap:18px;width:min(430px,calc(100vw - 40px));border:1px solid #334155;border-radius:14px;box-shadow:0 28px 80px #00000073;background:#151b22;padding:22px}.app-dialog-card.danger{border-color:#f871716b}.app-dialog-head h2{color:#f8fafc;font-size:18px;line-height:1.35;margin:0}.app-dialog-head p{color:#a9b8c9;font-size:14px;line-height:1.7;margin:8px 0 0}.app-dialog-field{display:grid;gap:8px}.app-dialog-field span{color:#9fb2c8;font-size:13px}.app-dialog-field input{height:40px;border:1px solid #334155;border-radius:9px;color:#edf2f7;background:#10161d;outline:none;padding:0 12px}.app-dialog-field input:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf1f}.app-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.app-dialog-actions button{min-width:84px;height:38px;border-radius:9px;cursor:pointer;font-weight:750}.app-dialog-actions button:disabled{cursor:not-allowed;opacity:.52}.app-dialog-cancel{color:#cbd5e1;background:#26313b}.app-dialog-cancel:hover{color:#fff;background:#334155}.app-dialog-confirm{color:#082f2a;background:#99f6e4}.app-dialog-confirm:hover{background:#ccfbf1}.app-dialog-confirm.danger{color:#fff7f7;background:#b91c1c}.app-dialog-confirm.danger:hover{background:#dc2626}.add-project-dialog{width:min(540px,calc(100vw - 40px));max-height:min(720px,calc(100vh - 48px));overflow:hidden}.add-project-section,.add-project-new-form{display:grid;gap:12px;min-width:0}.add-project-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.add-project-section-head>span{color:#9fb2c8;font-size:13px;font-weight:760}.add-project-new-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border:1px solid #334155;border-radius:8px;color:#cbd5e1;background:#10161d;cursor:pointer;font-size:13px;font-weight:720;padding:0 11px}.add-project-new-trigger:hover{color:#fff;border-color:#2dd4bf;background:#17222b}.add-project-new-trigger svg{width:15px;height:15px}.add-project-list{display:grid;gap:8px;max-height:min(42vh,320px);min-height:0;overflow:auto;padding-right:2px}.add-project-option{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:58px;border:1px solid #334155;border-radius:10px;color:#dbe7f3;background:#10161d;cursor:pointer;text-align:left;padding:10px 12px}.add-project-option:hover,.add-project-option.active{border-color:#2dd4bf;background:#17222b;box-shadow:0 0 0 3px #2dd4bf1a}.add-project-option svg{width:19px;height:19px;color:#9fb2c8}.add-project-option.active svg{color:#5eead4}.add-project-option span,.add-project-option strong,.add-project-option small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-project-option strong{color:#f8fafc;font-size:14px;font-weight:760}.add-project-option small{color:#93a4b8;font-size:12px;margin-top:4px}.add-project-option em{border:1px solid rgba(45,212,191,.45);border-radius:999px;color:#99f6e4;background:#2dd4bf1f;font-size:12px;font-style:normal;font-weight:720;padding:5px 8px;white-space:nowrap}.add-project-empty{border:1px dashed #334155;border-radius:10px;color:#9fb2c8;background:#10161d;font-size:13px;line-height:1.5;padding:16px}.add-project-new-form{border-top:1px solid #334155;padding-top:2px}.add-project-error{margin:0;border:1px solid #7f1d1d;border-radius:10px;color:#fecaca;background:#2b1517;font-size:13px;line-height:1.5;padding:10px 12px}.style-config-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;justify-content:flex-end}.style-config-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--j-ai-overlay);cursor:default}.style-config-panel{position:relative;z-index:1;display:grid;width:min(360px,calc(100vw - 40px));height:100vh;grid-template-rows:auto minmax(0,1fr) auto;border-left:1px solid var(--j-ai-border);background:var(--j-ai-surface);box-shadow:var(--j-ai-drawer-shadow)}.style-config-head{display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:70px;border-bottom:1px solid var(--j-ai-border);background:var(--j-ai-surface-raised);padding:16px 18px}.style-config-head h2,.style-config-head p{margin:0}.style-config-head h2{color:var(--j-ai-text);font-size:18px}.style-config-head p{color:var(--j-ai-muted);font-size:12px;margin-top:4px}.style-config-head button{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--j-ai-border);border-radius:8px;color:var(--j-ai-muted);background:var(--j-ai-surface-soft);cursor:pointer}.style-config-head button:hover{color:var(--j-ai-text);border-color:var(--j-ai-accent-border);background:var(--j-ai-hover)}.style-config-head svg{width:18px;height:18px}.style-config-body{overflow:auto;padding:16px 18px 22px}.style-config-section{display:grid;gap:12px;margin-bottom:20px}.style-section-title{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;color:var(--j-ai-text);font-size:13px;font-weight:760}.style-section-title:before,.style-section-title:after{content:"";height:1px;background:var(--j-ai-border)}.style-swatch-grid{display:grid;grid-template-columns:repeat(8,28px);gap:10px}.style-swatch{width:28px;height:28px;border:2px solid var(--j-ai-border);border-radius:6px;cursor:pointer}.style-config-preview{display:grid;gap:10px;border-top:1px solid var(--j-ai-border);padding-top:18px}.style-config-preview>span{color:var(--j-ai-muted);font-size:12px}.style-preview-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--j-ai-border);border-radius:8px;background:var(--j-ai-bg);padding:12px}.style-preview-card i{display:block;grid-row:1 / span 2;width:38px;height:38px;border-radius:8px;background:var(--j-ai-accent)}.style-preview-card strong,.style-preview-card small{display:block;grid-column:2;min-width:0}.style-preview-card small{color:var(--j-ai-bg-muted);margin-top:4px}.style-config-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--j-ai-border);background:var(--j-ai-surface);padding:14px 18px}.style-config-footer button{min-height:34px;border-radius:8px;cursor:pointer;padding:0 14px}.style-reset-button{color:var(--j-ai-muted);background:var(--j-ai-surface-soft)}.style-done-button{color:var(--j-ai-on-accent);background:var(--j-ai-accent);font-weight:760}.subscription-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:28px}.subscription-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#03071294;cursor:default}.subscription-modal{position:relative;z-index:1;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;width:min(980px,calc(100vw - 56px));max-height:calc(100vh - 56px);overflow:hidden;border:1px solid rgba(148,163,184,.34);border-radius:10px;color:#1f2937;background:#f8fbff;box-shadow:0 30px 90px #0000005c}.subscription-close{position:absolute;top:12px;right:12px;z-index:2;display:grid;width:32px;height:32px;place-items:center;border-radius:999px;color:#64748b;background:#ffffffbd;cursor:pointer;font-size:22px;line-height:1}.subscription-close:hover{color:#0f172a;background:#fff}.subscription-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:170px;background:linear-gradient(135deg,#dbeafefa,#eff6fff0),radial-gradient(circle at 18% 18%,rgba(59,130,246,.18),transparent 32%);padding:30px clamp(26px,5vw,54px)}.subscription-kicker{color:#35639a;font-size:13px;font-weight:760}.subscription-hero h2{color:#1e3a5f;font-size:clamp(30px,4vw,48px);font-weight:850;line-height:1.08;margin:8px 0 10px}.subscription-hero p{max-width:520px;color:#64748b;line-height:1.7;margin:0}.subscription-balance{display:grid;gap:4px;min-width:150px;border:1px solid rgba(96,165,250,.28);border-radius:10px;background:#ffffffc7;padding:14px 16px;text-align:right}.subscription-balance span{color:#64748b;font-size:12px}.subscription-balance strong{color:#1e3a5f;font-size:26px}.subscription-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;min-height:0;overflow:auto;padding:28px clamp(24px,5vw,54px) 22px}.subscription-pay-methods{display:grid;gap:12px;border-top:1px solid #e2e8f0;padding:18px clamp(24px,5vw,54px) 0}.subscription-pay-methods.empty{opacity:.78}.subscription-pay-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.subscription-pay-head span{color:#475569;font-size:13px;font-weight:760}.subscription-pay-head small{color:#64748b;font-size:12px;text-align:right}.subscription-channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:8px}.subscription-channel-card{display:grid;position:relative;min-height:72px;border:1px solid #cbd5e1;border-radius:8px;color:#1f2937;background:#fff;cursor:pointer;padding:12px 42px 12px 14px;text-align:left}.subscription-channel-card strong{overflow:hidden;color:#172033;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.subscription-channel-card small{overflow:hidden;color:#64748b;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.subscription-channel-card em{position:absolute;top:12px;right:12px;border-radius:999px;color:#7c4d12;background:#fef3c7;font-size:10px;font-style:normal;font-weight:760;line-height:1;padding:5px 7px}.subscription-channel-card.active,.subscription-channel-card:hover{border-color:#2563eb;background:#eff6ff}.subscription-channel-card.active:after{content:"";position:absolute;right:13px;bottom:13px;width:8px;height:8px;border-radius:999px;background:#2563eb}.subscription-channel-card.wechat em{color:#065f46;background:#d1fae5}.subscription-channel-card.alipay em{color:#1d4ed8;background:#dbeafe}.subscription-type-tabs{display:inline-flex;gap:6px;width:fit-content;max-width:calc(100% - 48px);border:1px solid #dbe4ef;border-radius:999px;background:#f8fafc;margin:18px clamp(24px,5vw,54px) 0;padding:4px}.subscription-type-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:34px;border:0;border-radius:999px;color:#64748b;background:transparent;cursor:pointer;padding:0 15px}.subscription-type-tabs button.active{color:#172033;background:#fff;box-shadow:0 4px 12px #0f172a14}.subscription-type-tabs strong{font-size:13px}.subscription-type-tabs small{color:inherit;font-size:11px;opacity:.72}.subscription-empty{grid-column:1 / -1;border:1px dashed #cbd5e1;border-radius:10px;color:#64748b;padding:32px;text-align:center}.subscription-card{display:grid;gap:14px;align-content:start;min-height:330px;border:1px solid #d7e0ec;border-radius:12px;background:#fff;cursor:pointer;padding:24px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.subscription-card:hover,.subscription-card:focus-visible{border-color:#94b7dd;box-shadow:0 14px 30px #1e3a5f1a;outline:none;transform:translateY(-1px)}.subscription-card.featured{border-color:#b68a3a;box-shadow:0 16px 34px #91631a21}.subscription-card.selected{border-color:#8a6427;background:#fffdf8;box-shadow:0 18px 42px #8a64272e}.subscription-card.traffic.featured{border-color:#0f766e;box-shadow:0 16px 34px #0f766e24}.subscription-card.traffic.selected{border-color:#0f766e;background:#f7fffc;box-shadow:0 18px 42px #0f766e29}.subscription-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}.subscription-card-head span{color:#334155;font-size:15px;font-weight:780}.subscription-card-head em{border-radius:999px;color:#7c4f08;background:#fef3c7;font-size:12px;font-style:normal;padding:5px 9px}.subscription-price{display:flex;align-items:baseline;gap:8px;padding-top:8px}.subscription-price strong{color:#1f2937;font-size:clamp(30px,4vw,42px);font-weight:850}.subscription-price small{color:#64748b;font-size:14px}.subscription-buy{min-height:42px;border-radius:999px;color:#fff;background:#8a6427;cursor:pointer;font-weight:800}.subscription-buy:hover{background:#6f4f1f}.subscription-buy:disabled{cursor:not-allowed;opacity:.58}.subscription-points{border-radius:8px;color:#315f9b;background:#edf5ff;font-size:13px;font-weight:720;padding:10px 12px}.subscription-card ul{display:grid;gap:10px;color:#475569;line-height:1.6;list-style:none;margin:0;padding:0}.subscription-card li{position:relative;padding-left:20px}.subscription-card li:before{position:absolute;left:0;top:.64em;width:6px;height:6px;border-radius:999px;background:#8a6427;content:""}.subscription-note{border-top:1px solid #dbe5ef;color:#64748b;background:#f1f7ff;line-height:1.6;padding:14px clamp(24px,5vw,54px)}.subscription-note.success{border-top-color:#bbf7d0;color:#166534;background:#ecfdf5}.subscription-note.error{border-top-color:#fecaca;color:#991b1b;background:#fff1f2}.client-side-panel{display:grid;height:100vh;min-width:0;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-left:1px solid #27313a;background:#151b22}.client-tabs{display:flex;gap:8px;border-bottom:1px solid #27313a;padding:14px}.client-tabs button{flex:1;min-height:34px;border:1px solid #303942;border-radius:8px;color:#9aa9b9;background:#171b20;cursor:pointer}.client-tabs button:hover,.client-tabs button.active{color:#f8fafc;border-color:#425166;background:#26313b}.client-tabs.compact{padding:10px}.client-tabs.compact button{display:flex;align-items:center;justify-content:center;gap:7px}.client-tabs.compact svg{width:16px;height:16px}.client-panel-scroll{display:grid;align-content:start;gap:14px;min-width:0;overflow:auto;padding:14px}.client-panel-scroll.compact{max-height:calc(100vh - 154px);padding:12px}.client-panel-scroll.compact .admin-form{padding:0}.client-wallet-card,.client-panel-block,.client-package-card{border:1px solid #293542;border-radius:8px;background:#171d23}.client-wallet-card{display:grid;gap:6px;padding:16px}.client-wallet-card span,.client-wallet-card small,.client-muted{color:#8fa0b4}.client-wallet-card strong{color:#f8fafc;font-size:28px;font-weight:760}.client-panel-block{display:grid;gap:12px;overflow:hidden;padding:14px}.client-panel-block h2{color:#f8fafc;font-size:14px;margin:0}.client-package-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px}.client-package-card strong,.client-package-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-package-card strong{color:#edf2f7;font-size:13px}.client-package-card small{color:#8fa0b4;font-size:12px;margin-top:4px}.client-package-card button{min-height:32px;border-radius:8px;color:#fff;background:#0f766e;cursor:pointer;padding:0 12px}.client-package-card button:hover{background:#12877f}.client-package-card button:disabled{cursor:not-allowed;opacity:.55}.admin-shell,.profile-shell{display:grid;min-width:0;height:100vh;grid-template-rows:58px minmax(0,1fr);background:#111315}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #262c33;padding:0 22px}.admin-header h1{color:#f8fafc;font-size:15px;font-weight:750;margin:0}.admin-header p{color:#8fa0b4;font-size:12px;margin:4px 0 0}.admin-scroll{overflow:auto;padding:20px clamp(18px,4vw,52px) 34px}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.admin-tabs button{min-height:34px;border:1px solid #303942;border-radius:8px;color:#9aa9b9;background:#171b20;cursor:pointer;padding:0 14px}.admin-tabs button:hover,.admin-tabs button.active{color:#fff;border-color:#44505d;background:#26313b}.admin-feedback{border:1px solid #245d52;border-radius:8px;color:#bbf7d0;background:#102923;margin-bottom:14px;padding:10px 12px}.admin-feedback.error{border-color:#7f1d1d;color:#fecaca;background:#2b1517}.admin-panel{display:grid;gap:16px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px}.metric-card,.admin-block{border:1px solid #2e3843;border-radius:8px;background:#171b20}.metric-card{display:grid;gap:8px;min-height:112px;align-content:center;padding:16px}.metric-card span,.metric-card small{color:#8fa0b4;font-size:12px}.metric-card strong{color:#f8fafc;font-size:24px;font-weight:760}.admin-grid{display:grid;gap:16px}.admin-grid.two{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.admin-grid.form-and-list{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start}.admin-block{overflow:hidden}.admin-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;border-bottom:1px solid #27313a;padding:12px 14px}.admin-block-head h2{color:#f1f5f9;font-size:14px;font-weight:760;margin:0}.admin-block-head>span{color:#8fa0b4;font-size:12px}.admin-empty{color:#8fa0b4;padding:22px 14px}.compact-list{display:grid}.compact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border-top:1px solid #222b34;padding:12px 14px}.compact-row:first-child{border-top:0}.compact-row strong,.compact-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-row strong{color:#edf2f7;font-size:13px}.compact-row small{color:#8fa0b4;font-size:12px;margin-top:4px}.transaction-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid #222b34;padding:12px 0 0}.transaction-row:first-of-type{border-top:0;padding-top:0}.transaction-row strong,.transaction-row small,.transaction-amount strong,.transaction-amount small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-row>div:first-child{min-width:0}.transaction-row>div:first-child strong{color:#edf2f7;font-size:13px}.transaction-row>div:first-child small{color:#8fa0b4;font-size:12px;margin-top:4px}.transaction-amount{min-width:82px;text-align:right}.transaction-amount strong{font-size:13px}.transaction-amount small{color:#7f8b99;font-size:12px;margin-top:4px}.transaction-amount.income strong{color:#86efac}.transaction-amount.expense strong{color:#fca5a5}.transaction-load-more,.transaction-end{width:100%;min-height:34px;border-radius:10px;font-size:12px;font-weight:720;margin-top:2px}.transaction-load-more{border:1px solid var(--j-ai-border);color:var(--j-ai-text);background:var(--j-ai-hover);cursor:pointer}.transaction-load-more:hover{border-color:var(--j-ai-accent-border);background:var(--j-ai-accent-soft)}.transaction-end{display:grid;place-items:center;color:var(--j-ai-muted);background:color-mix(in srgb,var(--j-ai-surface-soft) 72%,transparent)}.quick-admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.quick-admin-actions button,.primary-action,.ghost-action,.inline-search button,.row-actions button{min-height:32px;border-radius:8px;color:#dbe7f3;background:#252b32;cursor:pointer;padding:0 11px}.quick-admin-actions button:hover,.primary-action:hover,.ghost-action:hover,.inline-search button:hover,.row-actions button:hover{background:#313944}.primary-action{color:#05201b;background:#99f6e4;font-weight:750}.primary-action:hover{background:#ccfbf1}.ghost-action{color:#aeb8c5;background:#202832}.admin-form{display:grid;gap:10px;padding:14px}.admin-form .el-input-number{width:100%}.image-upload-field{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;border:1px solid #273545;border-radius:8px;background:#111820;padding:10px}.image-upload-field.reference-upload{grid-template-columns:minmax(0,1fr) auto}.image-upload-field input[type=file]{display:none}.image-upload-preview{display:grid;overflow:hidden;width:72px;height:72px;place-items:center;border:1px solid #324154;border-radius:8px;color:#dbeafe;background:#1a2430;font-weight:800}.image-upload-preview.empty{border-style:dashed;color:#9fb2c8}.image-upload-preview img{width:100%;height:100%;object-fit:cover}.image-upload-main{display:grid;gap:6px;min-width:0}.image-upload-main strong{color:#f8fafc;font-size:14px}.image-upload-main small{overflow:hidden;color:#8fa0b4;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.image-upload-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ghost-action.compact{min-height:30px;min-width:86px;padding:0 10px}.text-action{min-height:30px;border:0;color:#93c5fd;background:transparent;padding:0 4px}.text-action:hover{color:#bfdbfe;background:transparent}.reference-image-list{display:flex;flex-wrap:wrap;gap:8px}.reference-image-item{position:relative;overflow:hidden;width:76px;height:76px;border:1px solid #2f3d4d;border-radius:8px;background:#111820}.reference-image-item img{display:block;width:100%;height:100%;object-fit:cover}.reference-image-item button{position:absolute;right:4px;bottom:4px;min-height:24px;min-width:42px;border:0;border-radius:6px;color:#f8fafc;background:#0f172ac7;font-size:12px;padding:0 6px}.inline-search{display:grid;grid-template-columns:minmax(140px,220px) auto;gap:8px;align-items:center}.admin-table{display:grid}.admin-table-row{display:grid;gap:12px;align-items:center;min-height:54px;border-top:1px solid #222b34;padding:10px 14px}.admin-table-row.head{min-height:38px;color:#8fa0b4;background:#151a20;font-size:12px;font-weight:700}.admin-table-row strong,.admin-table-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-table-row strong{color:#edf2f7;font-size:13px}.admin-table-row small,.muted-cell{overflow:hidden;color:#8fa0b4;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.users-table .admin-table-row{grid-template-columns:minmax(150px,.8fr) 78px minmax(160px,1fr) minmax(260px,auto)}.package-table .admin-table-row{grid-template-columns:minmax(150px,1fr) 90px 100px 78px minmax(130px,auto)}.orders-table .admin-table-row{grid-template-columns:minmax(180px,1fr) minmax(130px,.8fr) 90px 86px 110px 72px}.row-actions{display:flex;flex-wrap:wrap;gap:7px}.row-actions button:disabled,.primary-action:disabled,.ghost-action:disabled{cursor:not-allowed;opacity:.48}.status-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:58px;border:1px solid #344150;border-radius:999px;color:#b7c9dc;background:#202832;font-size:12px;line-height:1;padding:6px 10px;white-space:nowrap}.status-pill.pending{border-color:#345d73;color:#c5e7ff;background:#18313d}.status-pill.success{border-color:#2e6a4a;color:#bbf7d0;background:#143321}.status-pill.danger{border-color:#70323a;color:#fecaca;background:#36171b}.status-pill.neutral{border-color:#3e4a56;color:#cbd5e1;background:#202832}.el-textarea__inner,.el-input__wrapper{background:#171b20!important;box-shadow:0 0 0 1px #303942 inset!important}.composer-box .el-textarea__inner{min-height:32px!important;border:0!important;color:var(--j-ai-input-text)!important;-webkit-text-fill-color:var(--j-ai-input-text);caret-color:var(--j-ai-accent);background:transparent!important;box-shadow:none!important;line-height:20px!important;padding:6px 4px!important}.el-textarea__inner,.el-input__inner{color:#e6edf3!important}.el-textarea__inner::placeholder,.el-input__inner::placeholder{color:#7f8b99!important}@media(max-width:1080px){body{overflow:auto}.codex-shell{min-height:100vh;grid-template-columns:48px minmax(0,1fr)}.project-sidebar{display:none}.composer-panel{width:min(820px,calc(100vw - 72px))}.metric-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.admin-grid.two,.admin-grid.form-and-list{grid-template-columns:1fr}.users-table,.package-table,.orders-table{overflow-x:auto}.users-table .admin-table-row{min-width:820px}.package-table .admin-table-row{min-width:650px}.orders-table .admin-table-row{min-width:760px}}@media(min-width:768px)and (max-width:1180px){body{overflow:hidden}.client-shell{width:var(--tablet-pc-width, 100vw);min-height:var(--tablet-pc-height, 100vh);grid-template-columns:270px minmax(0,1fr);transform:scale(var(--tablet-pc-scale, 1));transform-origin:top left}.client-sidebar,.conversation-shell{height:var(--tablet-pc-height, 100vh)}.conversation-shell{grid-template-rows:minmax(0,1fr) auto}.conversation-scroll{padding:28px var(--tablet-pc-gutter, min(9vw, 132px)) 18px}.client-composer,.client-shell .client-composer{width:min(820px,calc(var(--tablet-pc-width, 100vw) - 306px))}}@media(max-width:767px){.client-shell{grid-template-columns:1fr}.client-sidebar{display:none}.client-composer,.client-shell .client-composer{width:calc(100vw - 24px)}.activity-rail{display:none}.codex-shell{grid-template-columns:1fr}.conversation-header{padding-inline:12px}.conversation-scroll{padding:16px 12px 20px}.message-row,.message-row.user{grid-template-columns:minmax(0,1fr)}.agent-guide-body{grid-template-columns:1fr}.message-avatar{display:none}.composer-panel{width:calc(100vw - 24px)}.avatar-extra{grid-template-columns:1fr}.media-settings-toggle{grid-template-columns:1fr;align-items:stretch}.settings-toggle-button{width:100%}.media-setting-head,.media-setting-row{grid-template-columns:1fr}.media-setting-head{align-items:flex-start}.composer-box{grid-template-columns:auto minmax(0,1fr) 36px 36px 38px}.artifact-generating{grid-template-columns:1fr;gap:14px}.generation-preview{min-height:126px}.admin-scroll{padding:16px 12px 24px}.metric-grid{grid-template-columns:1fr 1fr}.quick-admin-actions,.inline-search{grid-template-columns:1fr}.account-drawer-overlay{justify-content:stretch}.account-drawer{width:100vw;border-left:0}.account-drawer-head,.account-drawer-head.profile{padding:18px 14px}.account-drawer-tabs{grid-template-columns:1fr}.account-drawer-scroll{padding:14px 12px}.account-drawer-footer{grid-template-columns:1fr;padding:12px}.project-settings-drawer{width:100vw}.project-settings-form{gap:14px;padding:14px 12px 78px}.project-settings-field textarea{min-height:116px}.profile-overview-card,.profile-info-list div,.profile-action-grid{grid-template-columns:1fr}.profile-overview-card{justify-items:center;text-align:center}.profile-overview-badges{justify-content:center}.image-upload-field{grid-template-columns:64px minmax(0,1fr)}.image-upload-preview{width:64px;height:64px}.subscription-overlay{padding:12px}.subscription-modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.subscription-hero{display:grid;min-height:auto;padding:24px 18px}.subscription-balance{text-align:left}.subscription-content{grid-template-columns:1fr;padding:18px}.subscription-pay-methods{padding:14px 18px 0}.subscription-type-tabs{max-width:calc(100% - 36px);margin:14px 18px 0}.subscription-pay-head{display:grid;align-items:start}.subscription-pay-head small{text-align:left}.subscription-channel-grid{grid-template-columns:1fr}.subscription-card{min-height:auto;padding:18px}.subscription-note{padding:12px 18px}}@media(prefers-reduced-motion:reduce){.generation-scan,.generation-icon,.generation-progress span{animation:none}}.client-shell,.conversation-shell{color:var(--j-ai-bg-text)}.client-sidebar{color:var(--j-ai-sidebar-text);border-color:var(--j-ai-sidebar-border)}.project-brand strong,.section-title span,.sidebar-section-heading-title,.project-row strong,.collection-row strong,.conversation-row strong,.agent-row strong,.account-summary strong,.account-menu-profile strong{color:var(--j-ai-sidebar-text)}.project-brand span,.section-title,.section-title em,.sidebar-section-heading-main small,.project-row small,.collection-row small,.conversation-row small,.agent-row small,.account-summary small,.account-menu-profile small,.empty-sidebar-text,.history-search-status{color:var(--j-ai-sidebar-muted)}.history-search-box,.account-entry:hover,.account-entry.active,.project-row:hover,.collection-row:hover,.sidebar-section-heading:hover,.conversation-row:hover,.agent-row:hover,.project-row.selected,.conversation-row.selected,.agent-row.selected,.group-title:hover{color:var(--j-ai-sidebar-text);border-color:var(--j-ai-sidebar-border);background:var(--j-ai-sidebar-hover)}.history-search-box input,.history-search-box svg,.history-search-box button,.section-title-actions button,.project-toggle-button,.ellipsis-button,.compose-icon-button,.group-title{color:var(--j-ai-sidebar-muted)}.conversation-header,.conversation-header h1,.message-text,.composer-panel,.composer-box textarea{color:var(--j-ai-bg-text)}.conversation-header{border-color:var(--j-ai-bg-border)}.conversation-header p,.composer-box textarea::placeholder,.message-process,.composer-meta{color:var(--j-ai-bg-muted)}.agent-guide-card,.composer-panel,.composer-box,.artifact-card,.media-card,.task-card,.account-drawer,.client-account-popover,.app-dialog-card,.subscription-modal{border-color:var(--j-ai-border);background:var(--j-ai-surface);color:var(--j-ai-text)}.agent-guide-head strong,.agent-guide-body p,.agent-guide-body strong,.composer-box,.account-menu-actions strong,.account-drawer h2,.account-drawer strong,.app-dialog-head h2,.style-config-head h2,.style-preview-card strong{color:var(--j-ai-text)}.agent-guide-head small,.agent-guide-section span,.account-menu-actions small,.account-drawer small,.app-dialog-head p,.style-config-head p,.style-config-preview>span,.style-preview-card small{color:var(--j-ai-muted)}.agent-guide-body>div,.agent-guide-section,.composer-icon,.toolbar-button,.style-preview-card,.style-config-head,.style-config-footer{border-color:var(--j-ai-border)}.composer-icon,.toolbar-button,.style-reset-button{color:var(--j-ai-muted);background:transparent}.account-menu-profile,.style-config-preview{border-color:var(--j-ai-border)}.client-account-popover{box-shadow:var(--j-ai-panel-shadow)}.account-drawer,.style-config-panel{box-shadow:var(--j-ai-drawer-shadow)}.account-drawer-backdrop,.style-config-backdrop{background:var(--j-ai-overlay)}.account-menu-actions button{border-color:color-mix(in srgb,var(--j-ai-border) 72%,transparent);color:var(--j-ai-muted);background:var(--j-ai-surface-raised)}.account-menu-actions button svg{color:var(--j-ai-accent)}.mode-tabs button:hover,.composer-icon:hover,.toolbar-button:hover,.account-menu-actions button:hover{border-color:var(--j-ai-accent-border);color:var(--j-ai-text);background:var(--j-ai-hover)}.account-menu-actions button.danger{border-color:var(--j-ai-danger-border);color:var(--j-ai-danger-text);background:var(--j-ai-danger-bg)}.account-menu-actions button.danger:hover{border-color:var(--j-ai-danger-border);color:var(--j-ai-danger-text);background:var(--j-ai-danger-hover)}.mode-tabs button:hover,.mode-tabs button.active{color:var(--j-ai-text);background:var(--j-ai-surface)}.send-button,.style-done-button,.login-submit,.account-avatar,.brand-mark,.message-avatar span{background:var(--j-ai-accent)}.send-button:hover,.login-submit:hover{background:var(--j-ai-accent-hover)}.subscribe-entry{border-color:var(--j-ai-accent-border);color:var(--j-ai-accent);background:var(--j-ai-accent-soft)}.subscribe-entry:hover{color:var(--j-ai-on-accent);background:var(--j-ai-accent)}.account-avatar{border-color:var(--j-ai-accent-border);color:var(--j-ai-on-accent)}.account-drawer-head,.account-drawer-tabs button,.account-balance-panel,.account-drawer-section,.style-config-head,.style-config-head button,.style-reset-button{border-color:var(--j-ai-border)}.account-drawer-head,.account-drawer-tabs button,.account-balance-panel,.account-drawer-section,.style-config-head{background:var(--j-ai-surface-raised)}.account-drawer-tabs,.account-drawer-footer,.style-config-footer{border-color:var(--j-ai-border);background:var(--j-ai-surface)}.account-drawer-kicker{color:var(--j-ai-accent)}.account-drawer-close,.style-config-head button,.style-reset-button{color:var(--j-ai-muted);background:var(--j-ai-surface-soft)}.account-drawer-close:hover,.style-config-head button:hover{border-color:var(--j-ai-accent-border);color:var(--j-ai-text);background:var(--j-ai-hover)}.style-section-title{color:var(--j-ai-text)}.style-section-title:before,.style-section-title:after{background:var(--j-ai-border)}.style-swatch{border-color:var(--j-ai-border)}.style-swatch.selected{border-color:var(--j-ai-accent);box-shadow:0 0 0 2px var(--j-ai-accent-soft)}.style-done-button{color:var(--j-ai-on-accent)}.style-config-panel{color:var(--j-ai-text)}.style-preview-card{background:var(--j-ai-bg)}.style-preview-card strong{color:var(--j-ai-bg-text)}.style-preview-card small{color:var(--j-ai-bg-muted)}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper{background:var(--j-ai-input)!important;box-shadow:0 0 0 1px var(--j-ai-border) inset!important}.el-input__inner,.el-textarea__inner,.el-select__placeholder,.el-select__selected-item{color:var(--j-ai-input-text)!important}.composer-box .composer-textarea .el-textarea__inner,.composer-box textarea.el-textarea__inner{color:var(--j-ai-input-text)!important;-webkit-text-fill-color:var(--j-ai-input-text);caret-color:var(--j-ai-accent)}.composer-box .composer-textarea .el-textarea__inner::placeholder,.composer-box textarea.el-textarea__inner::placeholder{color:var(--j-ai-bg-muted)!important;-webkit-text-fill-color:var(--j-ai-bg-muted)}.app-dialog-field input{color:var(--j-ai-input-text);background:var(--j-ai-input);border-color:var(--j-ai-border);caret-color:var(--j-ai-accent)}.app-dialog-field input::placeholder{color:var(--j-ai-muted)}.add-project-section-head>span,.add-project-option svg,.add-project-option small,.add-project-empty{color:var(--j-ai-muted)}.add-project-new-trigger,.add-project-option,.add-project-empty,.add-project-new-form{border-color:var(--j-ai-border)}.add-project-new-trigger,.add-project-option,.add-project-empty{color:var(--j-ai-text);background:var(--j-ai-surface-raised)}.add-project-new-trigger:hover,.add-project-option:hover,.add-project-option.active{border-color:var(--j-ai-accent-border);background:var(--j-ai-hover);box-shadow:0 0 0 3px var(--j-ai-accent-soft)}.add-project-option strong{color:var(--j-ai-text)}.add-project-option.active svg{color:var(--j-ai-accent)}.add-project-option em{border-color:var(--j-ai-accent-border);color:var(--j-ai-accent);background:var(--j-ai-accent-soft)}.add-project-error{border-color:var(--j-ai-danger-border);color:var(--j-ai-danger-text);background:var(--j-ai-danger-bg)}.agent-guide-body div,.message-row.user .message-text,.operation-trace,.operation-thinking,.operation-error,.artifact-card,.media-card,.task-card{border-color:var(--j-ai-border);background:var(--j-ai-hover);color:var(--j-ai-text)}.agent-guide-body p,.message-row.user .message-text,.operation-title,.result-title,.artifact-card strong,.media-card strong,.task-card strong{color:var(--j-ai-text)}.agent-guide-body span,.artifact-card small,.media-card small,.task-card small,.operation-line,.operation-thinking{color:var(--j-ai-muted)}.operation-error{color:var(--j-ai-danger-text);background:var(--j-ai-danger-bg)}.agent-guide-body span{color:var(--j-ai-accent)}.image-upload-field{border-color:var(--j-ai-border);background:var(--j-ai-surface)}.image-upload-preview{border-color:var(--j-ai-border);color:var(--j-ai-muted);background:var(--j-ai-hover)}.image-upload-main strong{color:var(--j-ai-text)}.image-upload-main small{color:var(--j-ai-muted)}.ghost-action,.ghost-action.compact{color:var(--j-ai-muted);background:var(--j-ai-hover)}.ghost-action:hover,.ghost-action.compact:hover{color:var(--j-ai-text);background:var(--j-ai-surface)}.text-action{color:var(--j-ai-accent)}.text-action:hover{color:var(--j-ai-text)}.reference-image-item{border-color:var(--j-ai-border);background:var(--j-ai-surface)}.avatar-extra .el-radio-button__inner{border-color:var(--j-ai-border)!important;color:var(--j-ai-muted)!important;background:var(--j-ai-input)!important}.avatar-extra .el-radio-button__original-radio:checked+.el-radio-button__inner{border-color:var(--j-ai-accent)!important;color:#fff!important;background:var(--j-ai-accent)!important;box-shadow:-1px 0 0 0 var(--j-ai-accent)!important}.chatgpt-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.chatgpt-brand-button,.sidebar-new-chat-row,.chatgpt-sidebar-actions button,.chatgpt-main-actions button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;font-family:inherit}.chatgpt-brand-button{min-width:0;gap:9px;border-radius:10px;color:#0d0d0d;padding:5px;text-align:left}.chatgpt-brand-button>span:last-child{display:grid;min-width:0}.chatgpt-brand-button small{overflow:hidden;color:#6b7280;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.chatgpt-sidebar-actions{display:inline-flex;flex:none;gap:2px;align-items:center}.chatgpt-sidebar-actions button,.chatgpt-main-actions button{width:34px;height:34px;border-radius:10px;color:#5f6368}.chatgpt-sidebar-actions button:hover,.chatgpt-main-actions button:hover,.chatgpt-brand-button:hover{color:#111315;background:#ececec}.chatgpt-sidebar-actions svg,.chatgpt-main-actions svg{width:18px;height:18px}.sidebar-new-chat-row{justify-content:flex-start;gap:10px;width:100%;min-height:40px;border-radius:10px;color:#0d0d0d;font-size:14px;font-weight:560;padding:0 10px;text-align:left}.sidebar-new-chat-row:hover{background:#ececec}.sidebar-new-chat-row svg{width:18px;height:18px}.chatgpt-main-topbar{display:flex;min-width:0;min-height:52px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #ececec;background:#fff;padding:0 18px}.chatgpt-main-title{display:grid;min-width:0;justify-items:center;margin:0 auto;line-height:1.2}.chatgpt-main-title strong,.chatgpt-main-title span{overflow:hidden;max-width:min(560px,62vw);text-overflow:ellipsis;white-space:nowrap}.chatgpt-main-title strong{color:#0d0d0d;font-size:15px;font-weight:650}.chatgpt-main-title span{color:#6b7280;font-size:12px;margin-top:2px}.chatgpt-main-actions{display:inline-flex;flex:none;gap:12px;align-items:center}.welcome-workspace{min-height:0;overflow:auto;background:#fff;padding:0 clamp(24px,7vw,110px) 56px}.welcome-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;border-bottom:1px solid #ececec;padding:clamp(34px,6vw,72px) 0 28px}.welcome-hero-main{display:flex;min-width:0;gap:18px;align-items:center}.welcome-mark{display:block;width:64px;height:64px;flex:none;border-radius:8px;background:#111315;object-fit:cover}.welcome-hero p,.welcome-section-head p{color:#6b7280;font-size:13px;font-weight:650;margin:0 0 6px}.welcome-hero h1{color:#0d0d0d;font-size:clamp(34px,5vw,56px);font-weight:720;letter-spacing:0;line-height:1.04;margin:0}.welcome-hero small{display:block;color:#4b5563;font-size:15px;line-height:1.6;margin-top:12px}.welcome-balance{display:grid;min-width:168px;gap:8px;justify-items:start;border-left:1px solid #ececec;padding-left:26px}.welcome-balance span,.welcome-stat-strip span,.welcome-action-card span,.welcome-agent-card small,.welcome-recent-row small{color:#6b7280}.welcome-balance strong{color:#0d0d0d;font-size:30px;font-weight:720;line-height:1}.welcome-balance button,.welcome-section-head button{min-height:34px;border:1px solid #d1d5db;border-radius:8px;color:#111827;background:#fff;cursor:pointer;font-weight:650;padding:0 14px}.welcome-balance button:hover,.welcome-section-head button:hover{background:#f3f4f6}.welcome-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:24px 0 10px}.welcome-stat-card,.welcome-action-card,.welcome-agent-card,.welcome-recent-row{border:1px solid #ececec;border-radius:8px;background:#fff}.welcome-stat-card{display:grid;gap:8px;min-width:0;cursor:pointer;padding:16px;text-align:left}.welcome-stat-strip strong{color:#111315;font-size:28px;line-height:1}.welcome-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px 0 28px}.welcome-action-card{display:grid;min-width:0;gap:10px;align-content:start;min-height:138px;color:#111827;cursor:pointer;padding:18px;text-align:left}.welcome-stat-card:hover,.welcome-stat-card:focus-visible,.welcome-action-card:hover,.welcome-action-card:focus-visible,.welcome-agent-card:hover,.welcome-agent-card:focus-visible,.welcome-recent-row:hover,.welcome-recent-row:focus-visible{border-color:#d1d5db;background:#f8fafc;outline:none}.welcome-action-card svg{width:24px;height:24px;color:#111315}.welcome-action-card strong{color:#0d0d0d;font-size:17px;font-weight:680}.welcome-action-card span{font-size:13px;line-height:1.45}.welcome-section{display:grid;gap:14px;border-top:1px solid #ececec;padding:28px 0 4px}.welcome-section-head{display:flex;gap:16px;align-items:end;justify-content:space-between}.welcome-section-head h2{color:#0d0d0d;font-size:24px;font-weight:680;letter-spacing:0;line-height:1.2;margin:0}.welcome-agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.welcome-agent-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;min-width:0;cursor:pointer;padding:12px}.welcome-agent-avatar{display:grid;width:44px;height:44px;place-items:center;overflow:hidden;border-radius:50%;color:#fff;background:#111315;font-weight:720}.welcome-agent-avatar.image{object-fit:cover}.welcome-agent-copy{display:grid;min-width:0;gap:3px}.welcome-agent-copy strong,.welcome-recent-row strong{overflow:hidden;color:#111827;font-size:15px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.welcome-agent-copy small,.welcome-recent-row small{overflow:hidden;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.welcome-recent-list{display:grid;gap:8px;max-width:760px}.welcome-recent-row{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;gap:12px;align-items:center;min-width:0;cursor:pointer;padding:10px 12px}.welcome-recent-row>span:nth-child(2){display:grid;min-width:0;gap:2px}.welcome-recent-row>svg{width:16px;height:16px;color:#9ca3af}.conversation-directory-workspace{min-height:0;overflow:auto;background:#fff;padding:0 clamp(24px,7vw,110px) 56px}.conversation-directory-head{display:flex;gap:18px;align-items:end;justify-content:space-between;border-bottom:1px solid #ececec;padding:clamp(28px,5vw,54px) 0 22px}.conversation-directory-head p{color:#6b7280;font-size:13px;font-weight:650;margin:0 0 6px}.conversation-directory-head h1{color:#0d0d0d;font-size:clamp(28px,4vw,42px);font-weight:720;letter-spacing:0;line-height:1.08;margin:0}.conversation-directory-head>strong{color:#111315;font-size:20px;line-height:1;white-space:nowrap}.conversation-directory-empty{display:grid;min-height:240px;place-items:center;color:#6b7280;font-size:14px}.conversation-directory-list{display:grid;gap:8px;padding:22px 0 0}.conversation-directory-row{display:grid;grid-template-columns:minmax(0,1fr) 34px 16px;gap:10px;align-items:center;min-height:64px;border:1px solid #ececec;border-radius:8px;background:#fff;padding:8px 12px 8px 8px}.conversation-directory-row:hover,.conversation-directory-row:focus-within,.conversation-directory-row.selected{border-color:#d1d5db;background:#f8fafc}.conversation-directory-main{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-width:0;color:#111827;background:transparent;cursor:pointer;padding:0;text-align:left}.conversation-directory-main>span:last-child{display:grid;min-width:0;gap:2px}.conversation-directory-main strong,.conversation-directory-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-directory-main strong{color:#0d0d0d;font-size:15px;font-weight:680}.conversation-directory-main small{color:#6b7280;font-size:12px}.conversation-directory-favorite{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#9ca3af;background:transparent;cursor:pointer}.conversation-directory-favorite:hover,.conversation-directory-favorite.active{color:#d69e2e;background:#fff7db}.conversation-directory-favorite:disabled{cursor:wait;opacity:.55}.conversation-directory-favorite svg{width:17px;height:17px}.conversation-directory-arrow{width:16px;height:16px;color:#9ca3af}@media(max-width:1100px){.welcome-actions,.welcome-stat-strip,.welcome-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.welcome-workspace,.conversation-directory-workspace{padding:0 18px 44px}.welcome-hero{grid-template-columns:1fr}.conversation-directory-head{align-items:flex-start}.welcome-balance{min-width:0;border-left:0;border-top:1px solid #ececec;padding:18px 0 0}.welcome-actions,.welcome-stat-strip,.welcome-agent-grid{grid-template-columns:1fr}.welcome-section-head{align-items:flex-start}}.chatgpt-empty-state{display:grid;justify-items:center;gap:10px;width:min(760px,100%);margin:18vh auto 0;color:#0d0d0d;text-align:center}.conversation-loading-state{display:grid;justify-items:center;gap:12px;width:min(760px,100%);margin:20vh auto 0;color:#8a8a8a;font-size:14px;text-align:center}.conversation-loading-state span{width:30px;height:30px;border:2px solid #e5e7eb;border-top-color:#111315;border-radius:50%;animation:conversation-loading-spin .82s linear infinite}.conversation-loading-state p{margin:0}.conversation-performance-banner{width:min(760px,100%);margin:0 auto 16px;border:1px solid #f2d6a2;border-radius:12px;color:#7c4a03;background:#fff8e7;font-size:13px;line-height:1.45;padding:10px 12px}@keyframes conversation-loading-spin{to{transform:rotate(360deg)}}.chatgpt-empty-avatar{display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border-radius:50%;color:#fff;background:#111315;border:3px solid #ffffff;font-weight:700;font-size:20px;box-shadow:0 14px 34px #0f172a24}.chatgpt-empty-avatar.generic{background:transparent;border:0;border-radius:14px}.chatgpt-empty-avatar img{width:100%;height:100%;object-fit:cover}.chatgpt-empty-state h1{color:#0d0d0d;font-size:30px;font-weight:650;letter-spacing:0;line-height:1.2;margin:0}.chatgpt-empty-state p{color:#6b7280;font-size:14px;margin:0}.project-page-actions{display:inline-flex;flex:none;gap:14px;align-items:center;margin-left:auto}.chatgpt-main-topbar.project-main-topbar{display:grid;grid-template-columns:44px minmax(90px,1fr) minmax(0,auto);column-gap:14px}.chatgpt-main-topbar.project-main-topbar .chatgpt-main-title{position:static;min-width:0;max-width:100%;justify-self:center;transform:none}.chatgpt-main-topbar.project-main-topbar .chatgpt-main-title strong,.chatgpt-main-topbar.project-main-topbar .chatgpt-main-title span{max-width:100%}.chatgpt-main-topbar.project-main-topbar .project-page-actions{min-width:0;justify-self:end;margin-left:0}.chatgpt-main-topbar.project-main-topbar .project-page-search{width:clamp(190px,24vw,300px)}.project-page-create{display:grid;width:46px;height:46px;place-items:center;border:0;border-radius:999px;color:#0d0d0d;background:#fff;box-shadow:0 12px 30px #00000014;cursor:pointer}.project-page-create:hover{background:#f3f3f3}.project-page-create svg{width:25px;height:25px}.project-page-search{display:inline-flex;align-items:center;gap:10px;width:min(360px,32vw);min-height:46px;border-radius:999px;color:#6b7280;background:#fff;box-shadow:0 12px 30px #00000014;padding:0 18px}.project-page-search svg{width:21px;height:21px}.project-page-search input{width:100%;min-width:0;border:0;color:#0d0d0d;background:transparent;font:inherit;font-size:16px;outline:none}.project-page-search input::placeholder{color:#8a8a8a}.projects-workspace{min-height:0;overflow:auto;background:#fff;padding:28px clamp(24px,7vw,110px) 48px}.project-page-tabs{display:inline-flex;gap:10px;align-items:center;margin:0 0 24px}.project-page-tabs button{min-height:38px;border:0;border-radius:999px;color:#6b7280;background:transparent;cursor:pointer;font-size:15px;font-weight:560;padding:0 16px}.project-page-tabs button:hover,.project-page-tabs button.active{color:#0d0d0d;background:#f3f3f3}.project-page-list{display:grid;gap:8px;max-width:760px}.project-page-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:18px;align-items:center;min-height:82px;border-radius:18px;background:transparent;cursor:pointer;padding:8px 14px 8px 8px}.project-page-row:hover,.project-page-row:focus-visible,.project-page-row.selected{background:#f6f6f6;outline:none}.project-page-row.expanded{background:#f6f6f6}.project-page-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;color:#0d0d0d;background:#f0f0f0}.project-page-icon svg{width:30px;height:30px;stroke-width:2}.project-page-main{display:grid;min-width:0;gap:3px}.project-page-main strong{display:inline-flex;min-width:0;align-items:center;gap:8px;overflow:hidden;color:#0d0d0d;font-size:18px;font-weight:560;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.project-page-main strong svg{width:16px;height:16px;flex:none}.project-page-main small,.project-page-main em{overflow:hidden;color:#8a8a8a;font-size:13px;font-style:normal;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.project-page-main small{display:inline-flex;align-items:center;gap:6px}.project-page-main em{color:#6b7280}.project-page-expand-icon{width:13px;height:13px;flex:none;color:#9ca3af}.project-page-row-actions{display:inline-flex;align-items:center;gap:4px;opacity:0;transition:opacity .16s ease}.project-page-row:hover .project-page-row-actions,.project-page-row:focus-within .project-page-row-actions,.project-page-row.selected .project-page-row-actions{opacity:1}.project-page-row-actions>button,.project-page-row-actions>.menu-anchor>button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:10px;color:#5f6368;background:transparent;cursor:pointer}.project-page-row-actions>button:hover,.project-page-row-actions>.menu-anchor>button:hover{color:#0d0d0d;background:#e9e9e9}.project-page-row-actions>button>svg,.project-page-row-actions>.menu-anchor>button>svg{width:18px;height:18px}.project-page-menu{top:40px;min-width:178px}.project-page-conversations{display:grid;gap:4px;max-width:676px;margin:-2px 0 12px 84px}.project-page-conversation-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:50px;border-radius:14px;color:#0d0d0d;cursor:pointer;padding:6px 10px 6px 8px}.project-page-conversation-row:hover,.project-page-conversation-row:focus-visible,.project-page-conversation-row.selected{background:#f7f7f7;outline:none}.project-page-conversation-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#111827;background:#f2f2f2;font-size:13px;font-weight:650}.project-page-conversation-main{display:grid;min-width:0;gap:2px}.project-page-conversation-main strong,.project-page-conversation-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-page-conversation-main strong{color:#111827;font-size:15px;font-weight:560;line-height:1.25}.project-page-conversation-main small{color:#8a8a8a;font-size:12px;line-height:1.3}.project-page-conversation-actions{display:inline-flex;align-items:center;gap:2px;opacity:0;transition:opacity .16s ease}.project-page-conversation-row:hover .project-page-conversation-actions,.project-page-conversation-row:focus-within .project-page-conversation-actions,.project-page-conversation-row.selected .project-page-conversation-actions{opacity:1}.project-page-conversation-actions>button,.project-page-conversation-actions>.menu-anchor>button{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:9px;color:#6b7280;background:transparent;cursor:pointer}.project-page-conversation-actions>button:hover,.project-page-conversation-actions>.menu-anchor>button:hover,.project-page-conversation-actions>button.active{color:#111827;background:#ececec}.project-page-conversation-actions>button.active{color:#c89b00}.project-page-conversation-actions svg{width:16px;height:16px}.project-page-conversation-menu{z-index:150}.project-page-conversation-empty{color:#8a8a8a;font-size:13px;padding:10px 12px}.project-page-empty{display:grid;justify-items:center;gap:10px;max-width:520px;margin:12vh auto 0;color:#6b7280;text-align:center}.project-page-empty>svg{width:44px;height:44px;color:#0d0d0d}.project-page-empty strong{color:#0d0d0d;font-size:22px;font-weight:650}.project-page-empty span{line-height:1.7}.project-page-empty button{min-height:40px;border-radius:999px;color:#fff;background:#111315;cursor:pointer;font-weight:720;padding:0 18px}.chatgpt-agent-work{display:grid;justify-items:center;gap:8px;width:min(620px,100%);color:#475569}.chatgpt-agent-work span{color:#8a6427;font-size:12px;font-weight:760}.chatgpt-agent-work p{max-width:620px;color:#374151;font-size:15px;line-height:1.7}.chatgpt-agent-work small{max-width:560px;color:#6b7280;font-size:13px;line-height:1.65}@media(min-width:768px){.client-shell{grid-template-columns:280px minmax(0,1fr);background:#fff}.client-sidebar{grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;border-right:1px solid #ececec;background:#f9f9f9;padding:10px}.project-brand{padding:0 0 2px}.brand-mark{width:30px;height:30px;border-radius:8px;background:#111315;font-size:14px}.history-search-panel{gap:6px;margin-bottom:2px}.history-search-box{min-height:40px;border:1px solid #e3e3e3;border-radius:12px;color:#6b7280;background:#fff;padding:0 10px}.history-search-box:focus-within{border-color:#d0d0d0;background:#fff;box-shadow:0 0 0 3px #0000000a}.history-search-box input{color:#0d0d0d;font-size:14px}.history-search-box input::placeholder,.history-search-status{color:#8a8a8a}.history-search-box button:hover{color:#111315;background:#ececec}.client-sidebar-scroll{padding:2px 2px 10px 0}.sidebar-section{border-top:0;margin-top:8px;padding-top:6px}.section-title{color:#6b7280;font-size:12px;font-weight:520;margin:0 7px 4px}.section-title em{color:#8a8a8a}.section-title-actions button,.project-toggle-button,.ellipsis-button,.compose-icon-button,.favorite-button,.group-title{color:#6b7280}.section-title-actions button:hover,.project-toggle-button:hover,.ellipsis-button:hover,.compose-icon-button:hover,.favorite-button:hover{color:#111315;background:#ececec}.collection-row,.project-row,.conversation-row,.agent-row{border-radius:10px;color:#0d0d0d;background:transparent}.collection-row,.project-row{min-height:38px;padding:6px 8px}.conversation-row{min-height:36px;padding:5px 7px}.agent-row{grid-template-columns:26px minmax(0,1fr);min-height:38px;padding:5px 7px}.agent-row:hover,.agent-row.selected,.project-row:hover,.project-row.selected,.collection-row:hover,.conversation-row:hover,.conversation-row.selected,.history-search-box,.account-entry:hover,.account-entry.active,.group-title:hover{color:#0d0d0d;border-color:transparent;background:#ececec}.conversation-icon,.project-folder{width:24px;height:24px;border-radius:7px;color:#5f6368;background:#f1f1f1;font-size:12px}.collection-folder.favorite,.favorite-button.active{color:#c58b00}.collection-folder.pinned{color:#0d0d0d}.project-conversation-list{gap:2px;border-left:1px solid #d9d9d9;margin:1px 0 7px 18px;padding-left:8px}.agent-row strong,.project-row strong,.collection-row strong,.conversation-row strong,.project-brand strong,.account-summary strong{color:#0d0d0d;font-size:14px;font-weight:560}.agent-row small,.project-row small,.collection-row small,.conversation-row small,.project-brand span,.account-summary small,.empty-sidebar-text{color:#6b7280;font-size:12px}.group-title{border-radius:9px;color:#6b7280;font-size:12px;padding:6px 7px}.avatar{width:24px;height:24px;background:#111315;font-size:12px}.sidebar-action-menu{border:1px solid rgb(0 0 0 / .08);border-radius:14px;background:#fff;box-shadow:0 18px 42px #00000029}.new-chat-button{display:none}.client-account-dock{border-top:1px solid #ececec;padding-top:8px}.account-entry-row{grid-template-columns:minmax(0,1fr) 56px}.account-entry{min-height:44px;border-radius:10px;color:#0d0d0d}.account-avatar{width:32px;height:32px;border-color:#e3e3e3;color:#fff;background:#111315}.subscribe-entry{min-height:44px;border:0;border-radius:10px;color:#0d0d0d;background:#ececec}.subscribe-entry:hover{color:#fff;background:#111315}.conversation-shell{grid-template-rows:52px minmax(0,1fr) auto;background:#fff}.conversation-scroll{display:block;padding:32px max(24px,calc((100vw - 1040px)/2)) 20px}.message-row{width:min(760px,100%);grid-template-columns:32px minmax(0,1fr);gap:12px;margin:0 auto 22px}.message-row.user{width:min(760px,100%);grid-template-columns:minmax(0,1fr);justify-content:center}.message-avatar{width:28px;height:28px;border-radius:50%;background:#111315;font-size:12px}.message-text{color:#0d0d0d;font-size:16px;line-height:1.86}.message-row.user .message-text{justify-self:end;max-width:min(620px,78%);border-radius:18px;background:#f4f4f4;padding:10px 14px}.operation-trace,.operation-thinking,.operation-error,.artifact-card{border-color:#e3e3e3;background:#f7f7f8;color:#0d0d0d}.operation-line,.operation-thinking,.artifact-card small{color:#6b7280}.operation-error{color:#b42318;background:#fff1f1}.composer-panel,.client-shell .client-composer{width:min(760px,calc(100vw - 328px))}.composer-panel{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;margin-bottom:18px}.composer-extra,.media-settings-toggle{border:1px solid #e3e3e3;border-radius:16px;background:#fff;box-shadow:0 12px 28px #0000000f}.composer-error{border-color:#fecaca;color:#991b1b;background:#fef2f2}.composer-box{min-height:56px;grid-template-columns:auto minmax(0,1fr) 36px 36px 38px;gap:7px;border:1px solid #e3e3e3;border-radius:28px;background:#f7f7f8;box-shadow:0 12px 32px #00000014;padding:7px 8px}.composer-box .composer-textarea .el-textarea__inner,.composer-box textarea.el-textarea__inner{min-height:38px!important;color:#0d0d0d!important;-webkit-text-fill-color:#0d0d0d;background:transparent!important;box-shadow:none!important;line-height:1.55;padding:8px 6px!important}.composer-box .composer-textarea .el-textarea__inner::placeholder,.composer-box textarea.el-textarea__inner::placeholder{color:#8a8a8a!important;-webkit-text-fill-color:#8a8a8a}.composer-icon{color:#5f6368}.composer-icon:hover,.composer-icon.active{color:#111315;background:#ececec}.prompt-optimize-button:not(:disabled):hover{color:#111315;background:#fff7d6}.send-button{color:#fff;background:#111315}.send-button:hover{background:#2f3032}}@media(max-width:767px){.chatgpt-main-topbar{min-height:48px;padding:0 12px}.chatgpt-main-title{justify-items:start;margin:0}.chatgpt-main-title strong,.chatgpt-main-title span{max-width:calc(100vw - 130px)}.chatgpt-empty-state{margin-top:14vh;padding:0 20px}.chatgpt-empty-state h1{font-size:25px}.chatgpt-agent-work p{font-size:14px}.chatgpt-agent-work small{font-size:12px}}@media(min-width:768px){.client-shell{grid-template-columns:346px minmax(0,1fr);background:#fff}.client-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.client-shell.sidebar-collapsed .client-sidebar{display:none}.client-sidebar{height:calc(100vh - 20px);min-height:0;margin:10px 0 10px 10px;overflow:visible;border:1px solid #eeeeee;border-radius:22px;background:#fff;box-shadow:0 20px 60px #00000014;padding:22px 16px 14px}.project-brand.chatgpt-sidebar-head{align-items:center;gap:12px;padding:0 2px 12px}.chatgpt-brand-button{padding:0}.chatgpt-brand-button strong{color:#0d0d0d;font-size:27px;font-weight:700;letter-spacing:0}.chatgpt-sidebar-actions{display:inline-flex;align-items:center;gap:8px;height:40px}.chatgpt-sidebar-actions button{display:inline-grid;width:36px;height:36px;place-items:center;color:#0d0d0d;border-radius:12px}.chatgpt-sidebar-actions button:hover{background:#f2f2f2}.chatgpt-sidebar-actions svg{width:24px;height:24px;stroke-width:2}.sidebar-avatar-button{width:38px!important;height:38px!important;flex:0 0 38px;overflow:hidden;border-radius:999px!important;color:#fff!important;background:#111315!important;line-height:1}.sidebar-avatar-button img,.sidebar-avatar-button span{display:grid;width:100%;height:100%;place-items:center;object-fit:cover;font-size:14px;font-weight:700}.sidebar-primary-nav{display:grid;position:relative;gap:10px;border:0;margin:2px 0 8px;padding:2px 0}.sidebar-primary-nav>button{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:34px;border-radius:10px;color:#0d0d0d;background:transparent;cursor:pointer;font-size:17px;font-weight:620;line-height:1.2;text-align:left;padding:0 10px}.sidebar-primary-nav>button:hover,.sidebar-primary-nav>button.active{background:#f2f2f2}.sidebar-primary-nav>button>svg{width:24px;height:24px;stroke-width:2}.sidebar-primary-item-label{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px}.sidebar-primary-item-label strong{overflow:hidden;font:inherit;text-overflow:ellipsis;white-space:nowrap}.sidebar-primary-item-label em{color:#8a8a8a;font-size:12px;font-style:normal;font-weight:500}.sidebar-nav-project-panel,.sidebar-nav-favorite-panel{display:grid;gap:4px;border-bottom:1px solid #f0f0f0;margin:-8px 0 4px;padding:0 0 10px 2px}.sidebar-nav-project-tools{display:flex;align-items:center;justify-content:space-between;min-height:30px;color:#8a8a8a;font-size:12px;padding:0 9px 0 54px}.sidebar-nav-project-tools button{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;color:#5f6368;background:transparent;cursor:pointer}.sidebar-nav-project-tools button:hover{color:#0d0d0d;background:#f2f2f2}.sidebar-nav-project-tools svg{width:15px;height:15px}.sidebar-more-menu{border-color:#ececec;border-radius:20px;background:#fff;box-shadow:0 18px 48px #0000001f;margin:0;padding:7px}.sidebar-more-menu button{grid-template-columns:30px minmax(0,1fr);min-height:50px;border-radius:14px;color:#0d0d0d;padding:7px 10px}.sidebar-more-menu button:hover{background:#f5f5f5}.sidebar-more-menu svg{color:#0d0d0d;stroke-width:2}.sidebar-more-menu strong{color:#0d0d0d;font-size:15px;font-weight:650}.sidebar-more-menu small{color:#8a8a8a;font-size:12px}.history-search-panel{margin:0 0 12px}.history-search-box{min-height:44px;border-radius:14px;background:#f4f4f4}.client-sidebar-scroll{display:flex;min-height:0;flex-direction:column;gap:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:0 2px 82px 0}.pinned-agent-top-section,.pinned-conversation-section{order:1}.pinned-agent-section{order:2}.recent-conversation-section{order:3}.saved-conversation-section{order:4}.project-list-section{order:5}.pinned-agent-top-section,.pinned-conversation-section,.pinned-agent-section,.recent-conversation-section,.saved-conversation-section,.project-list-section{border-top:0;margin-top:10px;padding-top:0}.agent-section-toggle{width:100%;cursor:pointer}.section-title{color:#0d0d0d;font-size:19px;font-weight:700;margin:14px 4px 12px}.section-title em,.section-title-actions{color:#8a8a8a;font-size:13px;font-weight:500}.sidebar-section-heading,.section-title.sidebar-section-heading{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:12px;min-height:48px;border-radius:12px;color:#0d0d0d;background:transparent;margin:0 0 8px;padding:7px 8px}.sidebar-section-heading:hover{background:#ececec}.sidebar-section-heading-icon{width:31px;height:31px;border-radius:50%;color:#0d0d0d;background:#f2f2f2}.sidebar-section-heading-icon svg{width:17px;height:17px}.sidebar-section-heading-title{color:#0d0d0d;font-size:16px;font-weight:700}.sidebar-platform-heading .sidebar-section-heading-title{font-size:15px}.sidebar-section-heading-main small{color:#6b7280;font-size:12px}.recent-conversation-section .collection-conversation-list{margin-top:8px}.agent-section-body{padding-top:6px}.pinned-agent-row,.conversation-row,.collection-row,.project-row{min-height:48px;border-radius:12px;padding:7px 8px}.pinned-agent-row{grid-template-columns:34px minmax(0,1fr);gap:12px}.pinned-agent-row .avatar,.conversation-icon,.project-folder{width:31px;height:31px;border-radius:50%}.project-folder,.conversation-icon{color:#0d0d0d;background:#f2f2f2}.pinned-agent-row strong,.conversation-row strong,.collection-row strong,.project-row strong{color:#0d0d0d;font-size:16px;font-weight:520}.pinned-agent-row small,.conversation-row small,.collection-row small,.project-row small{color:#6b7280;font-size:12px}.pinned-conversation-section>.pinned-nav-row{grid-template-columns:34px minmax(0,1fr);gap:16px;min-height:36px;border-radius:10px;color:#0d0d0d;background:#f2f2f2;font-size:20px;font-weight:620;line-height:1.2;padding:0 12px}.pinned-conversation-section>.pinned-nav-row:hover{background:#f2f2f2}.pinned-conversation-section>.pinned-nav-row>svg{width:27px;height:27px;stroke-width:2}.pinned-conversation-section>.pinned-nav-row strong{color:#0d0d0d;font:inherit}.pinned-nav-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;color:#8a8a8a;font-size:13px;font-weight:500}.pinned-nav-actions em{color:inherit;font:inherit;font-style:normal}.pinned-agent-row:hover,.pinned-agent-row.selected,.conversation-row:hover,.conversation-row.selected,.collection-row:hover,.project-row:hover,.project-row.selected{background:#f3f3f3}.project-conversation-list{border-left:0;margin-left:0;padding-left:0}.favorite-button,.ellipsis-button,.compose-icon-button{color:#5f6368}.favorite-button:hover,.ellipsis-button:hover,.compose-icon-button:hover{color:#0d0d0d;background:#e9e9e9}.new-chat-button{display:inline-flex;right:var(--new-chat-button-right, 18px);bottom:var(--new-chat-button-bottom, 26px);height:54px;min-width:134px;color:#fff;background:#202123;box-shadow:0 18px 36px #00000038;font-size:18px}.new-chat-button:hover{background:#111315}.client-account-dock{display:none}.conversation-shell{grid-template-rows:58px minmax(0,1fr) auto;background:#fff}.chatgpt-main-topbar{position:relative;min-height:58px;border-bottom:1px solid #eeeeee;background:#fff;padding:0 22px}.sidebar-collapse-button{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;color:#0d0d0d;background:transparent;cursor:pointer;transform:translateY(4px)}.sidebar-collapse-button:hover{background:#f3f3f3}.sidebar-collapse-button svg{width:22px;height:22px;stroke-width:2}.chatgpt-main-title{position:absolute;left:50%;transform:translate(-50%);justify-items:center;margin:0}.chatgpt-main-title strong{font-size:18px;font-weight:650}.chatgpt-main-title span{font-size:12px}.chatgpt-main-actions{position:relative;margin-left:auto;transform:translateY(4px)}.chatgpt-main-actions button{color:#0d0d0d}.chatgpt-conversation-menu{position:absolute;top:44px;right:0;z-index:45;display:grid;width:274px;border:1px solid rgb(0 0 0 / .08);border-radius:22px;background:#fffffff5;box-shadow:0 24px 72px #0000002e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:14px}.chatgpt-conversation-menu button{display:grid;width:100%;height:46px;grid-template-columns:28px minmax(0,1fr);gap:12px;justify-content:start;border-radius:12px;color:#0d0d0d;font-size:17px;font-weight:520;text-align:left;padding:0 10px}.chatgpt-conversation-menu button:hover{background:#f2f2f2}.chatgpt-conversation-menu button:disabled{cursor:not-allowed;opacity:.38}.chatgpt-conversation-menu button.danger{color:#ef4444}.chatgpt-conversation-menu svg{width:24px;height:24px}.conversation-scroll{padding-top:54px}.chatgpt-empty-state{margin-top:17vh}.composer-panel,.client-shell .client-composer{width:min(720px,calc(100vw - 520px))}.client-shell.sidebar-collapsed .composer-panel,.client-shell.sidebar-collapsed .client-composer{width:min(780px,calc(100vw - 96px))}.composer-box{display:flex;align-items:center;gap:10px;min-height:58px;border:1px solid #e8e8e8;border-radius:999px;background:#fff;box-shadow:0 14px 36px #00000012;padding:8px 12px}.composer-attachment-actions{position:relative;flex:0 0 auto;grid-column:auto;gap:0;order:0}.composer-textarea{flex:1 1 auto;grid-column:auto;min-width:0;order:1}.prompt-optimize-button,.voice-button,.send-button{grid-column:auto;flex:0 0 auto}.prompt-optimize-button{order:2}.voice-button{order:3}.send-button{order:4}.composer-box .composer-textarea .el-textarea__inner,.composer-box textarea.el-textarea__inner{min-height:40px!important;max-height:118px!important;line-height:20px!important;padding:10px 2px!important}.composer-icon{width:40px;height:40px;color:#5f6368}.composer-tools-trigger{color:#0d0d0d}.prompt-optimize-button:not(:disabled){color:#8a6427}.composer-icon:hover,.composer-icon.active{color:#0d0d0d;background:#f2f2f2}.prompt-optimize-button:not(:disabled):hover{color:#111315;background:#fff7d6}.send-button{width:42px;height:42px;color:#fff;background:#111315;border-radius:999px}.send-button:hover{background:#2f3032}.composer-tool-popover{position:absolute;left:0;bottom:50px;z-index:42;display:grid;width:156px;gap:4px;border:1px solid rgb(0 0 0 / .08);border-radius:18px;background:#fffffffa;box-shadow:0 18px 48px #00000024;padding:8px}.composer-tool-popover button{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;justify-content:start;width:100%;min-height:40px;border:0;border-radius:12px;color:#0d0d0d;background:transparent;cursor:pointer;font-size:14px;font-weight:520;text-align:left;padding:0 10px}.composer-tool-popover button:hover,.composer-tool-popover button.active{background:#f2f2f2}.composer-tool-popover button:disabled{cursor:not-allowed;opacity:.4}.composer-tool-popover svg{width:19px;height:19px}.account-drawer{width:min(442px,calc(100vw - 24px));border-left:1px solid #eeeeee;color:#0d0d0d;background:#fff;box-shadow:-18px 0 60px #00000014}.account-drawer-head,.account-drawer-head.profile{min-height:124px;border-bottom:1px solid #eeeeee;background:#fff;padding:24px 16px}.account-drawer-kicker{color:#0d0d0d;font-size:12px;font-weight:650}.account-drawer-head h2{color:#0d0d0d;font-size:22px;font-weight:700;margin-top:6px}.account-drawer-head p{color:#6b7280;font-size:13px}.account-drawer-close{width:34px;height:34px;border:1px solid #d8e1eb;border-radius:9px;color:#64748b;background:#f8fafc}.account-drawer-close:hover{border-color:#c8d3df;color:#0d0d0d;background:#f2f2f2}.account-drawer-scroll{gap:14px;background:#fff;padding:16px 10px 96px}.account-balance-panel,.account-drawer-section{border:1px solid #dbe4ef;border-radius:8px;background:#fff;box-shadow:none}.account-balance-panel{gap:6px;background:#fff;padding:18px}.account-balance-panel span,.account-balance-panel small,.account-drawer-section small{color:#64748b}.account-balance-panel strong{color:#0d0d0d;font-size:32px;font-weight:760}.account-drawer-section{padding:14px}.account-drawer-section h3{color:#0d0d0d;font-size:14px;font-weight:700}.account-drawer-section .admin-empty{color:#8a8a8a}.compact-row,.transaction-row{border-top:1px solid #111315;color:#0d0d0d}.compact-row:first-of-type,.transaction-row:first-of-type{border-top:0}.compact-row strong,.transaction-row>div:first-child strong,.transaction-amount strong{color:#0d0d0d;font-weight:650}.compact-row small,.transaction-row>div:first-child small,.transaction-amount small{color:#475569}.transaction-amount.income strong{color:#22c55e}.transaction-amount.expense strong{color:#ef4444}.account-drawer .status-pill.success{color:#fff;background:#0f5132}.account-drawer-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-bottom:1px solid #eeeeee;background:#fff;padding:10px 14px}.account-drawer-tabs button{min-height:38px;border:1px solid #e5e7eb;border-radius:999px;color:#52525b;background:#fff;font-weight:620;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.account-drawer-tabs button:hover{color:#0d0d0d;border-color:#d4d4d8;background:#f6f6f6}.account-drawer-tabs button.active{color:#fff;border-color:#111315;background:#111315}.account-drawer-tabs button.active svg{color:#fff}.profile-overview-card{border-color:#dbe4ef;border-radius:14px;background:#fff}.profile-overview-main strong,.profile-info-list strong,.profile-action-grid strong{color:#0d0d0d}.profile-overview-main small,.profile-info-list span,.profile-action-grid small{color:#64748b}.profile-overview-badges span{border-color:#dbe4ef;color:#0d0d0d;background:#f6f6f6}.profile-info-list{border-color:#eee;border-radius:12px}.profile-info-list div{border-top-color:#eee}.profile-action-grid button{position:relative;min-height:72px;border-color:#e5e7eb;border-radius:16px;color:#0d0d0d;background:#fff;box-shadow:0 1px #00000008;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.profile-action-grid button:hover{border-color:#d4d4d8;background:#fafafa;box-shadow:0 10px 24px #0000000f;transform:translateY(-1px)}.profile-action-grid svg{box-sizing:content-box;width:18px;height:18px;border-radius:12px;color:#0d0d0d;background:#f2f2f2;padding:7px}.account-drawer .primary-action,.account-drawer .ghost-action,.account-drawer .text-action{min-height:40px;border-radius:999px;font-weight:700;transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.account-drawer .primary-action{border:0;color:#fff;background:#111315;box-shadow:0 10px 22px #0000001f}.account-drawer .primary-action:hover{color:#fff;background:#2f3032;box-shadow:0 12px 28px #00000029;transform:translateY(-1px)}.account-drawer .ghost-action{border:0;color:#0d0d0d;background:#f2f2f2}.account-drawer .ghost-action:hover{color:#0d0d0d;background:#e8e8e8}.account-drawer .danger-action{color:#dc2626;background:#fef2f2}.account-drawer .danger-action:hover{color:#b91c1c;background:#fee2e2}.account-drawer .text-action{min-height:34px;color:#71717a;background:transparent}.account-drawer .text-action:hover{color:#dc2626;background:#fef2f2}.account-drawer-footer{position:absolute;left:0;right:0;bottom:0;z-index:2;gap:10px;border-top:1px solid #eeeeee;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 10px}.account-drawer-footer .ghost-action{min-height:42px;border:0;border-radius:999px;color:#0d0d0d;background:#f2f2f2}.account-drawer-footer .primary-action{min-height:42px;border:0;border-radius:999px;color:#fff;background:#111315}}@media(min-width:700px)and (max-width:1180px)and (orientation:portrait){html,body,#app{width:100%;min-height:100dvh;overflow:hidden}.client-shell,.client-shell.sidebar-collapsed{width:100vw;height:100dvh;min-height:100dvh;grid-template-columns:268px minmax(0,1fr);transform:none;overflow:hidden}.client-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.client-sidebar{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;width:auto;height:calc(100dvh - 24px);margin:12px 0 12px 12px;border-radius:20px;padding:18px 12px 12px}.chatgpt-brand-button strong{font-size:22px}.chatgpt-sidebar-actions button,.sidebar-avatar-button{width:34px!important;height:34px!important;flex-basis:34px}.sidebar-primary-nav{display:grid;grid-template-columns:1fr;grid-auto-flow:row;gap:8px;margin:2px 0 6px}.sidebar-primary-nav>button,.pinned-conversation-section>.pinned-nav-row{display:grid;width:100%;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;min-height:30px;font-size:15px;padding:0 9px}.sidebar-primary-nav>button>svg,.pinned-conversation-section>.pinned-nav-row>svg{width:20px;height:20px}.sidebar-primary-item-label{min-width:0}.sidebar-primary-item-label strong,.sidebar-primary-item-label em{line-height:1}.client-sidebar-scroll{padding-bottom:74px}.client-main,.conversation-shell{min-width:0;height:100dvh;min-height:0;overflow:hidden}.conversation-shell{grid-template-rows:58px minmax(0,1fr) auto}.chatgpt-main-topbar{min-height:58px;padding:0 18px}.conversation-scroll{padding:32px clamp(24px,5vw,58px) 18px}.chatgpt-empty-state{margin-top:10vh}.message-row{width:100%;grid-template-columns:34px minmax(0,1fr);max-width:100%}.message-row.assistant .message-body{max-width:min(680px,calc(100% - 46px))}.message-row.user{display:grid;grid-template-columns:minmax(0,min(620px,72%));justify-content:end;justify-items:end}.message-row.user .message-body{width:100%;min-width:0;justify-self:end}.message-row.user .message-text{max-width:100%}.composer-panel,.client-shell .client-composer{width:min(620px,calc(100vw - 356px));margin-bottom:max(18px,env(safe-area-inset-bottom))}.client-shell.sidebar-collapsed .composer-panel,.client-shell.sidebar-collapsed .client-composer{width:min(720px,calc(100vw - 72px))}.composer-box{min-height:56px;padding:7px 10px}.composer-icon{width:38px;height:38px}.send-button{width:40px;height:40px}.new-chat-button{min-width:122px;height:50px;font-size:16px}}.conversation-scroll .message-row{width:100%;max-width:100%;margin-left:0;margin-right:0}.conversation-scroll .message-row.assistant{grid-template-columns:minmax(0,min(760px,100%));justify-content:start;justify-items:start}.conversation-scroll .message-row.assistant .message-body{width:100%;max-width:min(760px,100%);justify-self:start}.conversation-scroll .message-avatar{display:none}.conversation-scroll .message-row.user{display:grid;grid-template-columns:minmax(0,min(620px,72%));justify-content:end;justify-items:end}.conversation-scroll .message-row.user .message-body{display:grid;width:100%;max-width:min(620px,100%);justify-self:end;justify-items:end}.conversation-scroll .message-row.user .message-text{max-width:100%;margin-left:auto}.conversation-scroll .message-row.user .message-actions{margin-left:auto;margin-right:0}html.native-app-shell,html.native-app-shell body,html.native-app-shell #app{width:100%;height:100dvh;min-height:100dvh;overflow:hidden}@media(min-width:768px)and (max-width:1180px){html.native-app-shell .client-shell{--app-tablet-sidebar: clamp(252px, 31vw, 318px);width:100vw!important;height:100dvh!important;min-height:100dvh!important;grid-template-columns:var(--app-tablet-sidebar) minmax(0,1fr);overflow:hidden;transform:none!important}html.native-app-shell .client-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}html.native-app-shell .client-sidebar{display:grid;width:auto;height:calc(100dvh - 16px)!important;min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;margin:8px 0 8px 8px;overflow:visible;border-radius:20px;padding:18px 12px 12px}html.native-app-shell .project-brand.chatgpt-sidebar-head{gap:10px;padding-bottom:10px}html.native-app-shell .chatgpt-brand-button strong{font-size:clamp(22px,3vw,28px);line-height:1.1}html.native-app-shell .chatgpt-sidebar-actions{gap:6px}html.native-app-shell .chatgpt-sidebar-actions button,html.native-app-shell .sidebar-avatar-button{width:34px!important;height:34px!important;flex-basis:34px}html.native-app-shell .sidebar-primary-nav{display:grid;grid-auto-flow:row;grid-template-columns:1fr;gap:6px;margin:0 0 8px;padding:0}html.native-app-shell .sidebar-primary-nav>button{display:grid;width:100%;grid-template-columns:28px minmax(0,1fr);gap:10px;justify-items:start;min-height:36px;border-radius:10px;font-size:clamp(15px,1.8vw,18px);line-height:1.15;text-align:left;padding:0 9px}html.native-app-shell .sidebar-primary-nav>button>svg{width:22px;height:22px}html.native-app-shell .sidebar-primary-item-label{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;justify-content:initial}html.native-app-shell .sidebar-primary-item-label strong{min-width:0;text-align:left}html.native-app-shell .sidebar-primary-item-label em{justify-self:end;line-height:1}html.native-app-shell .client-sidebar-scroll{min-height:0;padding:0 2px 18px 0}html.native-app-shell .client-account-dock{display:none}html.native-app-shell .new-chat-button{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));min-width:122px;height:50px;font-size:16px}html.native-app-shell .client-main,html.native-app-shell .conversation-shell{height:100dvh!important;min-height:0;overflow:hidden}html.native-app-shell .conversation-shell{grid-template-rows:84px minmax(0,1fr) auto}html.native-app-shell .chatgpt-main-topbar{min-height:84px;align-items:flex-start;padding:20px 16px 0}html.native-app-shell .chatgpt-main-title{max-width:calc(100% - 132px);transform:translate(-50%,8px)}html.native-app-shell .sidebar-collapse-button,html.native-app-shell .chatgpt-main-actions{transform:translateY(18px)}html.native-app-shell .chatgpt-main-title strong,html.native-app-shell .chatgpt-main-title span{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}html.native-app-shell .conversation-scroll{padding:30px clamp(18px,5vw,48px) 18px}html.native-app-shell .chatgpt-empty-state{width:min(620px,calc(100% - 36px));margin-top:13vh}html.native-app-shell .chatgpt-empty-state h1{font-size:clamp(28px,4vw,40px);line-height:1.12}html.native-app-shell .chatgpt-agent-work{max-width:min(560px,100%)}html.native-app-shell .chatgpt-agent-work p,html.native-app-shell .chatgpt-agent-work small{overflow-wrap:anywhere}html.native-app-shell .client-shell .client-composer,html.native-app-shell .composer-panel{width:min(760px,calc(100vw - var(--app-tablet-sidebar) - 40px));margin-bottom:max(14px,env(safe-area-inset-bottom))}html.native-app-shell .client-shell.sidebar-collapsed .client-composer,html.native-app-shell .client-shell.sidebar-collapsed .composer-panel{width:min(760px,calc(100vw - 40px))}html.native-app-shell .composer-box{min-height:56px;padding:7px 10px}html.native-app-shell .composer-icon{width:38px;height:38px}html.native-app-shell .send-button{width:40px;height:40px}html.native-app-shell .welcome-workspace{padding:0 clamp(18px,5vw,54px) 40px}html.native-app-shell .welcome-hero{gap:18px;padding:clamp(28px,5vw,54px) 0 24px}html.native-app-shell .welcome-hero h1{font-size:clamp(34px,5vw,48px)}html.native-app-shell .welcome-stat-strip,html.native-app-shell .welcome-actions,html.native-app-shell .welcome-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html.native-app-shell .subscription-overlay{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}html.native-app-shell .subscription-modal{width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 24px);grid-template-rows:auto auto auto minmax(0,1fr) auto;border-radius:12px}html.native-app-shell .subscription-hero{min-height:auto;gap:16px;padding:22px clamp(20px,4vw,36px)}html.native-app-shell .subscription-hero h2{font-size:clamp(28px,4vw,40px);line-height:1.12;word-break:keep-all}html.native-app-shell .subscription-hero p{line-height:1.55}html.native-app-shell .subscription-balance{min-width:130px;padding:12px 14px}html.native-app-shell .subscription-pay-methods{gap:10px;padding:14px clamp(20px,4vw,36px) 0}html.native-app-shell .subscription-channel-grid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}html.native-app-shell .subscription-channel-card{min-height:64px;padding:10px 40px 10px 12px}html.native-app-shell .subscription-type-tabs{margin:14px clamp(20px,4vw,36px) 0}html.native-app-shell .subscription-content{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;padding:18px clamp(20px,4vw,36px)}html.native-app-shell .subscription-card{min-height:auto;gap:11px;padding:18px}html.native-app-shell .subscription-price strong{font-size:clamp(30px,4vw,38px)}html.native-app-shell .subscription-card ul{gap:7px;line-height:1.45}html.native-app-shell .subscription-note{padding:12px clamp(20px,4vw,36px)}}@media(min-width:768px)and (max-width:900px){html.native-app-shell .client-shell{--app-tablet-sidebar: min(82vw, 326px);--app-tablet-sidebar-left: max(8px, env(safe-area-inset-left));grid-template-columns:var(--app-tablet-sidebar) minmax(0,1fr);position:relative}html.native-app-shell .client-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}html.native-app-shell .client-sidebar{position:relative;z-index:70;top:auto;bottom:auto;left:auto;width:auto;height:auto!important;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));margin:max(8px,env(safe-area-inset-top)) 0 max(8px,env(safe-area-inset-bottom)) var(--app-tablet-sidebar-left);padding:18px 10px 12px;transform:translate(0);transition:transform .22s ease,visibility .22s ease;will-change:transform}html.native-app-shell .client-shell.sidebar-collapsed .client-sidebar{display:grid!important;position:fixed;visibility:hidden;pointer-events:none;transform:translate(calc(-100% - 22px))}html.native-app-shell .sidebar-drawer-backdrop{display:none}html.native-app-shell .sidebar-drawer-handle{position:fixed;z-index:90;top:50%;left:calc(var(--app-tablet-sidebar-left) + var(--app-tablet-sidebar) - 9px);display:block;width:18px;height:68px;border:1px solid rgb(15 23 42 / .08);border-radius:999px;background:#ffffffc7;box-shadow:0 12px 30px #0f172a1f;cursor:pointer;padding:0;transform:translateY(-50%);transition:left .22s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease;-webkit-tap-highlight-color:transparent}html.native-app-shell .sidebar-drawer-handle:before{position:absolute;top:50%;left:50%;width:4px;height:34px;border-radius:999px;background:#cbd5e1;content:"";transform:translate(-50%,-50%)}html.native-app-shell .sidebar-drawer-handle:hover,html.native-app-shell .sidebar-drawer-handle:focus-visible{background:#fff;box-shadow:0 16px 34px #0f172a29;outline:none}html.native-app-shell .sidebar-drawer-handle.collapsed{left:max(7px,env(safe-area-inset-left));opacity:.92}html.native-app-shell .client-main,html.native-app-shell .conversation-shell{width:auto;max-width:none}html.native-app-shell .client-shell.sidebar-collapsed .client-main,html.native-app-shell .client-shell.sidebar-collapsed .conversation-shell{width:100vw;max-width:100vw}html.native-app-shell .conversation-scroll{padding:24px clamp(16px,4vw,30px) 18px}html.native-app-shell .client-shell .client-composer,html.native-app-shell .client-shell.sidebar-collapsed .client-composer,html.native-app-shell .composer-panel,html.native-app-shell .client-shell.sidebar-collapsed .composer-panel{width:min(760px,calc(100vw - 28px))}html.native-app-shell .chatgpt-main-topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}html.native-app-shell .chatgpt-main-title{max-width:calc(100vw - 164px)}html.native-app-shell .welcome-hero{grid-template-columns:1fr}html.native-app-shell .welcome-balance{min-width:0;border-left:0;border-top:1px solid #ececec;padding:16px 0 0}html.native-app-shell .welcome-agent-grid{grid-template-columns:1fr}html.native-app-shell .subscription-hero{display:grid}html.native-app-shell .subscription-balance{text-align:left}}@media(min-width:540px){.client-sidebar,html.native-app-shell .client-sidebar{grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch}.client-sidebar-scroll,html.native-app-shell .client-sidebar-scroll{display:flex;min-height:0;flex-direction:column}.pinned-conversation-section{order:0}.pinned-agent-section{order:1}.recent-conversation-section{order:2}.saved-conversation-section{order:3}.project-list-section{order:4}.client-account-dock,html.native-app-shell .client-account-dock{align-self:end;min-height:0;height:auto;max-height:72px;overflow:visible}.account-entry-row{align-items:center}.account-entry,.subscribe-entry{height:44px;min-height:44px}}