.hp-ai .hpa-h1{font-size:clamp(38px,4.2vw,60px)}.hp-ai h2{text-wrap:balance}.hp-ai .hpa-msg{display:flex;gap:12px;min-width:0}.hp-ai .hpa-msg-body{color:#dbdee1;display:flex;flex-direction:column;font-size:15px;gap:4px;line-height:1.45;min-width:0}.hp-ai .hpa-msg-name{color:#f2f3f5;font-size:15px;font-weight:600}.hp-ai .hpa-time{color:#949ba4;font-size:11px;font-weight:400;margin-left:4px}.hp-ai .hpa-mention{background:rgba(88,101,242,.3);border-radius:3px;color:#c9cdfb;font-weight:500;padding:0 2px}.hp-ai .hpa-used{align-items:center;color:#b5bac1;display:flex;font-size:12px;gap:6px;margin-bottom:-8px;padding-left:48px}.hp-ai .hpa-used strong{color:#c9cdfb;font-weight:500}.hp-ai .hpa-chat{box-shadow:0 30px 80px -20px rgba(0,0,0,.9),0 0 0 1px #3a3c42;margin-left:auto;max-width:560px;width:100%}.hp-ai .hpa-chat-feed{display:flex;flex-direction:column;gap:18px;padding:20px 18px 8px}.hp-ai .hpa-typing{align-items:center;color:#b5bac1;display:flex;font-size:12px;gap:8px;padding:2px 18px 10px}.hp-ai .hpa-dots{display:inline-flex;gap:3px}.hp-ai .hpa-dots span{background:#b5bac1;border-radius:50%;height:5px;width:5px}.hp-ai .hpa-composer{background:#383a40;border-radius:8px;color:#6d6f78;font-size:14px;margin:0 14px 16px;padding:12px 14px}.hp-ai .hpa-split-wide{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.hp-ai .hpa-shot{max-width:100%}.hp-ai .hpa-shot img{border-radius:12px}.hp-ai .hpa-facts{display:flex;flex-direction:column;gap:14px}.hp-ai .hpa-fact{align-items:flex-start;display:flex;gap:14px}.hp-ai .hpa-fact-t{color:#fff;display:block;font-weight:600;margin-bottom:2px}.hp-ai .hpa-fact p{color:#b5bac1;font-size:15px}.hp-ai .hpa-code{background:#222;border-radius:5px;color:#fff;font-family:Consolas,SFMono-Regular,Menlo,monospace;font-size:.9em;overflow-wrap:anywhere;padding:1px 6px}.hp-ai .hpa-imagine{margin:0 auto;max-width:540px;width:100%}.hp-ai .hpa-art{border-radius:6px;display:block;height:auto;margin-top:6px;max-width:360px;width:100%}.hp-ai .hpa-sizes{display:flex;flex-wrap:wrap;gap:8px}.hp-ai .hpa-key{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:minmax(0,660px) minmax(0,380px);justify-content:center}.hp-ai .hpa-key-steps{display:flex;flex-direction:column;gap:22px}.hp-ai .hpa-key-steps li{align-items:flex-start;color:#b5bac1;display:flex;font-size:15px;gap:14px;line-height:1.55}.hp-ai .hpa-key-steps strong{color:#fff}.hp-ai .hpa-key-note{color:#949ba4;font-size:14px;padding-left:48px}.hp-ai .hpa-flow{align-items:center;background-color:#1e1f22;background-image:radial-gradient(#2e3035 1.2px,transparent 0);background-size:20px 20px;border-radius:16px;box-shadow:0 0 0 1px #2a2a2a;display:flex;flex-direction:column;padding:28px 16px}.hp-ai .hpa-flow .hp-node{width:340px}.hp-ai .hpa-node-field{background:#1a1b1e;border-radius:4px;color:#dbdee1;display:block;font-size:11px;line-height:1.5;overflow-wrap:anywhere;padding:4px 8px}.hp-ai .hpa-node-chip{align-items:center;background:#35373c;border-radius:999px;color:#dbdee1;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:3px 8px}.hp-ai .hpa-templates{display:flex;flex-wrap:wrap;gap:8px}.hp-ai .hpa-plan-wrap{margin:0 auto;max-width:980px;overflow:hidden;width:100%}.hp-ai .hpa-plan-table td{white-space:normal}@media (max-width:960px){.hp-ai .hpa-split-wide{grid-template-columns:minmax(0,1fr)}.hp-ai .hpa-chat{margin:0 auto}.hp-ai .hpa-key{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.hp-ai .hpa-chat-feed{padding:16px 12px 6px}.hp-ai .hpa-msg-body,.hp-ai .hpa-msg-name{font-size:14px}.hp-ai .hpa-used{padding-left:0}.hp-ai .hpa-flow{padding:20px 10px}.hp-ai .hpa-plan-table td,.hp-ai .hpa-plan-table th{font-size:13px;padding:12px 10px}}.hp-ai .hp-step-n{color:#fff}.hp-ai .hpa-links{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0 auto;max-width:900px;padding:0;width:100%}.hp-ai .hpa-link{align-items:center;background:#1a1a1a;border-radius:14px;box-shadow:inset 0 0 0 1px #2a2a2a;color:#949ba4;display:flex;gap:14px;padding:16px 18px;text-decoration:none;transition:box-shadow .15s ease}.hp-ai .hpa-link:hover{box-shadow:inset 0 0 0 1px #f45142}.hp-ai .hpa-link:focus-visible{outline:2px solid #f45142;outline-offset:2px}.hp-ai .hpa-link-text{display:flex;flex-direction:column;flex-grow:1;font-size:14px;gap:2px;line-height:1.45;min-width:0}.hp-ai .hpa-link-text b{color:#fff;font-size:16px}.hp-ai .hpa-link-arrow{color:#6d7179;flex:none}.hp-ai .hpa-link:hover .hpa-link-arrow{color:#f45142}@media (max-width:700px){.hp-ai .hpa-links{grid-template-columns:minmax(0,1fr)}}