html.ddg-preview3d-open,html.ddg-preview3d-open body{overflow:hidden!important}
.ddg-preview3d[hidden]{display:none!important}
.ddg-preview3d{position:fixed;inset:0;z-index:32000;display:grid;place-items:center;padding:18px;font-family:inherit}
.ddg-preview3d__backdrop{position:absolute;inset:0;border:0;background:rgba(7,12,22,.78);backdrop-filter:blur(5px);cursor:pointer}
.ddg-preview3d__dialog{position:relative;width:min(1040px,calc(100vw - 36px));height:min(760px,calc(100vh - 36px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#111827;box-shadow:0 34px 100px rgba(0,0,0,.5)}
.ddg-preview3d__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;color:#fff;background:#172033;border-bottom:1px solid rgba(255,255,255,.1)}
.ddg-preview3d__title{display:flex;align-items:center;gap:10px;min-width:0}.ddg-preview3d__title-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#2864e6;font-weight:900}.ddg-preview3d__title strong{display:block;font-size:16px}.ddg-preview3d__title small{display:block;margin-top:2px;color:#aebbd0;font-size:11px}
.ddg-preview3d__head-actions{display:flex;align-items:center;gap:7px}.ddg-preview3d__button{height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#24324a;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.ddg-preview3d__button:hover{background:#324767}.ddg-preview3d__button[aria-pressed="true"]{background:#2864e6;border-color:#5b8cf0}.ddg-preview3d__close{width:38px;padding:0;background:#a82b25;font-size:22px;line-height:1}
.ddg-preview3d__stage{position:relative;min-height:0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#f9fbff 0,#dbe4f0 42%,#9eacc0 100%);touch-action:none;cursor:grab}.ddg-preview3d.is-dragging .ddg-preview3d__stage{cursor:grabbing}.ddg-preview3d__canvas{display:block;width:100%;height:100%}
.ddg-preview3d__badge{position:absolute;left:16px;top:16px;padding:7px 10px;border:1px solid rgba(25,54,97,.16);border-radius:999px;background:rgba(255,255,255,.82);color:#31415a;font-size:11px;font-weight:800;backdrop-filter:blur(6px)}
.ddg-preview3d__zoom{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:7px;padding:7px;border:1px solid rgba(25,54,97,.16);border-radius:12px;background:rgba(255,255,255,.86);box-shadow:0 10px 30px rgba(29,45,68,.18)}.ddg-preview3d__zoom button{width:34px;height:34px;border:1px solid #ced7e3;border-radius:8px;background:#fff;color:#23324a;font-size:18px;font-weight:800;cursor:pointer}.ddg-preview3d__zoom output{min-width:48px;text-align:center;color:#26364d;font-size:12px;font-weight:800}
.ddg-preview3d__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;color:#b8c5d8;background:#172033;border-top:1px solid rgba(255,255,255,.1);font-size:11px}.ddg-preview3d__foot strong{color:#fff}
@media(max-width:700px){.ddg-preview3d{padding:0}.ddg-preview3d__dialog{width:100vw;height:100vh;border:0;border-radius:0}.ddg-preview3d__head{padding:10px}.ddg-preview3d__title small{display:none}.ddg-preview3d__button--reset{display:none}.ddg-preview3d__foot{justify-content:center;text-align:center}.ddg-preview3d__foot span:last-child{display:none}}