.hu-builder{width:100%;padding:22px;border:1px solid #ded8cf;border-radius:18px;background:#f8f5ef}.hu-builder__kicker{margin:0 0 14px;text-transform:uppercase;letter-spacing:.16em;font-size:1.12rem;font-weight:700}.hu-builder__preview{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:268px;padding:12px 12px 42px;border-radius:13px;background:linear-gradient(145deg,#eee9e1,#dfd7cc);margin-bottom:24px;overflow:hidden}.hu-builder__view{position:relative;min-width:0;border-radius:10px;background:#f8f5ef80;overflow:hidden}.hu-builder__view canvas{display:block;width:100%;height:210px}.hu-builder__design-overlay{position:absolute;z-index:2;display:block;pointer-events:none;opacity:.62}.hu-builder__view>span:not(.hu-builder__logo-overlay){position:absolute;z-index:4;left:10px;bottom:8px;padding:3px 7px;border-radius:20px;background:#f8f5efcc;color:#5e5952;font-size:0.992rem;letter-spacing:.08em;text-transform:uppercase}.hu-builder__logo-overlay{position:absolute;z-index:3;border-radius:50%;background:var(--logo-surface,#202020);pointer-events:none}.hu-builder__logo-overlay:after{content:'';position:absolute;inset:8%;background:var(--logo-ink,#f4f2eb);-webkit-mask:var(--logo-mask) center/contain no-repeat;mask:var(--logo-mask) center/contain no-repeat}.hu-builder__selection{position:absolute;left:14px;right:14px;bottom:10px;display:flex;justify-content:center;gap:8px;margin:0;color:#514c46;font-size:1.12rem}.hu-builder__selection span:before{content:'·';margin-right:8px}.hu-builder__label,.hu-builder__field legend{font-size:1.312rem;font-weight:650;margin-bottom:9px}.hu-builder__text{width:100%;min-height:48px;border:1px solid #bdb6ac;border-radius:10px;background:#fff;padding:0 13px;margin:8px 0 21px}.hu-builder__field{border:0;padding:0;margin:0 0 20px}.hu-swatches,.hu-pills{display:flex;gap:9px;flex-wrap:wrap}.hu-swatches label,.hu-pills label{cursor:pointer}.hu-swatches input,.hu-pills input{position:absolute;opacity:0;pointer-events:none}.hu-swatches label{display:grid;justify-items:center;gap:5px;font-size:1.12rem}.hu-swatches span{display:block;width:34px;height:34px;background:var(--swatch);border-radius:50%;border:3px solid #f8f5ef;box-shadow:0 0 0 1px #bdb6ac}.hu-swatches input:checked+span{box-shadow:0 0 0 2px #393a3b}.hu-pills span{display:inline-flex;min-height:38px;align-items:center;padding:0 13px;border:1px solid #bbb4aa;border-radius:30px;background:#fff;font-size:1.216rem}.hu-pills input:checked+span{background:#393a3b;color:#fff;border-color:#393a3b}.hu-builder__note{margin:0;color:#79736b;font-size:1.12rem;line-height:1.5}.hu-builder__note+.hu-builder__note{margin-top:7px}
  .hu-builder__match{margin:2px 0 20px}.hu-builder__match>input{position:absolute;opacity:0}.hu-builder__match label{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #bbb4aa;border-radius:12px;background:#fff;cursor:pointer}.hu-builder__check{width:24px;height:24px;border:1px solid #8e8981;border-radius:6px;display:grid;place-items:center;color:transparent;flex:0 0 auto}.hu-builder__match input:checked+label{border-color:#393a3b;background:#f1eee7}.hu-builder__match input:checked+label .hu-builder__check{background:#393a3b;border-color:#393a3b;color:#fff}.hu-builder__match strong,.hu-builder__match small{display:block}.hu-builder__match strong{font-size:1.28rem}.hu-builder__match small{font-size:1.12rem;color:#79736b;margin-top:3px}
  @media(max-width:520px){.hu-builder{padding:16px}.hu-builder__preview{min-height:232px}.hu-builder__view canvas{height:176px}}
  @media(max-width:749px){.hu-builder__preview{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:20;min-height:190px;padding:8px 8px 36px;margin-bottom:20px;border:1px solid #d8d1c7;box-shadow:0 8px 24px rgba(45,40,35,.16)}.hu-builder__view canvas{height:142px}.hu-builder__selection{bottom:9px}}

.hu-swatches input:focus-visible+span,.hu-pills input:focus-visible+span{outline:2px solid #69525f;outline-offset:4px}.hu-builder__note{color:#59535a}.hu-builder{background:#f7f3eb;border-color:#dcc9cf}.hu-pills input:checked+span{background:#69525f;border-color:#69525f}