.veyra-card{--acid:#e08a4f;--ink:#fff;--muted:#e1eaf0;--panel:#35586e;--line:#ffffff30;--on-acid:#fff;--studio:#0c141b;--radius-panel:12px;--radius-control:7px;--ease:cubic-bezier(.22, .7, .25, 1);--ui-fast:.18s;--ui-enter:.24s;isolation:isolate;background:0 0;border-radius:16px;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.stage{width:100%;height:100%;min-height:0;position:relative}.image-plane{isolation:isolate;position:absolute;inset:0}.car-layer{pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .3s;position:absolute;inset:0;overflow:hidden}.car-layer.blurred{filter:blur(8px)brightness(.9)}.car-closed,.car-open{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.car-open{opacity:0;transition:opacity .5s}.car-open.shown{opacity:1}.phase-entering .car-layer{filter:brightness(1.08)}.interior-layer{pointer-events:none;z-index:4;opacity:0;transition:opacity .3s;position:absolute;inset:0;container-type:size}.interior-layer.shown{opacity:1}.interior-card{aspect-ratio:4/3;opacity:0;cursor:pointer;pointer-events:none;background:#000;border:1px solid #ffffff38;border-radius:10px;width:min(260px,24cqw,38cqh);height:auto;transition:opacity .3s,transform .3s cubic-bezier(.22,.7,.25,1),box-shadow .3s;position:absolute;transform:translate(-50%,-50%)scale(.82);box-shadow:0 10px 26px #0000008c}.interior-layer.shown .interior-card{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.interior-card img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.interior-card{z-index:6}.interior-layer.has-focus .interior-card.opposite{opacity:0;pointer-events:none}.interior-card.focus{opacity:1;box-shadow:0 0 0 3px var(--acid), 0 14px 30px #000000b3;z-index:7;transform:translate(-50%,-50%)scale(1.05)}.interior-details-panel{pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);opacity:0;z-index:10;background:linear-gradient(120deg,#080e14eb,#080e1499);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(820px,76cqw);max-height:min(420px,56cqh);padding:24px 28px;transition:opacity .3s;display:flex;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 14px 34px #0009}.interior-layer.has-focus .interior-details-panel{opacity:1}.interior-details-panel-title{color:var(--acid);letter-spacing:0;font-size:clamp(16px,3.5cqi,20px);font-weight:600;line-height:1.2}.interior-details-panel-text{color:var(--muted);max-width:64ch;font-size:clamp(12px,3cqi,15px);line-height:1.55}.detail-backdrop{background:#121a22;position:absolute;inset:0}.detail-layout{opacity:0;pointer-events:none;background:linear-gradient(160deg,#161e27,#0f161d);flex-direction:row;align-items:stretch;transition:opacity .5s;display:flex;position:absolute;inset:0}.detail-layout.shown{opacity:1;pointer-events:auto}.detail-media{flex:58%;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.detail-media .detail-image{object-fit:contain;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1)}.detail-copy{border-left:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#ffffff50 transparent;background:#ffffff14;flex-direction:column;flex:0 0 42%;gap:14px;min-width:0;padding:24px;display:flex;overflow-y:auto}.detail-copy h2{letter-spacing:-.03em;margin:0 0 12px;font-size:24px;font-weight:400;line-height:1.05}.detail-copy h2 span{display:block}.eyebrow{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.35}.system-description{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.4}.part-list{border-top:1px solid var(--line)}.part-list button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;width:100%;min-height:44px;transition:color var(--ui-fast);background:0 0;padding:12px 0;font-size:14px;line-height:1.35;display:block}.part-list button:hover,.part-list button.selected{color:var(--acid)}.part-row{align-items:center;gap:12px;display:flex}.part-row small{color:var(--muted);font-size:12px}.part-row svg{transition:transform var(--ui-enter);flex-shrink:0;margin-left:auto}.part-list button.selected svg{transform:rotate(45deg)}.part-description{color:var(--muted);padding:8px 0 1px 24px;font-size:13px;line-height:1.4;display:block}.benefit{margin-top:12px}.benefit>span{color:var(--muted);font-size:12px}.benefit p{margin:4px 0;font-size:13px;line-height:1.4}.annotation{z-index:5;cursor:pointer;background:0 0;border:0;border-radius:50%;align-items:center;gap:9px;min-width:44px;min-height:44px;padding:8px;display:flex;position:absolute;transform:translate(-50%,-50%)}.annotation>span:first-child{background:var(--acid);width:28px;height:28px;color:var(--on-acid);border-radius:50%;place-items:center;font-size:12px;display:grid}.annotation.open>span:first-child{box-shadow:0 0 0 4px #d97a4f28}.annotation-label{color:var(--on-acid);background:var(--acid);border-radius:var(--radius-control);white-space:normal;text-align:left;opacity:0;max-width:150px;transition:opacity var(--ui-fast);pointer-events:none;padding:8px 10px;font-size:13px;line-height:1.25;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.annotation:hover .annotation-label,.annotation:focus-visible .annotation-label{opacity:1}.annotation.open .annotation-label{opacity:0}.point-overlay{z-index:8;-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius-panel);animation:overlay-in .3s var(--ease);background:linear-gradient(120deg,#080e14f0,#080e14c7);outline:none;align-items:flex-start;gap:12px;padding:16px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 14px 34px #0009}@keyframes overlay-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.point-overlay-num{background:var(--acid);width:28px;height:28px;color:var(--on-acid);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}.point-overlay-copy{flex:1;min-width:0}.point-overlay-copy h3{color:var(--acid);margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.2}.point-overlay-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.point-overlay-close{width:44px;height:44px;color:var(--ink);border-radius:var(--radius-control);transition:background var(--ui-fast), color var(--ui-fast);background:0 0;border:0;flex-shrink:0;place-items:center;margin:-12px -12px 0 0;display:grid}.point-overlay-close:hover{background:var(--acid);color:var(--on-acid)}.hotspot{z-index:5;cursor:pointer;width:48px;height:48px;transition:opacity var(--ui-fast);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.hotspot-ring{width:30px;height:30px;color:var(--on-acid);background:var(--acid);transition:transform var(--ui-fast), box-shadow var(--ui-fast);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 0 5px #d97a4f14}.hotspot-ring:after{content:"";border:1px solid #d97a4f50;border-radius:50%;animation:5s ease-in-out infinite breath;position:absolute;inset:-5px}@keyframes breath{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.07)}}.hotspot.active .hotspot-ring,.hotspot:hover:not(:disabled) .hotspot-ring{transform:scale(1.06);box-shadow:0 0 0 5px #d97a4f20}.hotspot:disabled{opacity:.28;cursor:default;pointer-events:none}.hotspot:disabled .hotspot-ring:after{opacity:0;animation:none}.hotspot-label{opacity:0;white-space:nowrap;background:var(--acid);color:var(--on-acid);border-radius:var(--radius-control);transition:opacity var(--ui-fast), transform var(--ui-enter) var(--ease);pointer-events:none;align-items:center;gap:10px;padding:11px 14px;font-size:14px;line-height:1.25;display:flex;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%,4px)}.hotspot.active .hotspot-label,.hotspot:focus-visible .hotspot-label{opacity:1;transform:translate(-50%)}.back{z-index:7;min-width:32px;min-height:32px;color:var(--ink);cursor:pointer;transition:background-color var(--ui-fast), border-color var(--ui-fast), color var(--ui-fast);background:#ffffff0f;border:1px solid #ffffff29;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;line-height:1.3;display:inline-flex;position:absolute;top:12px;left:12px}.back:hover{color:var(--ink);background:#ffffff1a;border-color:#ffffff3d}.back:active{background:#ffffff24}.back:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.back kbd{font:inherit;color:#ffffff61;background:#ffffff0f;border:1px solid #ffffff24;border-radius:4px;margin-inline-start:8px;padding:2px 6px;font-size:11px;font-weight:600;line-height:1}.back:disabled{opacity:.45;cursor:not-allowed}.transition-status{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.small-dot{background:var(--acid);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.error-message{z-index:10;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);color:var(--ink);align-items:center;gap:14px;width:max-content;max-width:calc(100% - 24px);padding:10px 14px;font-size:13px;line-height:1.4;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.error-message button{background:0 0;border:0;place-items:center;min-width:40px;height:40px;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){.detail-media{flex:48%}.detail-copy{flex:0 0 52%;padding:18px}.detail-copy h2{font-size:20px}}@media (width<=900px){.detail-layout{flex-direction:column}.detail-media{flex:100%}.detail-copy{display:none}}@media (prefers-reduced-motion:reduce){.veyra-card *,.veyra-card :before,.veyra-card :after{transition-duration:.01ms!important;animation:none!important}}.view3d-overlay{z-index:20;background:var(--studio);border-radius:16px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.view3d-toolbar{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;display:flex}.view3d-close{width:44px;height:44px;color:var(--ink);border-radius:var(--radius-control);transition:background var(--ui-fast), color var(--ui-fast);background:0 0;border:0;place-items:center;display:grid}.view3d-close:hover{background:var(--acid);color:var(--on-acid)}.view3d-canvas{flex:1;min-height:0;position:relative}.view3d-canvas canvas{background:0 0;width:100%!important;height:100%!important}.view3d-hint{text-align:center;color:var(--muted);border-top:1px solid var(--line);margin:0;padding:8px;font-size:12px}.view3d-loading{color:var(--muted);background:0 0;border-radius:16px;place-items:center;font-size:14px;display:grid;inset:0}
