.tt-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;padding:clamp(16px,3vw,32px);border:1px solid #dce7eb;border-radius:18px;background:#fff}
.tt-illustration{position:relative;background:radial-gradient(ellipse at 50% 40%,#fff 0%,#eef6fa 85%);border-radius:16px;overflow:hidden}
.tt-model{display:block;width:100%;max-height:510px;height:auto}
.tt-view-label{display:block;text-align:center;color:#526e78;font-size:12px;padding:0 10px 16px}
.tt-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 24px}
.tt-buttons button{min-height:46px;flex:1;padding:12px 14px;border:1px solid #c6dce2;border-radius:9px;background:#f3f8f9;color:#123e4a;font:inherit;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.tt-buttons button:hover{background:#deeff2}.tt-buttons button[aria-pressed=true]{background:#007f95;color:#fff;border-color:#007f95}.tt-buttons button:focus-visible{outline:3px solid #00a7c2;outline-offset:3px}
.tt-explanation{min-height:130px}.tt-explanation h3{font-size:24px;margin:0 0 12px}.tt-explanation p{line-height:1.7;margin:0}.tt-note{font-size:12px!important;line-height:1.6!important;color:#617780;border-top:1px solid #e1ebee;padding-top:18px}
@media(max-width:700px){.tt-layout{grid-template-columns:1fr;gap:18px}.tt-model{max-height:380px}.tt-controls>.eyebrow{display:none}.tt-buttons{margin-top:0}.tt-explanation{min-height:110px}}
@media(prefers-reduced-motion:reduce){.tt-buttons button{transition:none}}
[data-window-3d]{height:560px;width:100%}[data-window-3d] canvas{display:block;width:100%;height:100%}.tt-3d-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}[data-3d-loading]{text-align:center;padding:10px}.tt-3d-layout .tt-controls h3{font-size:26px}.tt-3d-layout .tt-controls p{line-height:1.7}
@media(max-width:700px){.tt-3d-layout{grid-template-columns:1fr}[data-window-3d]{height:410px}}
.tt-demo{container-type:inline-size}
@container(max-width:650px){.tt-3d-layout{grid-template-columns:1fr;gap:20px}[data-window-3d]{height:420px}.tt-3d-layout .tt-buttons{flex-wrap:nowrap}.tt-3d-layout .tt-buttons button{min-width:0;padding:12px 8px}.tt-3d-layout .tt-controls>.eyebrow{display:none}}