.nh-collab{border-top:1px solid var(--nh-line);--collab-blue:#92cddd;--collab-pink:#edb7d2;--collab-blue-ink:#174959;--collab-pink-ink:#653047;padding-block:100px}.nh-collab-heading{grid-template-columns:1fr 1fr;align-items:end;gap:48px;margin-bottom:40px;display:grid}.nh-collab-heading h2{letter-spacing:-.05em;margin-top:16px;font-size:clamp(44px,6vw,80px);line-height:1.02}.nh-collab-intro{max-width:440px;color:var(--nh-bone);gap:24px;font-size:18px;display:grid}.nh-collab-intro a{align-items:center;gap:8px;font-size:14px;display:inline-flex}.nh-collab-demo{border:1px solid var(--nh-line);background:var(--nh-raised);border-radius:14px;overflow:hidden}.nh-collab-toolbar{border-bottom:1px solid var(--nh-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.nh-collab-tabs,.nh-collab-playback{align-items:center;gap:6px;display:flex}.nh-collab button{min-height:44px;color:var(--nh-bone);background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.nh-collab button:hover{background:var(--nh-line);color:var(--nh-paper)}.nh-collab button[aria-pressed=true]{background:var(--nh-paper);color:var(--nh-ink)}.nh-collab button:disabled{opacity:.55;cursor:default}.nh-collab-workspace{grid-template-columns:minmax(0,1fr) 310px;display:grid}.nh-collab-canvas-wrap{background:var(--nh-paper);min-width:0;color:var(--nh-ink);position:relative}.nh-collab-studio-bar{background:var(--nh-ink);height:56px;color:var(--nh-bone);border-right:1px solid var(--nh-line);justify-content:space-between;align-items:center;padding:0 22px;font-size:12px;display:flex}.nh-collab-page{color:var(--nh-fog);margin-left:12px}.nh-collab-avatars{-webkit-user-select:none;user-select:none;padding-right:4px;display:flex}.nh-collab-avatars span{border:2px solid var(--nh-ink);background:var(--nh-paper);width:30px;height:30px;color:var(--nh-ink);border-radius:50%;place-items:center;margin-right:-5px;font-size:11px;display:grid}.nh-collab-avatars span:nth-child(2){background:var(--collab-blue)}.nh-collab-avatars span:nth-child(3){background:var(--collab-pink)}.nh-collab-canvas{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--nh-bone)var(--nh-paper);height:460px;position:relative;overflow:auto}.nh-collab-site-nav{border-bottom:1px solid var(--nh-bone);justify-content:space-between;padding:26px 32px;font-size:11px;display:flex}.nh-collab-site-nav>span:first-child{letter-spacing:-.05em;font-size:17px}.nh-collab-site-hero{min-height:390px;padding:32px;position:relative}.nh-collab-sample-label{color:var(--nh-muted-on-paper);font-size:11px}.nh-collab-selection{border:1px solid #0000;max-width:470px;margin:28px 0 22px;padding:8px;position:relative}.nh-collab-selection h3{letter-spacing:-.045em;color:var(--nh-ink);overflow-wrap:anywhere;min-height:2.1em;font-size:clamp(32px,3.3vw,49px);line-height:1.04}.nh-collab-mode-edit .nh-collab-selection{border-color:var(--collab-blue-ink);background:color-mix(in srgb,var(--collab-blue)12%,transparent)}.nh-collab-selection-name{background:var(--collab-blue-ink);color:var(--nh-paper);padding:2px 8px;font-size:10px;position:absolute;top:-20px;right:-1px}.nh-collab button.nh-collab-select-target{background:0 0;border-radius:0;width:100%;min-height:0;padding:0;position:absolute;inset:0}.nh-collab-select-target:hover{outline:2px dashed var(--collab-pink-ink)}.nh-collab-mode-review .nh-collab-selection.is-selected{outline:2px dashed var(--collab-pink-ink);background:color-mix(in srgb,var(--collab-pink)20%,transparent)}.nh-collab-site-hero>p{color:var(--nh-muted-on-paper);font-size:13px;line-height:1.65}.nh-collab-site-cta{background:var(--nh-ink);color:var(--nh-paper);align-items:center;gap:22px;margin-top:20px;padding:12px 16px;font-size:12px;display:inline-flex}.nh-collab-pointer{color:var(--collab-blue-ink);pointer-events:none;align-items:flex-start;transition:transform .8s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:122px;left:56%}.nh-collab-pointer.has-moved{transform:translate(35px,54px)}.nh-collab-pointer span{background:var(--collab-blue-ink);color:var(--nh-paper);white-space:nowrap;border-radius:3px;margin-top:18px;padding:3px 8px;font-size:11px}.nh-collab-mode-review .nh-collab-pointer{color:var(--collab-pink-ink);transform:translate(20px,48px)}.nh-collab-mode-review .nh-collab-pointer span{background:var(--collab-pink-ink)}.nh-collab-mode-follow .nh-collab-pointer{display:none}.nh-collab-comment-marker{background:var(--collab-pink-ink);color:var(--nh-paper);border-radius:6px;align-items:center;gap:5px;padding:8px;display:flex;position:absolute;top:170px;right:32px}.nh-collab-site-project{border:2px dashed var(--collab-pink-ink);margin:30px 32px 45px;padding:26px;position:relative}.nh-collab-site-project>span:not(.nh-collab-robin-label){color:var(--nh-muted-on-paper);font-size:11px}.nh-collab-site-project h4{letter-spacing:-.04em;margin-top:16px;font-size:32px}.nh-collab-site-project p{margin-top:8px;font-size:13px}.nh-collab-robin-label{background:var(--collab-pink-ink);color:var(--nh-paper);padding:3px 8px;font-size:10px;position:absolute;top:-22px;right:-2px}.nh-collab-project-art{gap:8px;height:150px;margin-top:24px;display:flex;overflow:hidden}.nh-collab-project-art span{background:var(--collab-blue);border-radius:70px 70px 0 0;flex:1}.nh-collab-project-art span:nth-child(2){background:var(--nh-bone);transform:translateY(30px)}.nh-collab-project-art span:nth-child(3){background:var(--collab-pink);transform:translateY(60px)}.nh-collab button.nh-collab-edge{background:var(--collab-pink-ink);color:var(--nh-paper);white-space:nowrap;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 3px 16px #0002}.nh-collab-edge>span{background:var(--collab-pink);width:24px;height:24px;color:var(--collab-pink-ink);border-radius:50%;place-items:center;font-size:11px;display:grid}.nh-collab-side{min-width:0;color:var(--nh-bone);flex-direction:column;gap:18px;padding:26px;display:flex}.nh-collab-example-label{color:var(--nh-fog);align-items:center;gap:7px;font-size:11px;display:flex}.nh-collab-example-label>span{background:var(--nh-red);width:6px;height:6px}.nh-collab-side h3{letter-spacing:-.03em;color:var(--nh-paper);font-size:25px;line-height:1.15}.nh-collab-side>p:not(.nh-collab-example-label){font-size:13px;line-height:1.6}.nh-collab-field{gap:8px;font-size:12px;display:grid}.nh-collab-field input{border:1px solid var(--nh-fog);background:var(--nh-ink);width:100%;min-height:44px;color:var(--nh-paper);font:inherit;border-radius:5px;padding:10px}.nh-collab-field input:focus-visible{outline:2px solid var(--collab-blue);outline-offset:3px}.nh-collab-remote{border:1px solid var(--nh-line);background:var(--nh-ink);border-radius:8px;gap:16px;padding:16px;display:grid}.nh-collab-remote>span{color:var(--collab-blue);align-items:center;gap:6px;font-size:11px;display:flex}.nh-collab-remote i{background:currentColor;border-radius:50%;width:5px;height:5px}.nh-collab-remote p{font-family:var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere;font-size:25px;line-height:1.1}.nh-collab-remote small{color:var(--nh-fog);align-items:center;gap:6px;font-size:10px;display:flex}.nh-collab-status{color:var(--nh-fog);border-top:1px solid var(--nh-line);margin-top:auto;padding-top:16px;font-size:11px}.nh-collab-review,.nh-collab-follow{gap:16px;font-size:13px;display:grid}.nh-collab-viewer-badge{color:var(--collab-pink);font-size:11px}.nh-collab-review button,.nh-collab-follow button{border-color:var(--nh-fog)}.nh-collab-comment{border-left:2px solid var(--collab-pink);background:var(--nh-ink);gap:12px;padding:12px;display:grid}.nh-collab-comment>span{color:var(--collab-pink);gap:3px;display:grid}.nh-collab-comment small,.nh-collab-review>small{color:var(--nh-fog);font-size:11px}.nh-collab-follow>svg{color:var(--collab-pink)}.nh-collab-caption{color:var(--nh-fog);border-top:1px solid var(--nh-line);padding:14px 20px;font-size:11px}.nh-collab-details{color:var(--nh-fog);grid-template-columns:repeat(3,1fr);gap:36px;margin-top:30px;font-size:13px;line-height:1.7;display:grid}.nh-collab-details strong{color:var(--nh-paper);margin-bottom:6px;font-size:15px;font-weight:400;display:block}@media (max-width:900px){.nh-collab-workspace{grid-template-columns:minmax(0,1fr) 270px}.nh-collab-side{padding:22px}.nh-collab-site-hero{padding:25px}.nh-collab-heading{gap:28px}.nh-collab-intro{font-size:16px}}@media (max-width:650px){.nh-collab{padding-block:64px}.nh-collab-heading{grid-template-columns:1fr;gap:24px}.nh-collab-heading h2{font-size:56px}.nh-collab-workspace{grid-template-columns:1fr}.nh-collab-toolbar{gap:8px;padding:10px}.nh-collab-tabs{gap:3px;width:100%}.nh-collab-tabs button{flex:1;padding:10px 5px;font-size:11px}.nh-collab-playback{margin-left:auto}.nh-collab-canvas{height:390px}.nh-collab-site-nav{padding:20px}.nh-collab-site-hero{min-height:355px;padding:24px 20px}.nh-collab-selection h3{font-size:38px}.nh-collab-pointer{left:51%}.nh-collab-side{border-top:1px solid var(--nh-line);min-height:340px;padding:24px}.nh-collab-details{grid-template-columns:1fr;gap:18px}.nh-collab-studio-bar{padding:0 16px}.nh-collab-remote{gap:10px}}@media (prefers-reduced-motion:reduce){.nh-collab *,.nh-collab :before,.nh-collab :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}