.tab3d{display:none;margin:0 0 10px}
.tab3d.tab3d-on{display:block}
.tab3d .tab3d-stage{background:linear-gradient(160deg,#ddd6cb,#cfc5b6);border:1px solid #cbbba4;border-radius:16px;overflow:hidden;min-height:240px}
.tab3d .tab3d-stage canvas{display:block;width:100%;touch-action:none}
.tab3d-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:8px}
.tab3d-fin{grid-template-columns:repeat(3,minmax(0,1fr))}
.tab3d-bar button{min-height:40px;border-radius:12px;border:1px solid #cbbba4;background:#fffdf8;color:#2a1a0c;font:600 13px/1.1 system-ui,sans-serif}
.tab3d-bar button[aria-pressed="true"]{background:#2a1a0c;color:#fff}
.tab3d-note{font-size:12px;color:#6b5a47;margin:6px 2px 0}
.livePreview.tab3d-hide{display:none}
.tab3d-modes{display:flex;gap:6px;margin:0 0 8px}
.tab3d-modes button{flex:1;min-height:42px;border:1px solid #cbbba4;border-radius:12px;background:#fffaf0;font:inherit;font-weight:800;font-size:13px;color:#2b1c0e;cursor:pointer;touch-action:manipulation}
.tab3d-modes button[aria-pressed=true]{background:#2b1c0e;color:#fff;border-color:#2b1c0e}
.tab3d-over{position:absolute;inset:0;background:#f4efe4;display:flex;align-items:center;justify-content:center;overflow:auto}
.tab3d-over img,.tab3d-over svg{width:100%;height:auto;max-height:100%;display:block}
.tab3d-flat .tab3d-bar{opacity:.45;pointer-events:none}
.tab3d-over canvas{width:100%;height:auto;max-height:100%;display:block}
.tab3d-wait{margin:auto;padding:24px;color:#6b5a47;font-weight:700}
.tab3d-flat[data-mode=sketch] .tab3d-bar{opacity:1;pointer-events:auto}
.tab3d-flat[data-mode=sketch] [data-t3=open]{display:none}