.hp-harness{--hp-dot:color-mix(in srgb, var(--color-border-strong) 55%, var(--color-surface-primary));background:var(--color-surface-primary);color:var(--color-text-base);overflow:clip}.hp-harness[data-dots=true]{background-image:radial-gradient(circle, var(--hp-dot) .75px, transparent .9px);background-size:24px 24px}.hp-harness button,.hp-harness a{-webkit-tap-highlight-color:transparent}.hp-harness :focus-visible,.hp-playground :focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:4px}.hp-site-brand{letter-spacing:var(--font-tracking-heading);align-items:center;gap:10px;font-size:23px;display:flex}.hp-eyebrow{font:11px/1.5 var(--font-family-secondary);color:var(--color-text-neutral)}.hp-hero{padding:28px 32px 0}.hp-hero-copy{text-align:center;max-width:820px;margin:0 auto}.hp-hero-eyebrow{justify-content:center;align-items:center;gap:8px;margin:0 0 22px;display:flex}.hp-hero-eyebrow>span{background:var(--color-brand);width:5px;height:5px}.hp-hero h1{font:400 clamp(42px, 5.3vw, 72px)/1.02 var(--font-family-display);letter-spacing:var(--font-tracking-heading);margin:0}.hp-hero h1>span{color:var(--color-brand)}.hp-hero-description{color:var(--color-text-neutral);max-width:530px;margin:24px auto 0;font-size:18px;line-height:1.55}.hp-signup{max-width:480px;margin:28px auto 0;scroll-margin-top:100px}.hp-waitlist-form [role=status],.hp-waitlist-form [role=alert]{text-align:center;font-size:12px}.hp-hero-product{max-width:1216px;margin:36px auto 0}.hp-sidebar-brand{justify-content:space-between;align-items:center;padding:0 7px 18px;font-size:16px;display:flex}.hp-sidebar-search{color:var(--color-text-neutral);align-items:center;gap:8px;padding:5px 7px 20px;font-size:10px;display:flex}.hp-sidebar-search>svg:last-child{margin-left:auto}.hp-ui-label{font:9px/1.5 var(--font-family-secondary);color:var(--color-text-neutral);justify-content:space-between;align-items:center;padding:12px 7px 8px;display:flex}.hp-sidebar-row{min-height:31px;color:var(--color-text-neutral);white-space:nowrap;align-items:center;gap:7px;padding:4px 7px;display:flex}.hp-sidebar-row.selected{background:var(--color-surface-tertiary);color:var(--color-text-base);border-radius:4px}.hp-project-icon{background:var(--color-surface-highlight);border:1px solid var(--color-border-default);border-radius:3px;place-items:center;width:16px;height:16px;display:grid}.hp-layers-label{margin-top:24px}.hp-layer-child{padding-left:21px;font-size:10px}.hp-sidebar-foot{color:var(--color-text-neutral);justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:16px;left:16px;right:12px}.hp-frame-label{color:var(--color-text-neutral);justify-content:space-between;margin-bottom:7px;font-size:9px;display:flex}.hp-frame-label>span{font:8px var(--font-family-secondary)}.hp-art{color:#272920;background:#f3f2e9;position:relative;overflow:hidden;container-type:inline-size}.hp-art>img{object-fit:cover;width:100%;display:block}.hp-art-poster{aspect-ratio:3/4}.hp-art-poster>img{object-fit:cover;width:62%;height:52%;position:absolute;top:15%;right:2%}.hp-art-brand{z-index:1;justify-content:space-between;align-items:center;display:flex;position:absolute;top:6%;left:7%;right:7%}.hp-art-brand>span:first-child{letter-spacing:-.05em;font-size:10cqw;line-height:1}.hp-art-brand>span:last-child{max-width:38%;font-size:2.8cqw}.hp-art-title{letter-spacing:-.05em;font-size:19cqw;line-height:.9;position:absolute;bottom:7%;left:7%}.hp-art-title>small{font:2.5cqw/1.5 var(--font-family-secondary);letter-spacing:0;margin-top:7cqw;display:block}.hp-art-web{aspect-ratio:1.18;background:#e7edee}.hp-art-web .hp-art-brand{top:7%}.hp-art-web .hp-art-brand>span:first-child{font-size:7cqw}.hp-art-web .hp-art-brand>span:last-child{max-width:55%;font-size:2.5cqw}.hp-art-web>img{mix-blend-mode:multiply;width:49%;height:57%;position:absolute;top:25%;right:0}.hp-art-web-copy{z-index:1;letter-spacing:-.04em;font-size:8.5cqw;line-height:1;position:absolute;top:32%;left:7%}.hp-art-web-copy>small{letter-spacing:0;margin-top:5cqw;font-size:2.7cqw;line-height:1.5;display:block}.hp-art-web-footer{justify-content:space-between;font-size:2.4cqw;display:flex;position:absolute;bottom:8%;left:7%;right:7%}.hp-art-image{aspect-ratio:3/4}.hp-art-image>img{height:100%}.hp-composer-bottom{color:var(--color-text-neutral);justify-content:space-between;align-items:center;margin-top:15px;font-size:9px;display:flex}.hp-composer-bottom>span:first-child{align-items:center;gap:9px;display:flex}.hp-composer-bottom i{background:var(--color-border-default);width:1px;height:10px}.hp-send{background:var(--color-action-fill);width:24px;height:24px;color:var(--color-action-on-fill);border-radius:5px;place-items:center;display:grid}.hp-playground-controls{z-index:50;background:var(--color-surface-inverse-primary);color:var(--color-text-inverse-base);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex;position:sticky;top:0}.hp-playground-controls>div:first-child{flex-direction:column;gap:4px;font-size:13px;display:flex}.hp-playground-controls small{color:var(--color-text-inverse-neutral);font-size:10px}.hp-playground-options{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hp-variant-switch{gap:4px;display:flex}.hp-variant-switch button{cursor:pointer;border-radius:4px;min-height:44px;padding:10px 14px;font-size:12px}.hp-variant-switch button[aria-pressed=true]{background:var(--color-surface-primary);color:var(--color-text-base)}.hp-playground-options label{align-items:center;gap:7px;min-height:44px;font-size:12px;display:flex}.hp-playground-options input{accent-color:var(--color-brand)}.hp-harness{min-height:100svh}.hp-hero{padding-bottom:48px}.hp-layout-editorial .hp-hero{grid-template-columns:.68fr 1.32fr;align-items:center;gap:36px;max-width:1600px;min-height:calc(100svh - 64px);margin:auto;padding:24px 32px 32px;display:grid}.hp-layout-editorial .hp-hero-copy{text-align:left;width:100%}.hp-layout-editorial .hp-hero h1{font-size:clamp(38px,3.6vw,56px)}.hp-layout-editorial .hp-hero-eyebrow{justify-content:flex-start}.hp-layout-editorial .hp-signup{margin-left:0}.hp-layout-editorial .hp-hero-description{font-size:17px}.hp-layout-editorial .hp-desktop-break{display:none}.hp-layout-editorial .hp-hero-product{width:100%;min-width:0;margin:0}.hp-layout-canvas .hp-hero-product{max-width:1440px}.hp-preview{margin:0;container-type:inline-size}.hp-window{border:1px solid var(--color-border-strong);background:var(--color-surface-highlight);box-shadow:0 24px 64px -32px color-mix(in srgb, var(--color-text-base) 25%, transparent);border-radius:12px;overflow:hidden}.hp-window-bar{border-bottom:1px solid var(--color-border-default);background:var(--color-surface-secondary);height:44px;color:var(--color-text-neutral);justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:10px;display:flex}.hp-window-dots{gap:5px;display:flex}.hp-window-dots i{border:1px solid var(--color-border-strong);border-radius:50%;width:7px;height:7px}.hp-preview-controls{align-items:center;gap:2px;display:flex}.hp-preview-controls button{cursor:pointer;border-radius:4px;place-items:center;width:32px;height:36px;display:grid}.hp-preview-controls button:hover{background:var(--color-surface-tertiary)}.hp-preview-controls>span{font:8px var(--font-family-secondary);padding-left:5px}.hp-window-body{grid-template-columns:120px minmax(0,1fr) 30px;height:600px;display:grid}.hp-preview-sidebar{background:var(--color-surface-primary);border-right:1px solid var(--color-border-default);padding:16px 8px;font-size:10px;position:relative}.hp-sidebar-brand{padding-left:5px;padding-right:5px;font-size:15px}.hp-sidebar-row{gap:5px;padding-left:5px;font-size:9px}.hp-sidebar-search{gap:6px;padding-left:5px;font-size:9px}.hp-layer-child{padding-left:16px}.hp-sidebar-foot{gap:5px;font-size:8px;left:12px}.hp-ui-label{font-size:8px}.hp-preview-canvas{background-color:var(--color-surface-secondary);background-image:radial-gradient(circle,var(--color-border-strong) 1px,transparent 1.1px);background-size:24px 24px;min-width:0;position:relative;overflow:hidden}.hp-canvas-breadcrumb{color:var(--color-text-neutral);font-size:9px;position:absolute;top:15px;left:16px}.hp-canvas-breadcrumb>span{padding:0 7px}.hp-properties-rail{border-left:1px solid var(--color-border-default);color:var(--color-text-neutral);flex-direction:column;align-items:center;gap:23px;padding-top:20px;display:flex}.hp-properties-rail svg{width:13px;height:13px}.hp-composer-heading{color:var(--color-text-neutral);align-items:center;gap:6px;margin-bottom:8px;font-size:9px;display:flex}.hp-composer-heading>span{margin-left:auto;font-size:8px}.hp-composer-message{font-size:10px;line-height:1.5}.hp-dispatch-status{border-top:1px solid var(--color-border-light);color:var(--color-text-neutral);margin:0 -12px;padding:6px 12px;font-size:8px;line-height:1.3}.hp-wire{fill:none;stroke:var(--color-border-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.hp-canvas-status{color:var(--color-text-neutral);justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:12px;left:16px;right:12px}.hp-canvas-status>span:first-child{align-items:center;gap:6px;display:flex}.hp-canvas-status i{background:var(--color-brand);border-radius:50%;width:4px;height:4px}.hp-preview[data-running=false] *,.hp-preview[data-running=false] :before,.hp-preview[data-running=false] :after{animation-play-state:paused!important}@keyframes hp-dispatch{0%{opacity:0;stroke-dashoffset:100px}10%,85%{opacity:1}to{opacity:0;stroke-dashoffset:0}}@container (min-width:1050px){.hp-window-body{grid-template-columns:150px minmax(0,1fr) 36px;height:650px}}@container (max-width:700px){.hp-window-body{grid-template-columns:minmax(0,1fr) 28px}.hp-preview-sidebar{display:none}}@media (max-width:1000px){.hp-layout-editorial .hp-hero{padding-top:28px;display:block}.hp-layout-editorial .hp-hero-copy{text-align:center;max-width:640px}.hp-layout-editorial .hp-hero-eyebrow{justify-content:center}.hp-layout-editorial .hp-signup{margin-left:auto}.hp-layout-editorial .hp-hero-product{max-width:820px;margin:36px auto 0}.hp-layout-editorial .hp-hero h1{font-size:56px}}@media (max-width:600px){.hp-site-brand{font-size:21px}.hp-hero,.hp-layout-editorial .hp-hero{padding:28px 16px}.hp-hero h1,.hp-layout-editorial .hp-hero h1{font-size:clamp(32px,9.8vw,56px)}.hp-hero-eyebrow{margin-bottom:20px;font-size:9px}.hp-hero-description,.hp-layout-editorial .hp-hero-description{margin-top:20px;font-size:16px;line-height:1.6}.hp-desktop-break{display:none}.hp-signup{margin-top:24px}.hp-window-bar{padding:0 8px;font-size:8px}.hp-preview-controls button{width:30px;height:40px}.hp-preview-controls>span{display:none}.hp-window-body{grid-template-columns:minmax(0,1fr);height:560px}.hp-properties-rail{display:none}.hp-canvas-breadcrumb{font-size:8px;left:10px}.hp-composer-message{font-size:10px}.hp-dispatch-status{margin:0 -12px;padding:6px 12px;font-size:7px}.hp-frame-label{font-size:8px}.hp-playground-controls{padding:16px;position:relative}.hp-playground-options{gap:8px}.hp-variant-switch button{padding:10px}}@media (prefers-reduced-motion:reduce){.hp-preview *,.hp-preview :before,.hp-preview :after{transition:none!important;animation:none!important}}.hp-bottom-composer{z-index:5;border:1px solid var(--color-border-strong);background:var(--color-surface-highlight);border-radius:10px;width:88%;max-width:430px;padding:10px 12px 0;position:absolute;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px -12px #0003}.hp-bottom-composer .hp-composer-bottom{margin:6px 0}.hp-composer-links{gap:5px;margin-bottom:8px;display:flex}.hp-composer-links span{border:1px solid var(--color-border-default);color:var(--color-text-neutral);border-radius:4px;padding:3px 5px;font-size:7px}.hp-studio-board{position:absolute;inset:50px 0 180px}.hp-board-wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hp-output-wire{fill:none;stroke:var(--color-border-strong);stroke-dasharray:3 4;stroke-width:1px;vector-effect:non-scaling-stroke}.hp-brief-packet,.hp-output-packet{fill:none;stroke:var(--color-brand);stroke-width:2px;stroke-dasharray:4 96;stroke-dashoffset:100px;opacity:0}.hp-preview[data-phase="0"] .hp-brief-packet{animation:.6s ease-in-out both hp-dispatch}.hp-preview[data-phase="6"] .hp-output-packet{animation:1.5s ease-in-out both hp-dispatch}.hp-source-node,.hp-frame-node,.hp-final-node{z-index:2;position:absolute}.hp-source-node{width:25%;top:0;left:5%}.hp-source-image{background:repeating-conic-gradient(#e7e5e8 0 25%,#fff 0 50%) 0/12px 12px;border:1px solid var(--color-border-strong);width:96px;max-width:100%;height:145px;margin:auto;position:relative}.hp-source-image>img{object-fit:contain;background:#f3f2e9;width:100%;height:100%}.hp-asset-plus{border:1px solid var(--color-border-strong);background:var(--color-surface-highlight);border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:45%;right:-8px}.hp-node-caption{color:var(--color-text-neutral);align-items:center;gap:4px;margin-top:8px;font-size:7px;display:flex}.hp-model-picker{z-index:8;border:1px solid var(--color-border-strong);background:var(--color-surface-highlight);border-radius:7px;width:145px;padding:9px;animation:.7s both hp-picker;position:absolute;top:65px;left:30%;box-shadow:0 8px 24px #0002}.hp-model-picker small{margin-bottom:7px;font-size:8px;display:block}.hp-model-picker>span{align-items:center;gap:6px;padding:7px 4px;font-size:9px;display:flex}.hp-model-picker>span:first-of-type{background:var(--color-surface-tertiary);border-radius:4px}.hp-model-picker img,.hp-chat-heading img{filter:brightness(.35);width:12px;height:12px}.hp-lasso{opacity:0;width:100%;height:100%;position:absolute;inset:0}.hp-lasso path{fill:#aa85dd33;stroke:#9873c3;stroke-width:1.5px;stroke-dasharray:100;stroke-dashoffset:100px}.hp-source-node[data-stage="3"] .hp-lasso{opacity:1}.hp-source-node[data-stage="3"] .hp-lasso path{animation:2.4s linear both hp-lasso-draw}.hp-source-node:is([data-stage="4"],[data-stage="5"],[data-stage="6"],[data-stage="7"]) .hp-source-image>img{clip-path:polygon(37% 10%,56% 8.7%,67% 16.7%,70% 24.7%,84% 28.7%,80% 38.7%,69% 43.3%,77% 51.3%,72% 60%,81% 66%,85% 77.3%,94% 90.7%,69% 93.3%,54% 86%,38% 88.7%,26% 81.3%,17% 71.3%,25% 61.3%,17% 54.7%,18% 41.3%,25% 32.7%,20% 25.3%,29% 15.3%);background:0 0}.hp-frame-node{width:25%;top:0;left:38%}.hp-draft-frame{border:1px dashed var(--color-border-strong);background:var(--color-surface-highlight);height:145px;position:relative;overflow:hidden}.hp-draft-wordmark{letter-spacing:-1px;opacity:0;font-size:16px;position:absolute;top:8%;left:8%}.hp-draft-text{letter-spacing:-1px;opacity:0;font-size:clamp(19px,3cqw,32px);line-height:.95;position:absolute;bottom:12%;left:8%}.hp-frame-handle{background:#fff;border:1px solid #628b78;width:5px;height:5px;position:absolute;bottom:0;right:0}.hp-fill-control{color:var(--color-text-neutral);align-items:center;gap:5px;margin-top:8px;font-size:7px;display:flex}.hp-fill-control i{border:1px solid var(--color-border-strong);background:#f3f2e9;width:10px;height:10px}.hp-frame-node[data-stage="2"] .hp-draft-frame{animation:1.8s both hp-frame-draw}.hp-frame-node[data-stage="3"] .hp-draft-text{opacity:1;animation:.8s steps(12,end) both hp-type-reveal}.hp-frame-node[data-stage="3"] .hp-draft-wordmark{opacity:1}.hp-frame-node[data-stage="3"] .hp-draft-frame{animation:1.7s both hp-fill}.hp-frame-node:is([data-stage="4"],[data-stage="5"],[data-stage="6"],[data-stage="7"]) .hp-draft-frame{background:#f3f2e9;border-style:solid}.hp-frame-node:is([data-stage="4"],[data-stage="5"],[data-stage="6"],[data-stage="7"]) :is(.hp-draft-text,.hp-draft-wordmark){opacity:1}.hp-final-art{border:1px solid var(--color-border-strong);position:relative}.hp-final-art .hp-art{opacity:0}.hp-final-placeholder{text-align:center;color:var(--color-text-neutral);background:var(--color-surface-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:9px;line-height:1.5;display:flex;position:absolute;inset:0}.hp-final-node .hp-node-caption{opacity:0;font-size:6px}.hp-preview[data-phase="6"] .hp-final-art .hp-art{animation:1.6s both hp-result}.hp-preview[data-phase="6"] .hp-final-placeholder{animation:1.6s both hp-placeholder}.hp-preview[data-phase="7"] .hp-final-art .hp-art,.hp-preview[data-phase="7"] .hp-final-node .hp-node-caption{opacity:1}.hp-preview[data-phase="7"] .hp-final-placeholder{display:none}.hp-studio-cursor{z-index:10;pointer-events:none;color:var(--cursor-color);opacity:0;position:absolute;top:0;left:0}.hp-studio-cursor>svg{fill:var(--color-surface-highlight);filter:drop-shadow(0 1px 1px #0002)}.hp-studio-cursor>span{background:var(--cursor-color);color:#fff;white-space:nowrap;border-radius:0 7px 7px;padding:4px 7px;font-size:8px;position:absolute;top:21px;left:21px}.hp-studio-cursor small{opacity:.85;margin-top:2px;font-size:6px;display:block}.hp-studio-cursor>i{opacity:0;border:1px solid;border-radius:50%;width:24px;height:24px;position:absolute;top:-9px;left:-9px}.hp-cursor-claude{--cursor-color:#ba765b}.hp-cursor-image{--cursor-color:#9873c3}.hp-cursor-design{--cursor-color:#5e8775}@keyframes hp-picker{0%,30%{opacity:0;transform:translateY(5px)}40%,to{opacity:1;transform:none}}@keyframes hp-connect-cursor{0%{opacity:0;top:40%;left:43%}15%{opacity:1}35%,50%{top:82px;left:calc(17.5% + 48px)}75%,95%{opacity:1;top:27%;left:36%}to{opacity:0;top:27%;left:36%}}@keyframes hp-chat-cursor{0%{opacity:0;top:27%;left:36%}15%{opacity:1}45%,90%{opacity:1;top:75%;left:24%}to{opacity:0;top:75%;left:24%}}@keyframes hp-frame-cursor{0%{opacity:0;top:6%;left:40%}20%{opacity:1;top:6%;left:40%}80%,95%{opacity:1;top:43%;left:61%}to{opacity:0;top:43%;left:61%}}@keyframes hp-writing-cursor{0%{opacity:0;top:78%;left:22%}15%,80%{opacity:1}90%,to{opacity:0;top:81%;left:43%}}@keyframes hp-mask-cursor{0%{opacity:0;transform:translate(35px,15px)}10%{opacity:1}25%{transform:translate(77px,44px)}45%{transform:translate(70px,87px)}60%{transform:translate(88px,130px)}75%{transform:translate(25px,118px)}90%{opacity:1;transform:translate(19px,60px)}to{opacity:0;transform:translate(35px,15px)}}@keyframes hp-fill-cursor{0%{opacity:0;top:25%;left:43%}15%,50%{opacity:1;top:34%;left:53%}75%,95%{opacity:1;top:48%;left:44%}to{opacity:0;top:48%;left:44%}}@keyframes hp-lasso-draw{to{stroke-dashoffset:0}}@keyframes hp-frame-draw{0%,20%{clip-path:inset(0 95% 95% 0);border-color:#628b78}80%,to{clip-path:inset(0);border-color:#628b78}}@keyframes hp-type-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hp-fill{0%,70%{background:var(--color-surface-highlight)}80%,to{background:#f3f2e9}}@keyframes hp-result{0%,40%{opacity:0;transform:translateY(6px)}85%,to{opacity:1;transform:none}}@keyframes hp-placeholder{0%,40%{opacity:1}75%,to{opacity:0}}@media (max-width:600px){.hp-window-body{height:620px}.hp-studio-board{bottom:190px}.hp-source-image{width:90px;height:135px}.hp-draft-frame{height:135px}.hp-final-node{top:180px}.hp-bottom-composer{width:92%}.hp-studio-cursor>span{padding:3px 4px;font-size:7px}.hp-studio-cursor small{font-size:5px}}.hp-cursor-image{top:17px;left:calc(17.5% - 48px)}.hp-window-body{height:720px}.hp-studio-board{bottom:205px}.hp-source-node{width:29%;left:4%}.hp-frame-node{width:29%;left:39%}.hp-final-node{width:23%;max-width:140px;top:135px;right:3%}.hp-source-image,.hp-draft-frame{height:130px}.hp-source-image{width:86px}.hp-cursor-image{left:calc(18.5% - 43px)}.hp-version-strip{gap:5px;height:53px;padding-top:9px;display:flex}.hp-version{flex-shrink:0;width:30px}.hp-version-thumb{border:1px solid var(--color-border-default);background:#f3f2e9;width:28px;height:30px;position:relative;overflow:hidden}.hp-version[data-current=true] .hp-version-thumb{outline:1px solid var(--color-brand);outline-offset:1px}.hp-version-thumb img{object-fit:contain;width:100%;height:100%}.hp-version-thumb>span{padding:10px 2px 0;font-size:5px;line-height:1;display:block}.hp-version-thumb>i{background:var(--color-brand);color:#fff;border-radius:50%;place-items:center;width:10px;height:10px;font:6px sans-serif;display:grid;position:absolute;bottom:0;right:0}.hp-version small{white-space:nowrap;color:var(--color-text-neutral);font-size:5px}.hp-version-layout.hp-version-v1{background:#fff}.hp-version-layout.hp-version-v1>span{opacity:0}.hp-version-layout.hp-version-v2{background:#e7edee}.hp-version-image:not(.hp-version-v1){background:repeating-conic-gradient(#e7e5e8 0 25%,#fff 0 50%) 0/6px 6px}.hp-version-image:not(.hp-version-v1) img{clip-path:polygon(37% 10%,60% 9%,80% 30%,69% 43%,80% 70%,94% 91%,54% 86%,26% 81%,17% 55%,25% 33%)}.hp-asset-conversation{border:1px solid var(--color-border-strong);background:var(--color-surface-highlight);border-radius:7px;margin-top:12px;position:relative}.hp-asset-conversation:before{content:"";border:1px solid var(--color-border-strong);pointer-events:none;border-left:0;border-radius:0 8px 8px 0;width:12px;height:170px;position:absolute;bottom:calc(100% - 15px);right:-12px}.hp-asset-chat-heading{border-bottom:1px solid var(--color-border-light);align-items:center;gap:5px;padding:8px;font-size:8px;display:flex}.hp-asset-chat-heading img{filter:brightness(.35);width:12px;height:12px}.hp-asset-chat-heading small{color:var(--color-text-neutral);margin-left:auto;font-size:6px}.hp-asset-thread{min-height:118px;padding:8px;font-size:8px;line-height:1.45}.hp-asset-thread p{margin:0}.hp-asset-user{background:var(--color-surface-tertiary);border-radius:5px;padding:6px;margin-left:8px!important}.hp-asset-reply{color:var(--color-text-neutral);padding:8px 0 0}.hp-earlier-reply{color:var(--color-text-neutral);border-bottom:1px solid var(--color-border-light);margin-bottom:6px;padding-bottom:5px;font-size:6px}.hp-asset-reply-field{color:var(--color-text-neutral);border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:8px;font-size:6px;display:flex}.hp-chat-idle{color:var(--color-text-neutral);padding:12px 0}.hp-asset-conversation[data-stage="2"] .hp-asset-user,.hp-asset-conversation[data-stage="4"] .hp-asset-user{animation:.6s steps(20,end) both hp-type-reveal}.hp-composer-peek{border-bottom:1px solid var(--color-border-default);align-items:center;gap:8px;margin-bottom:8px;padding:0 0 9px;font-size:9px;line-height:1.5;display:flex}.hp-composer-peek svg{flex-shrink:0}.hp-return-packet{fill:none;stroke:var(--color-brand);stroke-width:2px;stroke-dasharray:4 96;stroke-dashoffset:100px;opacity:0}.hp-preview[data-phase="5"] .hp-return-packet{animation:1.1s both hp-dispatch}.hp-frame-node[data-stage="3"] .hp-draft-frame{background:#e7edee;animation:none}.hp-frame-node[data-stage="4"] .hp-draft-frame{animation:1.7s both hp-fill}.hp-frame-node[data-stage="4"] .hp-draft-text{animation:1.4s both hp-revise-type}.hp-frame-node:is([data-stage="5"],[data-stage="6"],[data-stage="7"]) .hp-draft-text{transform-origin:0 100%;transform:scale(1.1)}@keyframes hp-revise-type{0%{transform:scale(1)}to{transform:scale(1.1)}}@container (min-width:1050px){.hp-window-body{height:740px}}@media (max-width:600px){.hp-window-body{height:780px}.hp-source-node,.hp-frame-node{width:29%}.hp-studio-board{bottom:230px}.hp-final-node{width:23%;top:145px}.hp-asset-chat-heading{flex-wrap:wrap;gap:3px;padding:6px}.hp-asset-chat-heading small{width:100%;margin-left:15px}.hp-asset-thread{min-height:150px;padding:6px;font-size:7px}.hp-asset-user{padding:5px;margin-left:0!important}.hp-asset-reply-field{padding:6px;font-size:5px}.hp-version-strip{gap:3px}.hp-version{width:27px}.hp-version-thumb{width:25px}.hp-composer-peek{font-size:9px}}.hp-source-node:is([data-stage="5"],[data-stage="6"],[data-stage="7"]) .hp-source-image>img{transform:scale(.9)}.hp-studio-cursor{opacity:1;animation-duration:16s;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-iteration-count:infinite}.hp-cursor-claude{animation-name:hp-director-track}.hp-cursor-image{animation-name:hp-image-track;top:0;left:0}.hp-cursor-design{animation-name:hp-design-track}.hp-cursor-claude>i{animation:16s infinite hp-director-clicks}.hp-cursor-image>i{animation:16s infinite hp-image-clicks}.hp-cursor-design>i{animation:16s infinite hp-design-clicks}.hp-board-wires g:nth-child(2) .hp-brief-packet{animation-delay:.15s}@keyframes hp-director-track{0%,2%{top:103%;left:61%}5%,8%{top:75px;left:calc(18.5% + 43px)}12%,16%{top:100px;left:25%}21%,27%{top:290px;left:25%}32%,35%{top:287px;left:58%}41%,44%{top:300px;left:25%}49%,52%{top:315px;left:57%}59%,63%{top:197px;left:25%}68%,70%{top:197px;left:52%}75%,78%{top:103%;left:62%}84%,93%{top:260px;left:83%}to{top:103%;left:61%}}@keyframes hp-image-track{0%,4%{top:185px;left:6%}10%,16%{top:35px;left:calc(18.5% - 12px)}20%{top:32px;left:calc(18.5% + 12px)}23%{top:60px;left:calc(18.5% + 29px)}26%{top:90px;left:calc(18.5% + 19px)}29%{top:137px;left:calc(18.5% + 37px)}32%{top:118px;left:calc(18.5% - 24px)}35%{top:70px;left:calc(18.5% - 27px)}39%,42%{top:35px;left:calc(18.5% - 12px)}47%,50%{top:128px;left:calc(18.5% + 28px)}55%,60%{top:202px;left:14%}65%,75%{top:335px;left:20%}81%,91%{top:170px;left:12%}to{top:185px;left:6%}}@keyframes hp-design-track{0%,6%{top:175px;left:64%}12%,15%{top:20px;left:40%}25%,28%{top:145px;left:67%}33%,39%{top:110px;left:46%}44%,47%{top:120px;left:60%}51%,54%{top:167px;left:44%}59%,62%{top:167px;left:51%}67%,71%{top:202px;left:43%}77%,86%{top:340px;left:56%}92%,to{top:175px;left:64%}}@keyframes hp-director-clicks{0%,4%,7%,20%,23%,40%,43%,74%,77%,to{opacity:0;transform:scale(.5)}5%,21%,41%,75%{opacity:.8;transform:scale(1)}6%,22%,42%,76%{opacity:0;transform:scale(1.8)}}@keyframes hp-image-clicks{0%,15%,18%,46%,49%,54%,57%,to{opacity:0;transform:scale(.5)}16%,47%,55%{opacity:.8;transform:scale(1)}17%,48%,56%{opacity:0;transform:scale(1.8)}}@keyframes hp-design-clicks{0%,14%,17%,50%,53%,58%,61%,to{opacity:0;transform:scale(.5)}15%,51%,59%{opacity:.8;transform:scale(1)}16%,52%,60%{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.hp-studio-cursor{display:none}}.hp-site-footer{text-align:center;font:11px/1.5 var(--font-family-secondary);color:var(--color-text-neutral);padding:20px 24px 28px}.hp-copy-logo{justify-content:center;margin-bottom:36px;display:flex}.hp-layout-editorial .hp-copy-logo{justify-content:flex-start;margin-bottom:0}.hp-layout-editorial .hp-hero-copy{grid-template-rows:auto 1fr;align-self:stretch;display:grid}.hp-layout-editorial .hp-copy-content{align-self:center;padding-bottom:56.5px}.hp-site-footer a{text-underline-offset:3px;text-decoration:underline}.hp-site-footer a:hover{color:var(--color-text-base)}@media (max-width:1000px){.hp-layout-editorial .hp-hero-copy{display:block}.hp-layout-editorial .hp-copy-content{padding-bottom:0}.hp-layout-editorial .hp-copy-logo{justify-content:flex-start;margin-bottom:28px}}.hp-studio-cursor,.hp-studio-cursor>i{animation-play-state:paused}