/* A real product panorama in a dimensional browser frame. */
.platform-webapp-popover { width:min(1000px,100%); padding-bottom:0; gap:24px; }
.workspace-product-horizon { position:relative; isolation:isolate; width:calc(100% + 64px); height:365px; margin:0 -32px; overflow:hidden; }
.workspace-product-horizon::before { content:''; position:absolute; z-index:-1; top:0; left:4%; right:0; height:360px; background:radial-gradient(ellipse at 60% 43%,rgba(116,169,232,.48),rgba(194,216,242,.3) 42%,rgba(220,230,242,0) 72%); filter:blur(16px); }
.workspace-product-screen { position:relative; display:flex; flex-direction:column; width:90%; height:520px; margin:28px auto 0; border:1px solid rgba(114,130,153,.42); border-radius:18px; background:#FFF; box-shadow:0 34px 64px -22px rgba(31,57,91,.46),0 9px 20px -10px rgba(11,13,16,.3),inset 0 0 0 1px rgba(255,255,255,.9); overflow:hidden; }
.workspace-browser-tabs { display:flex; align-items:center; flex:none; height:37px; padding:0 13px; border-bottom:1px solid #DFE3EB; background:linear-gradient(#F5F7FA,#EAEFF5); font:11px/1.2 Inter,sans-serif; color:#3B3E43; }
.workspace-browser-lights { display:flex; align-items:center; gap:6px; margin-right:24px; }
.workspace-browser-lights i { width:9px; height:9px; border-radius:50%; border:1px solid rgba(0,0,0,.08); background:#FF5F57; box-shadow:0 1px 0 rgba(255,255,255,.6); }
.workspace-browser-lights i:nth-child(2) { background:#FEBC2E; }
.workspace-browser-lights i:nth-child(3) { background:#28C840; }
.workspace-browser-tab { display:flex; align-items:center; align-self:flex-end; gap:8px; min-width:205px; height:30px; padding:0 12px; border:1px solid #DFE3EB; border-bottom:0; border-radius:9px 9px 0 0; background:#FFF; box-shadow:0 2px 0 #FFF; }
.workspace-browser-tab img { width:15px; height:15px; border-radius:3px; }
.workspace-browser-tab > span:last-child { margin-left:auto; font-size:15px; color:#747982; }
.workspace-browser-new { margin-left:14px; font-size:18px; color:#747982; }
.workspace-browser-menu { margin-left:auto; font-size:19px; letter-spacing:2px; }
.workspace-browser-toolbar { display:flex; align-items:center; gap:12px; height:39px; padding:0 13px; flex:none; border-bottom:1px solid #E3E7EE; background:#FFF; }
.workspace-browser-toolbar svg { display:block; width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.workspace-browser-navigation { display:flex; align-items:center; gap:12px; color:#747982; }
.workspace-browser-navigation svg:nth-child(2) { opacity:.4; }
.workspace-browser-address { display:flex; align-items:center; gap:8px; height:26px; padding:0 12px; border:1px solid #E4E8EF; border-radius:8px; background:#F3F6FA; flex:1; color:#747982; font:11px/1 Inter,sans-serif; }
.workspace-browser-address > span { color:#3B3E43; }
.workspace-browser-address .workspace-browser-star { margin-left:auto; width:13px; height:13px; }
.workspace-browser-share { margin-left:1px; color:#747982; }
.workspace-product-body { display:grid; grid-template-columns:minmax(0,1fr) 29%; flex:1; min-height:0; }
.workspace-product-data,.workspace-product-agent { position:relative; min-width:0; overflow:hidden; background:#FFF; }
.workspace-product-data img { display:block; width:138%; max-width:none; height:auto; }
.workspace-product-agent { border-left:1px solid #DDDDE5; }
.workspace-product-agent img { position:absolute; top:0; left:-215.5%; display:block; width:315.5%; max-width:none; height:auto; }