/* Product content fitted to XShop's recovered shell. native.css owns the design. */
.official-light{filter:brightness(0) invert(1)}
/* The restored native agent window switches to the existing real workspace. */
#agents-window .win-head{flex:none}
#agents-window[data-agent-view="activity"] #launch-workspace,#agents-window[data-agent-view="activity"] .agent-workspace-bar{display:none}
#agents-window[data-agent-view="workspace"] #thread,#agents-window[data-agent-view="workspace"] #bot-foot{display:none}
.agent-status{display:flex;gap:10px;align-items:center;min-width:0;flex:1}.agent-status>span:last-child{line-height:1.5}
.agent-action{font-size:12px;padding:8px 14px;flex:none;white-space:nowrap}
.agent-receipt-mark{width:25px;height:25px;background:currentColor;mask:url('/brand/grok.svg') center/contain no-repeat}
#agents-window .rcpt-card>.agent-receipt-mark{background:var(--fg);-webkit-mask:url('/brand/grok.svg') center/contain no-repeat;mask:url('/brand/grok.svg') center/contain no-repeat}
#agents-window .rcpt>div{min-width:0}#agents-window .rcpt>div>b{display:block}#agents-window .rcpt>div>span{display:block;overflow-wrap:anywhere;line-height:1.5}
#agents-window .msg>p{white-space:pre-wrap;overflow-wrap:anywhere}
#agents-window .msg[data-agent-error="true"]{box-shadow:inset 2px 0 0 #ad7278}
.agent-workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 20px;border-top:1px solid var(--line);flex:none;font-size:9px;letter-spacing:.05em;color:var(--muted)}
.agent-text-button{font:12px var(--sans);color:#ccc;background:none;border:0;cursor:pointer;letter-spacing:0}.agent-text-button:hover{color:#fff}
@media(max-width:860px){#agents-window[data-agent-view="activity"] .win-main{height:auto}#agents-window .win-list .bot-row{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:10px;width:230px}#agents-window .win-list .bot-row .bot{--s:36px}#agents-window .br-top b{font-size:15px}#agents-window .win-head{padding:13px 16px}#agents-window .win-head>div{min-width:0}#agents-window .win-head span:not(.bot){font-size:12px}#agents-window .win-head small{display:none}#agents-window .win-foot{flex-wrap:wrap;gap:12px;padding:13px 16px}#agents-window .agent-status{flex-basis:100%;font-size:12px}#agents-window .agent-workspace-bar>span{display:none}}
@media(max-width:560px){#agents-window .rcpt{grid-template-columns:38px minmax(0,1fr);gap:9px}#agents-window .rcpt-card{width:38px;height:30px}#agents-window .rcpt-ok{grid-column:2}#agents-window .rcpt b{font-size:12px}#agents-window .rcpt span{font-size:11px}#agents-window .win-head .bot{--s:36px}#agents-window .win-head b{font-size:14px}#agents-window .win-head span:not(.bot){font-size:11px}}
.nav-mark img,.foot-mark img{height:30px}
.lab-network{gap:8px;padding:8px 13px;font-size:12px}.lab-network img,.ca-hero>img{width:17px;height:17px;object-fit:contain}
.btn-x>img{width:20px;height:20px;object-fit:contain;flex:none}
.product-wordmark{height:calc(min(1120px,86vw) / 5.06);font:750 clamp(52px,17.1vw,223px)/.94 var(--display);letter-spacing:-.075em;color:#eee;white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center;gap:.16em}
.product-wordmark>span{font-weight:400;letter-spacing:-.08em}
.launch-ticker{display:flex;gap:12px;align-items:center;padding:10px 18px 10px 10px;border:1px solid var(--line-2);border-radius:999px;background:#ffffff08;max-width:calc(100vw - 32px);margin:auto;width:fit-content;text-align:left;font-size:14px}
.launch-ticker>img{width:46px;height:46px;padding:9px;border-radius:13px;background:#e9e9ed}.launch-ticker>div{display:flex;flex-direction:column;gap:5px}.launch-ticker span{font-size:12px;color:var(--muted)}
.lab-separator{margin:0 8px;opacity:.35}.lab-summary>span{font-size:10px;letter-spacing:.1em;color:var(--muted)}.lab-summary>b{display:block;margin-top:16px;font:600 40px/1.1 var(--display)}.lab-summary>p{font-size:14px;margin:14px 0 20px;line-height:1.6}
.lab-tag{padding:7px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted)}.mix{display:flex;gap:8px;flex-wrap:wrap}
.lab-feature-feed{list-style:none}.lab-feature-feed>li{padding:24px 0;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.lab-feature-feed img{width:32px;height:32px;object-fit:contain}.lab-feature-feed b{font:600 20px/1.2 var(--display)}.lab-feature-feed p{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.6}.lab-feature-feed button,.lab-feature-feed a{font:500 12px var(--sans);background:none;border:0;color:var(--muted);cursor:pointer}.lab-feature-feed button:hover,.lab-feature-feed a:hover{color:#fff}
.win-main{overflow:hidden}.win-head.lab-workspace-head{flex:none}.lab-workspace-head>div{display:flex;flex-direction:column;gap:5px}.lab-workspace-head small{color:var(--muted);font-size:9px;letter-spacing:.07em}.lab-workspace-head>a{margin-left:auto;font-size:11px;color:var(--muted)}
#launch-workspace{flex:1;min-height:0;overflow:auto}.lab-bot-copy{display:flex;flex-direction:column;gap:6px}.lab-bot-copy b{font-size:14px}.lab-bot-copy small,.lab-step{font-size:11px;color:var(--muted)}.bot-row.on{background:#ffffff0b}.lab-window-bottom{margin-top:auto;border-top:1px solid var(--line);padding:14px 20px;display:grid;gap:12px}.lab-window-bottom button{background:none;border:0;text-align:left;font:12px var(--sans);color:var(--muted);cursor:pointer}.lab-window-bottom button:hover{color:#fff}
.node-ic img{width:30px;height:30px;object-fit:contain}.node-live{font-size:10px!important}
.source-form .calc-row{display:grid;grid-template-columns:1fr;gap:12px}.source-form input,.source-form textarea{width:100%;min-width:0;border:1px solid var(--line-2);border-radius:12px;background:#ffffff05;padding:12px 14px;color:#eee;font:14px/1.55 var(--sans);resize:vertical}.source-form input::placeholder,.source-form textarea::placeholder{color:#68686e}.source-form input:focus,.source-form textarea:focus{outline:1px solid #ffffff60}.source-form .btn-w{margin-top:18px}.lab-input-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:15px}
.lab-draft-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.draft-preview-card{width:min(300px,86%);aspect-ratio:3/4.25;border:1px solid #fff7;border-radius:23px;box-shadow:inset 0 0 0 10px #ffffff12,0 28px 80px #000b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--stock);color:var(--fg);position:relative;padding:28px;transform:rotate(5deg);transition:transform .6s var(--ease)}.draft-preview-card:hover{transform:rotate(0deg) translateY(-8px)}.lab-draft-eyebrow{position:absolute;top:29px;font-size:9px;letter-spacing:.12em}.draft-preview-card>img{width:110px;height:110px;object-fit:contain;margin:30px 0 15px;border-radius:18px}.draft-preview-card>b{font:600 27px/1.1 var(--display);max-width:100%;text-align:center;overflow-wrap:anywhere}.draft-preview-card>span:not(.lab-draft-eyebrow){font-size:12px;text-align:center}.lab-draft-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:24px}.lab-draft-footer>img{width:25px;height:22px}.lab-draft-zone figcaption{max-width:32ch;text-align:center;color:var(--muted);font-size:12px;line-height:1.6}
.tx-close{border:0;background:none;color:var(--muted);font:12px var(--sans);cursor:pointer}.tx-data .lab-panel-title{font:600 28px/1.2 var(--display);margin:15px 0}.tx-data>p{color:var(--muted);line-height:1.8;font-size:15px;max-width:34ch}.lab-panel-detail{margin:20px 0;padding:14px 0;border-block:1px solid var(--line);font-size:13px;color:#d1d1d6}.lab-muted{font-size:14px;line-height:1.7;color:var(--muted)}
.dm-steps{padding:0;list-style:none;margin:28px 0;display:grid;gap:20px;counter-reset:step}.dm-steps>li{padding-left:38px;position:relative;counter-increment:step;display:grid;gap:6px}.dm-steps>li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:1px;color:var(--muted);font-size:12px}.dm-steps b{font-size:15px}.dm-steps span{font-size:13px;line-height:1.6;color:var(--muted)}
.phone .ph-top>img{padding:4px;background:#fff}.phone .ph-in{display:block;width:100%;text-align:left;color:var(--muted);cursor:pointer}.phone .bub.card{max-width:100%}.phone .dm-gc i{display:block;width:38px;height:38px;background:currentColor;mask:url('/brand/grok.svg') center/contain no-repeat}.phone .dm-gc b{font:600 23px var(--display)}.phone .dm-gc>div>small{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone .ph-body .ph-sig{font-size:11px;color:#999;line-height:1.6}
.logo-tile{border:0;color:#fff;cursor:pointer}.logo-tile img{width:50%;height:66px;object-fit:contain;transition:transform .5s var(--ease)}.logo-tile:hover img{transform:translateY(-5px)}.logo-tile span{font-size:14px}.logo-tile small{font-size:10px;color:var(--muted)}.lab-connect-grid{display:flex;justify-content:center;gap:12px;border:0;background:none}
.lab-directory-status{padding:44px 28px;color:var(--muted);font-size:14px;line-height:1.8}.lab-directory-status b{display:block;font:600 23px var(--display);color:#eee;margin-bottom:10px}.lab-directory-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:18px;padding:18px 24px;border-bottom:1px solid var(--line)}.lab-directory-row>img{width:42px;height:42px;border-radius:12px;object-fit:cover}.lab-directory-row span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.lab-directory-row a{font-size:12px;color:var(--muted)}
.newest>.btn-ghost{margin-top:20px}.invite-box{display:flex;gap:12px;flex-wrap:wrap}.lab-last-card{display:flex;flex-direction:column;justify-content:center;gap:26px;padding:40px;border-radius:25px;border:1px solid var(--line-2);min-height:250px;background:#ffffff04;transform:rotate(4deg)}.lab-last-card>img{width:180px;height:auto}.lab-last-card>span{font-size:13px;color:var(--muted)}.ca-line{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1100px){.lab-feature-feed>li{gap:12px}.lab-feature-feed b{font-size:18px}.product-wordmark{font-size:17.1vw}}
@media(max-width:860px){.nav-mark img{height:25px}.lab-network{display:none}.win-main{height:620px}.win-list{display:flex;overflow:auto;gap:4px;padding:12px}.win-list>li{flex:none}.win-list .bot-row{grid-template-columns:28px 1fr;gap:8px;padding:9px}.win-list .bot-row .bot{--s:28px}.lab-step,.lab-bot-copy small{display:none}.lab-bot-copy b{font-size:12px}.lab-window-bottom{display:flex;flex-wrap:wrap;gap:18px;padding:12px 18px}.lab-workspace-head{padding:13px 18px}.lab-feature-feed p{font-size:13px}.lab-last-card{min-height:210px}.node-ic img{width:26px;height:26px}}
@media(max-width:560px){.nav-right .btn-x{padding:9px 14px;font-size:12px}.nav-right .btn-x>img{width:16px;height:16px}.gp-b .gp-sep,.gp-b .gp-s:last-child{display:none}.product-wordmark{font-size:17vw}.hero-sub{padding-inline:16px}.launch-ticker{font-size:12px}.launch-ticker span{font-size:10px;max-width:27ch;line-height:1.4}.launch-ticker>img{width:38px;height:38px}.lab-feature-feed>li{grid-template-columns:28px 1fr auto;gap:13px}.lab-feature-feed img{width:26px;height:26px}.lab-feature-feed b{font-size:17px}.lab-feature-feed button,.lab-feature-feed a{font-size:10px}.lab-summary>b{font-size:33px}.logo-tile img{height:46px}.logo-tile span{font-size:12px}.lab-last-card{width:100%}.source-form .btn-w{width:100%;font-size:12px}.lab-connect-grid{justify-content:flex-start;flex-wrap:wrap}.win-main{height:650px}.lab-workspace-head>a{font-size:10px}.lab-workspace-head small{font-size:8px}.draft-preview-card{width:250px}.lab-directory-row{padding-inline:14px}}