.tryon-dialog{width:min(680px,calc(100% - 24px));max-width:680px;padding:22px;max-height:94dvh;overflow:auto;border-radius:20px}.tryon-dialog [hidden]{display:none!important}.tryon-dialog .dialog-heading{margin-bottom:16px;align-items:center}.tryon-dialog .eyebrow{font-size:10px;letter-spacing:1.5px}#tryon-title{font-size:25px;letter-spacing:-.6px;margin:4px 0 0}.tryon-stage{position:relative;aspect-ratio:4/3;background:#173862;border-radius:14px;overflow:hidden;min-width:0}.tryon-stage video,.tryon-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transform:scaleX(-1)}.tryon-stage canvas{touch-action:none}#tryon-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px}#tryon-placeholder p{font-size:23px;font-weight:bold;margin:0}#tryon-placeholder small{font-size:12px;color:#e8eef6}#tryon-stop{position:absolute;top:12px;right:12px;min-height:42px;padding:8px 13px;background:#ffffffed;border:0;font-size:13px}.tryon-status{font-size:12px;line-height:1.4;color:var(--muted);margin:10px 0 16px;min-height:17px}.tryon-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.tryon-toolbar .field-input{margin:0;font-size:14px;min-height:46px}.tryon-toolbar .button{font-size:13px;min-height:46px;padding:10px 14px}.tryon-adjust{border-bottom:0;padding:0;margin:12px 0 0}.tryon-adjust summary{font-size:13px;color:var(--navy);min-height:44px;display:list-item;padding:10px 0}.tryon-settings{display:grid;gap:7px;padding:12px 16px;background:var(--surface);border-radius:12px}.tryon-settings .field-label{margin:4px 0 0;font-size:13px}.tryon-settings .field-input{font-size:14px;min-height:44px}.tryon-settings input[type=range]{width:100%;min-height:34px;accent-color:var(--red)}.tryon-settings small{font-size:12px;color:var(--muted)}.tryon-settings .text-button{text-align:left;font-size:13px}.tryon-note{font-size:11px;line-height:1.5;color:var(--muted);margin:12px 0 0;border-top:1px solid var(--line);padding-top:12px}.camera-button{width:100%;margin-top:10px;min-height:44px}
@media(max-width:650px){.tryon-dialog{padding:16px;max-height:96dvh;border-radius:16px}.tryon-stage{aspect-ratio:4/3}.tryon-toolbar{grid-template-columns:1fr}.tryon-toolbar .button{background:none;border:0;min-height:38px;padding:6px;text-align:center}.tryon-status{margin-bottom:10px}#tryon-placeholder p{font-size:20px}.tryon-dialog .dialog-heading{margin-bottom:12px}#tryon-title{font-size:23px}.tryon-note{margin-top:8px}}

.tryon-stage.preview{background:#f6f3ee}.tryon-stage.preview #tryon-placeholder{justify-content:flex-end;color:var(--ink);gap:8px;padding:16px}.tryon-stage.preview #tryon-placeholder p{position:absolute;top:14px;left:8px;right:8px;font-size:18px}.tryon-stage.preview #tryon-placeholder small{color:var(--muted);font-size:11px}.tryon-stage.preview #tryon-placeholder .button{min-height:44px;padding:9px 18px}.tryon-stage.preview video{visibility:hidden}

/* Un miroir plus compact, avec exploration tactile accessible. */
.tryon-stage.preview{aspect-ratio:auto;height:clamp(250px,44dvh,390px);background:radial-gradient(ellipse at 50% 42%,#fff 0%,#f8f5ef 62%,#ece5d9 100%)}
.tryon-stage.preview canvas{cursor:grab}.tryon-stage.preview canvas:active{cursor:grabbing}
.tryon-stage.preview #tryon-placeholder{pointer-events:none}
.tryon-stage.preview #tryon-placeholder button{pointer-events:auto;box-shadow:0 5px 16px #c9233b26}
.tryon-stage.preview #tryon-placeholder small{font-size:11px}
#tryon-canvas:focus-visible{outline:3px solid var(--red);outline-offset:-4px;border-radius:14px}
@media(max-height:700px) and (min-width:651px){.tryon-dialog{padding:16px}.tryon-stage.preview{height:clamp(220px,40dvh,310px)}.tryon-dialog .dialog-heading{margin-bottom:10px}}

/* La vidéo et la monture gardent les mêmes proportions en portrait. */
.tryon-stage:not(.preview){max-height:56dvh}.tryon-stage video,.tryon-stage canvas{object-fit:contain}
.tryon-stage{width:100%}