.creative-helper{padding:20px;border:1px solid #d8dce4;border-radius:20px;background:linear-gradient(120deg,#eff1f5,#fafbfc);margin:20px 0;color:#404650}.helper-intro{display:flex;align-items:center;gap:18px;min-height:72px}.helper-avatar{position:relative;width:66px;height:62px;flex:none;border-radius:24px 24px 21px 18px;background:linear-gradient(150deg,#cfd8e7,#a3b1ca);border:1px solid #9facc3;box-shadow:inset 0 2px 3px #ffffff8a,0 5px 12px #37415315;transition:transform .35s ease}.helper-eye{position:absolute;top:19px;width:9px;height:19px;border-radius:8px;background:#363c47;transition:transform .3s,height .3s,top .3s}.helper-eye-left{left:19px}.helper-eye-right{right:19px}.helper-mouth{position:absolute;width:12px;height:6px;left:26px;top:41px;border-bottom:2px solid #363c47;border-radius:0 0 12px 12px;transition:all .3s}.helper-message{min-width:0}.helper-message strong{font-size:14px;font-weight:600;letter-spacing:.04em}.creative-helper .helper-message p{font-size:14px;line-height:1.7;margin:5px 0 0;color:#5d626a}.creative-helper .helper-preference{display:flex;align-items:center;gap:8px;padding-top:15px;margin-top:15px;border-top:1px solid #d5dbe4;font-size:12px;color:#696e77}.helper-preference input{margin:0;flex:none}.helper-thoughts{position:absolute;left:49px;top:-9px;display:none;gap:3px}.helper-thoughts i{width:4px;height:4px;background:#737e91;border-radius:50%;animation:helper-dot 1.2s infinite}.helper-thoughts i:nth-child(2){animation-delay:.15s}.helper-thoughts i:nth-child(3){animation-delay:.3s}[data-expression=wink] .helper-eye-right{animation:helper-wink 1.1s ease 1}[data-expression=thinking] .helper-avatar{animation:helper-ponder 2.4s ease-in-out infinite}[data-expression=thinking] .helper-eye{transform:translate(2px,-2px);height:15px}[data-expression=thinking] .helper-thoughts{display:flex}[data-expression=thinking] .helper-mouth{width:7px;left:28px;border-radius:50%}[data-expression=happy] .helper-eye{height:9px;top:24px;background:transparent;border-top:4px solid #363c47;border-radius:10px 10px 0 0}[data-expression=happy] .helper-mouth{height:8px;width:16px;left:24px}[data-expression=curious] .helper-avatar{transform:rotate(-5deg)}[data-expression=curious] .helper-eye-right{height:13px;top:22px}[data-expression=confused] .helper-avatar{transform:rotate(5deg)}[data-expression=confused] .helper-eye-left{height:12px;top:24px}[data-expression=confused] .helper-mouth{height:0;transform:rotate(-12deg);border-radius:0}.gw-header-actions{display:flex;gap:10px;align-items:center}.gw-composer-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.gw-demo-button{font-size:12px;padding:9px 13px;border:1px solid #d1d6de;background:#f6f7fa;border-radius:24px;color:#485161;cursor:pointer;white-space:nowrap}.gw-composer-lead{margin:10px 0 24px;color:#717781;font-size:14px}.gw-demo-result{padding:18px;margin-bottom:22px;border:1px solid #d1d7e0;border-radius:18px;background:#f9fafc}.gw-demo-result[hidden]{display:none}.gw-demo-result h3{font-size:16px;margin:0}.gw-demo-result img{display:block;width:min(320px,100%);margin:16px auto;border-radius:14px}.gw-demo-result img[hidden]{display:none}.gw-demo-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.gw-demo-tag{font-size:11px;background:#e6eaf1;border:1px solid #d0d7e2;border-radius:20px;padding:3px 9px;color:#545f72}.gw-demo-steps{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0;padding:0;list-style:none}.gw-demo-steps li{font-size:12px;padding:6px 10px;border-radius:8px;background:#eceef1;color:#878c94}.gw-demo-steps li.is-done{background:#dce2ec;color:#434f64}.gw-demo-result p{font-size:13px;line-height:1.7;color:#68707e}.gw-demo-result button{border:1px solid #cad0db;border-radius:10px;background:white;color:#424c5e;min-height:40px;padding:8px 12px;cursor:pointer}@keyframes helper-wink{0%,25%,70%,100%{transform:scaleY(1)}40%,55%{transform:scaleY(.12)}}@keyframes helper-ponder{50%{transform:translateY(-3px) rotate(-3deg)}}@keyframes helper-dot{50%{opacity:.25;transform:translateY(-3px)}}@media(max-width:600px){.creative-helper{padding:16px}.helper-avatar{width:62px;height:60px}.helper-eye-left{left:17px}.helper-eye-right{right:17px}.helper-mouth{left:24px}.gw-header-actions{gap:6px}.gw-header-actions button{padding:8px 10px;font-size:12px}.gw-demo-button{min-height:42px}.helper-message strong{font-size:13px}.creative-helper .helper-message p{font-size:13px}}@media(prefers-reduced-motion:reduce){.helper-avatar,.helper-eye,.helper-thoughts i{animation:none!important;transition:none}.helper-mouth{transition:none}}
@media(min-width:1000px){.gw-layout{grid-template-columns:380px minmax(0,1fr)}}
.gw-composer-title{margin-bottom:0;flex-wrap:nowrap}.gw-composer-lead{margin:8px 0 14px}.gw-composer .gw-field{margin:14px 0 8px}.gw-composer textarea{min-height:120px;height:136px}.gw-composer .creative-helper{padding:16px;margin:16px 0}.gw-reference-tools{margin:12px 0 0;border-top:1px solid var(--border);padding-top:8px}.gw-reference-tools summary{cursor:pointer;font-size:12px;color:var(--fg-muted);min-height:32px;padding:5px 0}.gw-reference-tools .gw-reference-button{margin:8px 0 0}.gw-reference-tools[open]{padding-bottom:8px}

/* One proportional face at every size; curved smiles do not use collapsed CSS borders. */
.creative-helper .helper-avatar.helper-avatar-v2,#page-gov-workshop .helper-avatar.helper-avatar-v2{width:48px;height:48px;flex:0 0 48px;border-radius:19px;background:linear-gradient(145deg,#dfe5ef,#b2c0d9);border:1px solid #a1aec5;box-shadow:inset 0 2px 2px #ffffff94,inset 0 -2px 3px #7585a114,0 6px 10px -5px #2f374548;transform:none;animation:none;transition:transform .28s ease}
.creative-helper .helper-avatar-v2 .helper-face{display:block;width:100%;height:100%;overflow:visible;position:relative;color:#353c49}
.helper-avatar-v2 .helper-face-features{transform-origin:32px 34px;transition:transform .28s ease}
.helper-avatar-v2 .helper-capsule{fill:currentColor;transform-box:fill-box;transform-origin:center;transition:opacity .2s,transform .25s;animation:helper-natural-blink 7s ease-in-out infinite}
.helper-avatar-v2 .helper-joy-eye,.helper-avatar-v2 .helper-wink-eye,.helper-avatar-v2 .helper-smile,.helper-avatar-v2 .helper-joy-mouth,.helper-avatar-v2 .helper-puzzled-mouth,.helper-avatar-v2 .helper-ponder-mouth{stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:opacity .2s}
.helper-avatar-v2 .helper-joy-eye,.helper-avatar-v2 .helper-wink-eye,.helper-avatar-v2 .helper-joy-mouth,.helper-avatar-v2 .helper-puzzled-mouth,.helper-avatar-v2 .helper-ponder-mouth{opacity:0}
.helper-avatar-v2 .helper-cheeks{fill:#d29d75;opacity:0;transition:opacity .3s}
.creative-helper[data-expression=happy] .helper-avatar-v2 .helper-capsule,.creative-helper[data-expression=happy] .helper-avatar-v2 .helper-smile{opacity:0;animation:none}
.creative-helper[data-expression=happy] .helper-avatar-v2 .helper-joy-eye,.creative-helper[data-expression=happy] .helper-avatar-v2 .helper-joy-mouth{opacity:1}
.creative-helper[data-expression=happy] .helper-avatar-v2 .helper-cheeks{opacity:.22}
.creative-helper[data-expression=happy] .helper-avatar-v2 .helper-face-features{transform:translateY(-1px)}
.creative-helper[data-expression=wink] .helper-avatar-v2 .helper-capsule-right{animation:helper-v2-wink-open 1.1s ease both}
.creative-helper[data-expression=wink] .helper-avatar-v2 .helper-wink-eye{animation:helper-v2-wink-curve 1.1s ease both}
.creative-helper[data-expression=thinking] .helper-avatar-v2 .helper-face-features{transform:translate(1.5px,-1.5px)}
.creative-helper[data-expression=thinking] .helper-avatar-v2 .helper-capsule{transform:scaleY(.87);animation:none}
.creative-helper[data-expression=thinking] .helper-avatar-v2 .helper-smile,.creative-helper[data-expression=confused] .helper-avatar-v2 .helper-smile{opacity:0}
.creative-helper[data-expression=thinking] .helper-avatar-v2 .helper-ponder-mouth{opacity:1}
.creative-helper[data-expression=curious] .helper-avatar.helper-avatar-v2{transform:rotate(-3deg)}
.creative-helper[data-expression=curious] .helper-avatar-v2 .helper-face-features{transform:translateY(-1px)}
.creative-helper[data-expression=confused] .helper-avatar.helper-avatar-v2{transform:rotate(3deg)}
.creative-helper[data-expression=confused] .helper-avatar-v2 .helper-capsule-left{transform:translateY(2px) scaleY(.72);animation:none}
.creative-helper[data-expression=confused] .helper-avatar-v2 .helper-puzzled-mouth{opacity:1}
.creative-helper .helper-avatar-v2 .helper-thoughts{left:auto;right:-5px;top:-6px;padding:4px 5px;border:1px solid #b4bed0;border-radius:8px;background:#e7ebf3;gap:2px}
.creative-helper .helper-avatar-v2 .helper-thoughts i{width:3px;height:3px;background:#54627a}
[data-theme=dark] .creative-helper .helper-avatar.helper-avatar-v2,[data-theme=dark] #page-gov-workshop .helper-avatar.helper-avatar-v2{background:linear-gradient(145deg,#ced7e7,#a1b0ca);border-color:#909fb8;box-shadow:inset 0 2px 2px #ffffff70,0 5px 10px -4px #0c0e1380}
@keyframes helper-natural-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}
@keyframes helper-v2-wink-open{0%,20%,75%,100%{opacity:1;transform:scaleY(1)}35%,60%{opacity:0;transform:scaleY(.12)}}
@keyframes helper-v2-wink-curve{0%,20%,75%,100%{opacity:0}35%,60%{opacity:1}}
[data-gw-document-visible=false] .helper-avatar-v2 *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.creative-helper .helper-avatar-v2 *{animation:none!important;transition:none!important}.creative-helper .helper-avatar.helper-avatar-v2{transition:none}}