ding-logo-3d{--ding-surface:#181a1b;--ding-line:#ffffff21;--ding-ink:#f4f4f1;--ding-muted:#c0c3c3;background:var(--ding-surface);border:1px solid var(--ding-line);color:var(--ding-ink);color-scheme:dark;isolation:isolate;text-align:left;border-radius:20px;width:100%;font-family:inherit;font-size:14px;line-height:1.5;display:block;position:relative;overflow:hidden}ding-logo-3d *,ding-logo-3d :after,ding-logo-3d :before{box-sizing:border-box}ding-logo-3d [data-stage]{aspect-ratio:1728/1146;min-height:var(--ding-logo-min-height,360px);background:#181a1b;width:100%;position:relative;overflow:hidden}ding-logo-3d [data-background],ding-logo-3d [data-poster],ding-logo-3d canvas{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border:0;border-radius:0;width:100%;max-width:none;height:100%;margin:0;display:block;position:absolute;inset:0}ding-logo-3d [data-background]{z-index:0}ding-logo-3d [data-background],ding-logo-3d [data-poster]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}ding-logo-3d [data-poster]{z-index:1}ding-logo-3d canvas{cursor:grab;opacity:0;touch-action:pan-y;z-index:2}ding-logo-3d[data-state=ready] canvas{opacity:1}ding-logo-3d[data-state=ready] [data-poster]{visibility:hidden}ding-logo-3d[data-dragging=true] canvas{cursor:grabbing}ding-logo-3d canvas:focus-visible{outline-offset:-5px;outline:2px solid #fff}ding-logo-3d[data-edge-to-edge]{border:0;border-radius:0}ding-logo-3d .ding-settings{z-index:3;position:absolute;top:16px;right:16px}ding-logo-3d:not([data-state=ready]) .ding-settings{display:none}ding-logo-3d .ding-settings summary{backdrop-filter:blur(12px);border:1px solid var(--ding-line);color:var(--ding-ink);cursor:pointer;background:#181a1bd9;border-radius:50%;place-items:center;width:44px;height:44px;margin-left:auto;list-style:none;display:grid}ding-logo-3d .ding-settings summary::-webkit-details-marker{display:none}ding-logo-3d .ding-settings summary:hover,ding-logo-3d .ding-settings[open] summary{background:#36393b}ding-logo-3d .ding-settings summary:focus-visible{outline-offset:3px;outline:2px solid #fff}ding-logo-3d [data-controls]{backdrop-filter:blur(16px);border:1px solid var(--ding-line);background:#181a1bf5;border-radius:16px;gap:10px;width:min(320px,100vw - 32px);padding:12px;display:grid;position:absolute;top:52px;right:0;box-shadow:0 12px 32px #0000003d}ding-logo-3d .ding-presets button{flex:1}ding-logo-3d .ding-adjust,ding-logo-3d .ding-session{justify-content:space-between}ding-logo-3d .ding-button-group{align-items:center;gap:4px;display:flex}ding-logo-3d button{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;color:var(--ding-ink);cursor:pointer;font:inherit;letter-spacing:0;text-transform:none;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;min-width:44px;min-height:44px;margin:0;padding:0 12px;font-size:12px;font-weight:500;line-height:1.4}ding-logo-3d button:hover:not(:disabled){background:#ffffff17}ding-logo-3d button[aria-pressed=true]{color:#181a1b;background:#ededeb}ding-logo-3d button:disabled,ding-logo-3d input:disabled{cursor:default;opacity:.38}ding-logo-3d button:focus-visible,ding-logo-3d input:focus-visible{outline-offset:3px;outline:2px solid #fff}ding-logo-3d .ding-presets{border:1px solid var(--ding-line);border-radius:12px;padding:2px}ding-logo-3d .ding-adjust{align-items:center;gap:15px;display:flex}ding-logo-3d .ding-depth{color:var(--ding-muted);align-items:center;gap:10px;font-size:12px;display:flex}ding-logo-3d input[type=range]{accent-color:#f0f0ed;cursor:pointer;width:84px;height:44px;margin:0;padding:0}ding-logo-3d [data-zoom-value]{color:var(--ding-muted);font-variant-numeric:tabular-nums;text-align:center;min-width:42px;font-size:12px}ding-logo-3d [data-action=zoom-in],ding-logo-3d [data-action=zoom-out]{padding:0;font-size:19px;font-weight:400}ding-logo-3d [data-action=reset]{color:var(--ding-muted)}ding-logo-3d [data-status]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=680px){ding-logo-3d:not([data-edge-to-edge]){border-radius:16px}ding-logo-3d [data-controls]{gap:8px 10px;padding:12px}ding-logo-3d .ding-presets{flex:100%;justify-content:space-between}ding-logo-3d .ding-presets button{flex:1}ding-logo-3d .ding-adjust,ding-logo-3d .ding-session{flex:100%;justify-content:space-between}ding-logo-3d input[type=range]{width:clamp(64px,20vw,100px)}}@media (prefers-reduced-motion:reduce){ding-logo-3d *,ding-logo-3d :after,ding-logo-3d :before{scroll-behavior:auto}}