/* Embedded viewers use the iframe viewport, without a second scrolling page. */
.dh-embedded,.dh-embedded body{height:100%;margin:0;overflow:hidden}
.dh-embedded .dh-public main{height:100dvh;max-width:none;margin:0;padding:8px;box-sizing:border-box;display:flex;flex-direction:column}
.dh-embedded :is(.dh-home-nav,.dh-brand,.dh-footer,.dh-note,.dh-eucalyptus,.dh-device-crown,.dh-device-home,.dh-headline,.dh-eyebrow,.dh-invitation,#dh-title){display:none!important}
.dh-embedded .dh-public .dh-intro{padding:0 4px 4px;flex:none}
.dh-embedded .dh-public #dh-status{font-size:11px;line-height:1.4}
.dh-embedded .dh-device-setting{padding:0;flex:1;min-height:0;display:flex}
.dh-embedded .dh-public #dh-tools.dh-customer-stage{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;border-radius:20px;box-shadow:none;border:1px solid #bfa36d;background:#fff}
.dh-embedded .dh-public .dh-stage-head{padding:6px 10px;flex:none}
.dh-embedded .dh-public .dh-stage-head label{flex-direction:row;align-items:center;flex:1}
.dh-embedded .dh-public .dh-stage-head select{flex:1;width:auto;min-height:36px}
.dh-embedded .dh-public .dh-customer-stage .dh-view{flex:1;height:auto;min-height:0;margin:0 8px;border-radius:16px;clip-path:inset(0 round 16px)}
.dh-embedded .dh-public .dh-stage-bottom{flex:none;position:relative;padding:6px 8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dh-embedded .dh-public .dh-view-actions{flex:1;gap:6px;display:flex;flex-wrap:nowrap}
.dh-embedded .dh-public .dh-customer-stage button{flex:1;min-width:0;min-height:36px;padding:6px 8px;font-size:11px;white-space:normal}
.dh-embedded .dh-display-options{border:0;padding:0;margin:0}
.dh-embedded .dh-display-options summary{min-height:36px;font-size:11px;gap:8px}
.dh-embedded .dh-display-options>p{display:none}
.dh-embedded .dh-annotation-actions{position:absolute;z-index:30;bottom:100%;right:8px;left:8px;background:#fff;padding:10px;border:1px solid #bfa36d;border-radius:12px;box-shadow:0 4px 16px #05152b22;display:flex;gap:8px}
@media(max-width:480px){.dh-embedded .dh-display-options{width:100%}.dh-embedded .dh-display-options summary{min-height:28px}.dh-embedded .dh-annotation-actions{flex-direction:column}}

.dh-embedded .dh-public #dh-large{display:block!important;flex:0 0 auto;min-width:76px;white-space:nowrap}
.dh-embedded .dh-stage-head{gap:8px}
@media(max-height:400px){
 .dh-embedded .dh-public main{padding:4px}
 .dh-embedded .dh-public .dh-stage-head{padding:4px 8px}
 .dh-embedded .dh-public .dh-stage-head label{font-size:0;gap:0}
 .dh-embedded .dh-public .dh-stage-head select{font-size:11px;min-height:30px}
 .dh-embedded .dh-public .dh-customer-stage button{min-height:30px;padding:4px 6px;font-size:10px}
 .dh-embedded .dh-display-options summary{min-height:24px}
 .dh-embedded .dh-public .dh-stage-bottom{padding:4px 8px;gap:2px}
}

/* Narrow homepage embeds must shrink to the iframe, including Safari flex items. */
@media(max-width:600px){
 .dh-embedded,.dh-embedded body{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
 .dh-embedded .dh-public main{width:100%;min-width:0;max-width:100%;padding:4px;box-sizing:border-box}
 .dh-embedded .dh-device-setting{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
 .dh-embedded .dh-public #dh-tools.dh-customer-stage{width:100%;max-width:100%;box-sizing:border-box}
 .dh-embedded .dh-public .dh-stage-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding:8px;min-width:0}
 .dh-embedded .dh-public .dh-stage-head label{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0;font-size:11px;letter-spacing:0}
 .dh-embedded .dh-public .dh-stage-head select{width:100%;min-width:0;max-width:100%;box-sizing:border-box;min-height:44px;font-size:12px}
 .dh-embedded .dh-public #dh-large{min-width:0;max-width:100%;min-height:44px;padding:8px;font-size:11px;white-space:normal}
 .dh-embedded .dh-public .dh-customer-stage .dh-view{width:auto;max-width:100%;min-width:0;margin:0 6px}
 .dh-embedded .dh-public .dh-view canvas{display:block;max-width:100%}
 .dh-embedded .dh-public .dh-stage-bottom{display:flex;flex-direction:column;align-items:stretch;padding:8px;min-width:0}
 .dh-embedded .dh-public .dh-view-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;gap:10px}
 /* Match the shared button selector's ID specificity for sizing only. */
 .dh-embedded .dh-public #dh-tools .dh-view-actions>button:is(#dh-reset,#dh-top,#dh-photo){width:100%;min-width:0;max-width:100%;min-height:48px;height:auto;padding:10px 8px;box-sizing:border-box;white-space:nowrap;overflow-wrap:normal;word-break:normal;hyphens:none;font-size:13px;line-height:1.35}
 .dh-embedded .dh-public .dh-view-actions #dh-photo{grid-column:1/-1}
 .dh-embedded .dh-display-options{width:100%;min-width:0;box-sizing:border-box}
 .dh-embedded .dh-display-options summary{min-height:44px}
}
@media(max-width:280px){
 .dh-embedded .dh-public .dh-stage-head{grid-template-columns:minmax(0,1fr)}
 .dh-embedded .dh-public .dh-view-actions{grid-template-columns:minmax(0,1fr)}
}