.hva-editor{max-width:1380px;margin:auto}.hva-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.hva-heading h1{font-size:34px;letter-spacing:-1px;margin:8px 0}.hva-heading p{margin:8px 0;color:var(--hc-muted,#68746b)}.hva-heading .hva-eyebrow{font-size:12px;letter-spacing:2px;color:#587138;font-weight:700}.hva-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:30px;align-items:start}.hva-preview-panel{position:sticky;top:110px;border-radius:22px;background:radial-gradient(ellipse at 50% 35%,#ecf3dd,#d3dfbf);padding:18px;text-align:center;color:#334229}.hva-preview{height:430px;min-width:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y}.hva-preview canvas,.hva-canvas canvas{display:block;width:100%;height:100%}.hva-hint{font-size:13px;margin:0 0 16px}.hva-preview-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.hva-controls{padding:26px;border:1px solid var(--hc-border,#dce0dc);border-radius:20px;background:var(--hc-surface,#fff)}.hva-controls h2{font-size:18px;margin:24px 0 14px}.hva-controls label{display:block;font-size:14px;font-weight:600}.hva-controls input:not([type=checkbox]){width:100%;height:46px;font:inherit;font-size:16px;margin-top:8px;border:1px solid var(--hc-border,#ddd);border-radius:8px;padding:10px;background:transparent;color:inherit}.hva-parts{display:flex;flex-wrap:wrap;gap:8px}.hva-parts button{background:transparent;color:inherit;border:1px solid var(--hc-border,#dce0dc);border-radius:30px;padding:11px 14px;min-height:44px;cursor:pointer;font-size:14px}.hva-parts button[aria-pressed=true]{background:#dfff8a;border-color:#90b454;color:#24391f}.hva-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.hva-palette button{aspect-ratio:1;min-height:32px;max-height:46px;border:3px solid transparent;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px #0002}.hva-palette button[aria-pressed=true]{outline:3px solid #6d9148;outline-offset:2px;border-color:#fff}.hva-custom-color{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.hva-controls input[type=color]{padding:4px;cursor:pointer}.hva-controls .hva-motion{display:flex;align-items:center;gap:10px;margin-top:22px;font-weight:400}.hva-motion input{width:20px;height:20px}.hva-controls footer{display:flex;justify-content:space-between;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid var(--hc-border,#ddd)}.hva-save{background:#dcff73!important;color:#233b1d!important}.hva-settings fieldset{border:0;padding:0;margin:20px 0}.hva-settings legend{font-size:15px;font-weight:600;margin-bottom:12px}.hva-settings fieldset label{display:inline-flex!important;align-items:center;gap:10px;margin:0 18px 0 0!important;font-weight:400}.hva-settings input[type=radio]{appearance:auto;width:20px!important;height:20px!important;margin:0;accent-color:#69c46c}.hva-settings #hva-status{margin:12px 0}.hva-editor :focus-visible,.hva-settings :focus-visible{outline:3px solid #87a748;outline-offset:3px}
#hva-companion{position:fixed;bottom:0;right:14px;width:130px;height:160px;z-index:35;pointer-events:none}#hva-companion[data-position=left]{right:auto;left:calc(var(--hc-sidebar,267px) + 14px)}#hva-companion[hidden]{display:none!important}.hva-canvas{width:100%;height:100%}#hva-companion>a{position:absolute;right:0;bottom:4px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff;color:#304c2b;box-shadow:0 1px 10px #0002;pointer-events:auto}#hva-companion .hc-icon{width:17px;height:17px}.hc-collapsed #hva-companion[data-position=left]{left:98px}
[data-theme=dark] .hva-controls{background:#191d19;border-color:#343b34}[data-theme=dark] .hva-parts button{border-color:#465046}[data-theme=dark] .hva-controls input{border-color:#465046}[data-theme=dark] .hva-heading p{color:#afb9ad}
@media(max-width:1024px){#hva-companion{width:100px;height:130px;bottom:calc(72px + env(safe-area-inset-bottom));right:10px}#hva-companion[data-position=left],.hc-collapsed #hva-companion[data-position=left]{left:10px}.hva-layout{gap:20px}.hva-controls{padding:20px}.hva-palette{gap:8px;grid-template-columns:repeat(7,1fr)}}
@media(max-width:700px){.hva-heading{display:block}.hva-heading h1{font-size:27px}.hva-heading>a{margin-top:12px}.hva-layout{display:block}.hva-preview-panel{position:sticky;top:calc(var(--hc-top,0px) + var(--hc-header,62px) + 8px);z-index:2;margin-bottom:20px;padding:8px}.hva-preview{height:190px}.hva-preview-actions .hc-button{padding:7px 12px;font-size:12px}.hva-hint{display:none}.hva-controls{padding:20px 16px}.hva-palette{grid-template-columns:repeat(6,1fr);gap:8px}.hva-palette button{min-height:36px}.hva-controls footer{position:static;background:var(--hc-surface,#fff);padding:14px 0;margin-bottom:0}.hva-settings fieldset label{margin-bottom:12px!important}[data-theme=dark] .hva-controls footer{background:#191d19}}
@media(prefers-reduced-motion:reduce){.hva-editor *{scroll-behavior:auto}}

#hva-companion>.hva-enable-motion{pointer-events:auto;position:absolute;right:0;bottom:100%;font-size:11px;width:132px;padding:8px;white-space:normal}.hva-settings>.hva-enable-motion{margin-top:16px}