@layer components{.foundation .echo-probe-stage{position:relative;height:clamp(380px,58vh,560px);overflow:hidden;background:var(--void);border:1px solid var(--graphite-edge);border-radius:6px;cursor:crosshair;touch-action:manipulation}.foundation .echo-probe-stage:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.foundation .echo-probe-stage canvas{display:block;width:100%;height:100%}.foundation .echo-probe-caption{position:absolute;inset:auto 24px 20px;display:flex;justify-content:space-between;gap:1rem;pointer-events:none;font-size:.6875rem;color:var(--mute)}.foundation .echo-probe-help{color:var(--mute);font-size:.8125rem;line-height:1.65;padding-block:1rem;max-width:76ch}.foundation .echo-probe-help p{margin:0}.foundation .echo-probe-help [role=alert]{margin-top:.75rem;color:var(--ink)}@media (max-width:760px){.foundation .echo-probe-caption{inset-inline:16px}.foundation .echo-probe-caption span:last-child{display:none}}}.foundation .lightsaber-stage{position:relative;overflow:hidden;background:#08080c;border:1px solid var(--graphite-edge,#34363a);border-radius:6px}.foundation .lightsaber-canvas{display:block;width:100%;height:clamp(380px,58vh,580px);touch-action:none;cursor:crosshair}.foundation .lightsaber-canvas:focus-visible{outline:3px solid var(--ink,#f2f2f2);outline-offset:-6px}.foundation .lightsaber-renderer{display:block;width:100%;height:100%}.foundation .lightsaber-display-error{position:absolute;inset:25% 24px auto;max-width:54ch;margin-inline:auto;padding:20px;color:var(--ink,#f2f2f2);background:var(--void,#050507);line-height:1.65;pointer-events:none}.foundation .lightsaber-stage-caption{position:absolute;inset:auto 24px 20px;display:flex;justify-content:space-between;gap:16px;pointer-events:none;color:#b9b6c7;font-size:.75rem}.foundation .lightsaber-stage-caption span:last-child{color:#a5a2b1}.foundation .lightsaber-help{padding-block:16px;max-width:72ch;color:#b9b6c7;font-size:.8125rem;line-height:1.65}.foundation .lightsaber-help p{margin:0}.foundation .lightsaber-help [role=alert]{margin-top:12px}.foundation .catalog-experience-blade{min-height:240px;position:relative;overflow:hidden}.foundation .lightsaber-preview{width:42%;height:200px;flex-shrink:0}@media (max-width:760px){.foundation .lightsaber-canvas{height:420px}.foundation .lightsaber-stage-caption{inset-inline:16px;font-size:.6875rem}.foundation .lightsaber-stage-caption span:last-child{display:none}.foundation .lightsaber-preview{width:100%;height:150px}}