.hx-picker,.hx-viewer{--hx-ink:#1b3932;--hx-muted:#647870;--hx-line:#dde7e1;--hx-accent:#047857;color:var(--hx-ink);font-family:inherit;min-width:0}.hx-viewer{overflow:hidden;border:1px solid var(--hx-line);border-radius:16px;background:#fff;box-shadow:0 4px 20px #183e3010}.hx-picker button,.hx-viewer button,.hx-viewer select{font:inherit;cursor:pointer}.hx-picker button:focus-visible,.hx-viewer button:focus-visible,.hx-viewer select:focus-visible{outline:3px solid #10b981;outline-offset:3px}.hx-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--hx-line);flex-wrap:wrap}.hx-eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--hx-accent)}.hx-viewer-header h2{font-size:16px;font-weight:700;margin:4px 0 0}.hx-segments{display:flex;align-items:center;gap:2px;padding:3px;border-radius:9px;background:#edf3ef;max-width:100%;flex-wrap:wrap}.hx-segments button{border:0;background:transparent;border-radius:6px;padding:7px 10px;color:#60746b;font-size:11px;font-weight:600;white-space:nowrap}.hx-segments button[aria-pressed=true]{background:white;color:#047857;box-shadow:0 1px 4px #11372515}.hx-toolbar{justify-content:space-between;padding:10px 16px;background:#fcfdfc;border-bottom:1px solid var(--hx-line);font-size:10px}.hx-stats,.hx-toolbar,.hx-view-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.hx-stats{color:var(--hx-muted)}.hx-stats b{color:#304b40;font-variant-numeric:tabular-nums}.hx-view-tools{gap:4px}.hx-view-tools button,.hx-view-tools select{background:white;border:1px solid var(--hx-line);border-radius:6px;padding:6px;min-width:30px;min-height:30px}.hx-view-tools button:disabled{opacity:.4;cursor:default}.hx-canvas{background:#f7faf9;display:block;width:100%;min-height:270px;max-height:620px;user-select:none;cursor:grab}.hx-canvas:active{cursor:grabbing}.hx-expanded .hx-canvas{min-height:560px;max-height:800px}.hx-endpoint,.hx-wire-choice{cursor:pointer;outline:none}.hx-endpoint:focus-visible>rect,.hx-endpoint:hover>rect{stroke:#059669;stroke-width:3}.hx-wire-choice:focus-visible path:last-child{stroke-width:6;filter:drop-shadow(0 0 3px #059669)}.hx-transition{transition:opacity .2s ease}.hx-body-enter{animation:hx-appear .24s ease-out}.hx-cable path{transition:stroke .2s,stroke-width .2s}@keyframes hx-appear{0%{opacity:.25}to{opacity:1}}.hx-preview-note{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 16px;background:#f7faf9;color:#718279;font-size:10px}.hx-endpoint-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(235px,100%),1fr));gap:8px;padding:12px 14px}.hx-endpoint-cards:empty{display:none}.hx-endpoint-card{display:flex;align-items:center;gap:10px;border:1px solid var(--hx-line);border-radius:10px;padding:9px;min-width:0}.hx-endpoint-card.hx-active{border-color:#059669;background:#f2faf6}.hx-thumbnail{display:block;width:76px;height:58px;flex-shrink:0}.hx-thumbnail img,.hx-thumbnail svg{width:100%;height:100%;object-fit:contain}.hx-photo-button{border:0;border-radius:8px;background:#f4f7f5;flex-shrink:0;padding:3px}.hx-photo-button:hover{background:#e4eee8}.hx-card-details{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px;text-align:left;background:none;border:0;padding:0}.hx-card-details>span{font-size:10px;color:#647870;display:flex;gap:8px;flex-wrap:wrap}.hx-card-details b{color:#047857;font-weight:500}.hx-card-details strong{display:block;max-width:100%;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-card-details small{color:#718279;font-size:10px;overflow-wrap:anywhere}.hx-spec-summary{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 14px;color:#647870;font-size:10px}.hx-spec-summary>span{background:#f2f5f3;border-radius:5px;padding:4px 7px}.hx-spec-summary button{margin-left:auto;border:0;background:transparent;color:#047857}.hx-picker{margin:0 0 14px;padding:0;border:0}.hx-picker legend{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin-bottom:10px}.hx-picker legend span{border-radius:5px;background:#e2f3e9;color:#047857;padding:3px 6px;font-size:10px;font-weight:500}.hx-picker-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}.hx-auto{font-size:10px!important;border:0;background:transparent;color:#647870;padding:6px 2px}.hx-auto[aria-pressed=true]{color:#047857;text-decoration:underline;text-underline-offset:3px}.hx-step-title{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;font-weight:600}.hx-step-title>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e2f3e9;color:#047857;font-size:10px}.hx-step-title small{color:#718279;font-weight:400}.hx-purpose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hx-purpose-option{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 9px;border:1px solid var(--hx-line);border-radius:9px;background:#fff;color:var(--hx-ink);text-align:left}.hx-purpose-option strong{font-size:11px}.hx-purpose-option small{font-size:10px;line-height:1.4;color:#718279}.hx-purpose-option:hover{background:#f2faf5;border-color:#7dc0a2}.hx-purpose-option[aria-pressed=true]{background:#eaf7ef;border-color:#059669;box-shadow:inset 0 0 0 1px #059669}.hx-connector-step{margin-top:14px;border-top:1px solid var(--hx-line);padding-top:12px}.hx-step-empty{margin:0;padding:16px 12px;border-radius:8px;background:#f4f7f5;color:#647870;font-size:11px;line-height:1.6}.hx-purpose-note,.hx-selection-note{font-size:10px;line-height:1.6;color:#647870;margin:8px 0}.hx-selection-note{padding:8px;border-radius:6px;background:#f4f7f5}.hx-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hx-style-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fff;border:1px solid #dde7e1;border-radius:9px;padding:9px 3px;color:#475b52;transition:background .15s,border-color .15s}.hx-style-option .hx-thumbnail{width:min(84px,100%);height:62px}.hx-style-option>span:not(.hx-thumbnail):not(.hx-check){font-size:10px;font-weight:500}.hx-style-option:hover{background:#f2faf5;border-color:#7dc0a2}.hx-style-option[aria-pressed=true]{border-color:#059669;background:#eaf7ef;box-shadow:inset 0 0 0 1px #059669}.hx-check{position:absolute;top:4px;right:6px;color:#047857;font-size:12px;font-weight:700}.hx-help{font-size:10px;line-height:1.6;margin:8px 0 0;color:#718279}.hx-pin-panel{padding:12px 16px;border-top:1px solid var(--hx-line);font-size:11px}.hx-pin-panel>p{margin:6px 0;color:#647870}.hx-pin-list{max-height:180px;overflow:auto;display:flex;flex-direction:column;gap:4px;margin-top:8px}.hx-pin-list button{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid #e5ebe7;border-radius:6px;padding:7px;background:#fff;color:#465a50;font-size:11px}.hx-pin-list button[aria-pressed=true]{border-color:#059669;background:#ecf8f1}.hx-pin-list i{width:9px;height:9px;border:1px solid #bac7c0;border-radius:50%;flex-shrink:0}.hx-pin-list small{margin-left:auto;color:#718279;white-space:nowrap}.hx-photo-dialog{padding:0;border:1px solid #dde7e1;border-radius:16px;max-width:min(90vw,520px);width:100%;margin:auto;color:#1b3932;background:#fff;box-shadow:0 12px 64px #0003}.hx-photo-dialog::backdrop{background:#112a22a8}.hx-photo-dialog>div{padding:24px}.hx-dialog-close{display:block;margin:0 0 16px auto;background:#eef4f0;border:0;padding:6px 10px;border-radius:6px;font-size:12px!important}.hx-photo-dialog h3{font-size:15px;font-weight:600}.hx-photo-dialog .hx-thumbnail{width:100%;height:280px;margin:16px 0}.hx-photo-dialog p{font-size:13px;overflow-wrap:anywhere}.hx-photo-dialog small{font-size:11px;color:#647870}.hx-empty{padding:64px 20px;text-align:center;font-size:13px;color:#647870}@media (max-width:640px){.hx-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hx-viewer-header{padding:14px}.hx-viewer-header h2{font-size:14px}.hx-toolbar{padding:10px}.hx-preview-note>span:last-child{display:none}.hx-view-tools button{min-height:36px;min-width:36px}.hx-canvas{min-height:240px}.hx-expanded .hx-canvas{min-height:420px}.hx-style-option{min-height:82px}.hx-purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-photo-dialog .hx-thumbnail{height:220px}}@media (prefers-reduced-motion:reduce){.hx-body-enter{animation:none}.hx-cable path,.hx-style-option,.hx-transition{transition:none}}