.showcase-eyebrow{color:var(--chrome-fg-muted);font:500 10px var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.showcase-banner{border-color:var(--chrome-border);background:var(--chrome-bg);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);margin-bottom:24px;display:grid;position:relative;overflow:hidden}.showcase-banner-copy{z-index:1;padding:24px}.showcase-banner h2{color:var(--chrome-fg);margin:8px 0;font-size:22px;font-weight:600}.showcase-banner p{color:var(--chrome-fg-muted);margin:0 0 16px;font-size:13px}.showcase-buttons{flex-wrap:wrap;gap:8px;display:flex}.showcase-banner-art{min-height:196px;position:relative}.showcase-dither{background-image:radial-gradient(var(--chrome-border) 1px, transparent 1px);border-left:1px solid var(--chrome-border);background-size:6px 6px;position:absolute;inset:0;overflow:hidden}.showcase-dialog[data-slot=modal-content]{background:var(--chrome-bg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;width:min(880px,100vw - 32px);max-width:880px;padding:0;display:grid;overflow:hidden}.showcase-copy{flex-direction:column;min-width:0;min-height:420px;padding:36px 32px 24px;display:flex}.showcase-step-copy{margin-top:32px}.showcase-step-copy [data-slot=modal-title]{overflow-wrap:anywhere;color:var(--chrome-fg);font-size:22px;line-height:1.3}.showcase-step-copy [data-slot=modal-description]{margin-top:16px;font-size:13px;line-height:1.65}.showcase-hint{color:var(--chrome-fg-muted);margin:20px 0;font-size:12px;line-height:1.65}.showcase-navigation{flex-direction:column;gap:20px;margin-top:auto;padding-top:24px;display:flex}.showcase-navigation .showcase-buttons{justify-content:space-between}.showcase-progress{align-items:center;gap:6px;display:flex}.showcase-progress>span:not(:last-child){border-radius:var(--r-xs);background:var(--chrome-border);width:20px;height:3px}.showcase-progress>span[data-current=true],.showcase-progress>span[data-visited=true]{background:var(--accent)}.showcase-progress>span:last-child{color:var(--chrome-fg-muted);font:11px var(--font-mono);margin-left:6px}.showcase-art{border-left:1px solid var(--chrome-border);background:var(--canvas);min-height:420px;position:relative}.showcase-caption{text-align:center;color:var(--chrome-fg-muted);font:10px var(--font-mono);position:absolute;bottom:32px;left:24px;right:24px}.showcase-image{justify-content:center;align-items:center;display:flex;position:absolute;inset:24px 16px 56px}.showcase-image img{object-fit:contain;width:100%;max-height:100%}@media (width<=640px){.showcase-banner{grid-template-columns:1fr}.showcase-banner-art{display:none}.showcase-dialog[data-slot=modal-content]{grid-template-columns:1fr;max-height:calc(100dvh - 32px);overflow-y:auto}.showcase-copy{min-height:360px;padding:28px 24px 24px}.showcase-step-copy{margin-top:20px}.showcase-art{border-left:0;border-top:1px solid var(--chrome-border);min-height:200px}.showcase-art[data-has-image=true]{min-height:320px}.showcase-image{inset:20px 12px 48px}.showcase-caption{bottom:16px}}.showcase-art[data-brand=true]{background:var(--brand-field-ground)}.showcase-art[data-step=workspace]{background:0 0}.showcase-art[data-step=workspace] .showcase-image{inset:0}.showcase-art[data-step=workspace] img{object-fit:contain;mix-blend-mode:multiply;height:100%}html[data-hh-theme=dark] .showcase-art[data-step=workspace] img{filter:invert()hue-rotate(180deg);mix-blend-mode:screen}.showcase-art[data-brand=true] .showcase-image{inset:0}.showcase-art[data-brand=true] img{object-fit:cover;height:100%}.showcase-art[data-brand=true] .showcase-caption{display:none}.showcase-dialog:has(.showcase-art[data-brand=true]) [data-slot=modal-close-button]{color:var(--brand-blue-fg)}.showcase-art[data-focus]{overflow:hidden}.showcase-art[data-focus] .showcase-image{inset:32px}.showcase-art[data-focus] img{object-fit:contain;width:100%;height:100%;max-height:none}.showcase-art[data-focus=feedback] img{width:65%;max-width:220px}.showcase-art[data-step=connector-housing] img{width:58%}.showcase-image[data-layered=true] img{border-radius:var(--r-sm);position:absolute;box-shadow:0 8px 24px #0000001a}.showcase-image[data-layered=true] [data-layer=primary]{top:50%;left:50%;transform:translate(calc(12px - 50%),calc(-50% - 14px))rotate(3deg)}.showcase-image[data-layered=true] [data-layer=secondary]{top:50%;left:50%;transform:translate(calc(-50% - 12px),calc(14px - 50%))rotate(-3deg)}.showcase-units{min-width:0;min-height:100%;color:var(--chrome-fg);flex-direction:column;justify-content:center;padding:36px 24px;font-size:13px;display:flex}.showcase-units fieldset{border:0;flex-direction:column;gap:32px;min-width:0;margin:0;padding:0;display:flex}.showcase-units fieldset:disabled{opacity:.65}.showcase-units-error{color:var(--danger);margin-top:16px}@media (width<=640px){.showcase-units{padding:28px 16px}}.showcase-art[data-step=workspace-units]{flex-direction:column;justify-content:center;min-width:0;display:flex}.showcase-units-drawing{min-width:0}