.flow-art.product-illustration{min-height:0;padding:32px 0;container-type:inline-size}.product-illustration-window{--pi-border:color-mix(in srgb, var(--ink-2) 12%, var(--canvas));--pi-muted:color-mix(in srgb, var(--ink-2) 17%, var(--canvas));--pi-soft:color-mix(in srgb, var(--royal) 5%, var(--canvas));z-index:1;border:1px solid var(--pi-border);background:var(--canvas);width:90%;color:var(--ink-2);box-shadow:0 2em 4em -1.5em color-mix(in srgb, var(--ink) 40%, transparent);border-radius:1em;font-size:2.5cqw;position:relative;overflow:hidden}.product-illustration-workspace{font-size:2cqw}.product-illustration-window svg{stroke-width:1.6px;flex:none;width:1em;height:1em}.product-illustration-window img{width:1.5em;height:1.5em}.pi-line{background:var(--pi-muted);border-radius:1em;flex-shrink:1;width:100%;height:.35em;display:block}.pi-toggle{background:var(--royal);border-radius:1em;flex:none;align-items:center;width:1.7em;height:.95em;padding:.15em;display:inline-flex}.pi-toggle:after{content:"";background:var(--canvas);border-radius:50%;width:.65em;height:.65em;margin-left:auto}.pi-viewer-top{background:var(--canvas);align-items:center;gap:.8em;height:3.4em;padding:0 .8em;display:flex}.pi-host{border:1px solid var(--pi-border);border-radius:.5em;align-items:center;gap:.6em;width:34%;padding:.55em;display:flex}.pi-host .pi-line{width:65%}.pi-viewer-tools{align-items:center;gap:.8em;margin-left:auto;display:flex}.pi-viewer-tools>svg:last-child{margin-left:.3em}.pi-indicators{border-top:1px solid var(--pi-border);align-items:center;gap:1em;height:2.3em;margin-left:3em;padding:0 .8em;display:flex}.pi-indicators>span{align-items:center;gap:.4em;width:22%;display:flex}.pi-indicators .pi-line{max-width:3em;height:.25em}.pi-viewer-stage{height:20em;padding:0 .55em .55em 3em;position:relative}.pi-viewer-rail{flex-direction:column;justify-content:center;align-items:center;gap:.6em;width:3em;padding:0;display:flex;position:absolute;inset:0 auto 0 0}.pi-viewer-rail>span{border-radius:.5em;place-items:center;width:2.15em;height:2.15em;display:grid}.pi-viewer-rail .is-selected{background:var(--pi-soft);color:var(--royal)}.pi-remote-browser{border:1px solid var(--pi-border);background:var(--canvas);border-radius:.6em;height:100%;overflow:hidden}.pi-browser-tabs{background:color-mix(in srgb, var(--ink-2) 5%, var(--canvas));height:1.8em;padding:.4em .6em 0}.pi-browser-tabs>span{background:var(--canvas);border-radius:.4em .4em 0 0;width:30%;height:100%;display:block}.pi-browser-address{border-bottom:1px solid var(--pi-border);height:2em;padding:.45em .8em}.pi-browser-address>span{background:color-mix(in srgb, var(--ink-2) 5%, var(--canvas));border-radius:1em;width:100%;height:100%;display:block}.pi-website{opacity:.5;gap:.85em;padding:2em;display:grid}.pi-page-block{background:color-mix(in srgb, var(--ink-2) 9%, var(--canvas));border-radius:.5em;height:6em;margin-bottom:.4em;display:block}.pi-website>.pi-line{width:70%}.pi-website>.pi-line:last-child{width:45%}.pi-analysis-panel{background:var(--canvas);border:1px solid var(--pi-border);width:36%;box-shadow:.7em 0 1.4em -.8em color-mix(in srgb, var(--ink) 35%, transparent);border-radius:.6em 0 0 .6em;flex-direction:column;gap:1.15em;padding:1em;display:flex;position:absolute;top:0;bottom:.55em;left:3em}.pi-panel-heading{align-items:center;gap:.6em;display:flex}.pi-panel-heading>.pi-line{width:55%}.pi-panel-heading svg:first-child{color:var(--royal)}.pi-panel-heading svg:last-child{width:.8em;margin-left:auto}.pi-analysis-copy{gap:.55em;padding:.5em 0;display:grid}.pi-analysis-copy .pi-line:last-child{width:65%}.pi-analysis-finding{border-bottom:1px solid var(--pi-border);align-items:center;gap:.5em;padding-bottom:.85em;display:flex}.pi-analysis-finding>span{flex:1;gap:.4em;display:grid}.pi-analysis-finding .pi-line:last-child{width:65%;height:.25em}.pi-analysis-finding>svg:last-child{width:.65em}.pi-analysis-ask{border:1px solid var(--pi-border);border-radius:.55em;align-items:center;gap:1em;margin-top:auto;padding:.6em;display:flex}.pi-analysis-ask .pi-line{width:70%}.pi-analysis-ask svg{color:var(--royal);margin-left:auto}.pi-dashboard-header{border-bottom:1px solid var(--pi-border);align-items:center;gap:2em;height:3.4em;padding:0 1.3em;display:flex}.pi-dashboard-links{gap:1em;width:35%;display:flex}.pi-dashboard-account{background:var(--pi-soft);border-radius:50%;place-items:center;width:1.7em;height:1.7em;margin-left:auto;display:grid}.pi-dashboard-body{padding:1.5em 1.7em}.pi-account-heading{align-items:center;gap:.75em;display:flex}.pi-account-avatar{background:var(--pi-soft);width:2.6em;height:2.6em;color:var(--royal);border-radius:.8em;place-items:center;display:grid}.pi-account-avatar svg{width:1.4em;height:1.4em}.pi-account-name{gap:.5em;width:26%;display:grid}.pi-account-name .pi-line:first-child{height:.55em}.pi-account-name .pi-line:last-child{width:75%}.pi-new-browser{background:var(--royal);color:var(--canvas);border-radius:.5em;align-items:center;gap:.5em;margin-left:auto;padding:.6em .8em;display:flex}.pi-new-browser .pi-line{opacity:.75;background:currentColor;width:3em}.pi-dashboard-tabs{border-bottom:1px solid var(--pi-border);gap:.7em;margin:1.4em 0;display:flex}.pi-dashboard-tabs>span{flex:1;padding:.6em .15em .8em}.pi-dashboard-tabs .is-selected{border-bottom:.2em solid var(--royal)}.pi-dashboard-tabs .is-selected .pi-line{background:var(--royal)}.pi-workspace-heading{justify-content:space-between;align-items:center;margin-bottom:.9em;display:flex}.pi-workspace-heading>.pi-line{width:27%;height:.55em}.pi-workspace-heading>span{align-items:center;gap:.4em;width:20%;display:flex}.pi-workspace-heading svg{color:var(--royal)}.pi-invite{border:1px solid var(--pi-border);border-radius:.45em;align-items:center;gap:.7em;margin-bottom:1em;padding:.45em .6em;display:flex}.pi-invite>.pi-line{width:40%}.pi-invite>span{width:2.2em;height:1.5em;color:var(--canvas);background:var(--royal);border-radius:.3em;place-items:center;margin-left:auto;display:grid}.pi-members{border-top:1px solid var(--pi-border)}.pi-member{border-bottom:1px solid var(--pi-border);align-items:center;gap:.7em;padding:.85em 0;display:flex}.pi-member-name{gap:.4em;width:40%;display:grid}.pi-member-name .pi-line:first-child{width:60%}.pi-member-name .pi-line:last-child{width:85%;height:.25em}.pi-member-role,.pi-member-seat{background:var(--pi-soft);border-radius:.35em;align-items:center;gap:.4em;width:22%;padding:.4em;display:flex}.pi-member-role svg,.pi-member-seat svg{width:.75em;height:.75em}.pi-member-role.is-manager{color:var(--royal);background:color-mix(in srgb, var(--royal) 10%, var(--canvas))}.pi-member>svg{opacity:.55;width:.85em;margin-left:auto}.pi-workspace-sso{border:1px solid var(--pi-border);border-radius:.5em;align-items:center;gap:.8em;margin-top:1em;padding:.8em;display:flex}.pi-workspace-sso>span:not(.pi-toggle){gap:.4em;width:45%;margin-right:auto;display:grid}.pi-workspace-sso .pi-line:last-child{width:70%;height:.25em}