.n3d-embed{container-type:inline-size;container-name:n3d-embed;box-sizing:border-box;width:100%;max-width:100%;margin:1.5rem 0;border:1px solid #d3ddd9;border-radius:8px;overflow:hidden;background:#fff;color:#233b39}.n3d-embed *{box-sizing:border-box}.n3d-toolbar{min-height:56px;padding:6px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f4f7f5;color:#233b39;border-bottom:1px solid #d3ddd9;font:14px/1.5 system-ui,sans-serif}.n3d-toolbar strong{font-weight:600;overflow-wrap:anywhere}.n3d-toolbar>div{display:flex;gap:8px;align-items:center;flex-shrink:0}.n3d-toolbar a,.n3d-toolbar button{font:12px/1.4 system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;-webkit-text-fill-color:currentColor;color:#185c57;background:#fff;border:1px solid #b9ccc6;border-radius:5px;text-decoration:none;cursor:pointer}.n3d-toolbar :focus-visible{outline:3px solid #197b91;outline-offset:2px}.n3d-embed iframe{display:block;border:0;width:100%;max-width:100%;background:#fff}.n3d-embed:fullscreen{width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;display:flex;flex-direction:column}.n3d-embed:fullscreen iframe{flex:1;min-height:0}.n3d-toolbar button[hidden]{display:none}.n3d-draft,.n3d-unavailable{padding:12px 16px;color:#654719;background:#fff6e6;font:14px/1.6 system-ui,sans-serif;margin:0}@media(max-width:480px){.n3d-toolbar{align-items:flex-start;flex-direction:column;gap:6px;padding:10px 12px}.n3d-toolbar>div{width:100%}.n3d-toolbar a,.n3d-toolbar button{flex:1}}

/* Explicit app-format request reserves the initial iframe geometry. The height
   bridge may expand it for small screens or applications without compact support. */
.n3d-embed[data-n3d-ratio="2:1"][data-n3d-auto="true"] iframe{aspect-ratio:2/1;height:auto;min-height:420px}
.n3d-embed[data-n3d-ratio="3:1"][data-n3d-auto="true"] iframe{aspect-ratio:3/1;height:auto;min-height:380px}
@container n3d-embed (max-width:779px){.n3d-embed[data-n3d-ratio]:not([data-n3d-ratio="auto"])[data-n3d-auto="true"] iframe{min-height:520px}}


@container n3d-embed (max-width:319px){.n3d-embed[data-n3d-ratio]:not([data-n3d-ratio="auto"])[data-n3d-auto="true"] iframe{min-height:576px}}
.n3d-embed[data-n3d-ratio][data-n3d-auto]:fullscreen iframe{aspect-ratio:auto;min-height:0}
