/* v18.204: one native phone-camera journey on iPhone and Samsung.
   Only cosmetic controls; original 3/4-photo generator, host permissions,
   native file selection, upload handlers and saved data stay unchanged. */
#p2boothModal:not([data-guided="active"]) .p2booth-video-box,
#p2boothModal #p2boothCamera,
#p2boothModal #p2boothFlip,
#p2boothModal #p2boothCapture,
#p2boothModal #p2boothSave,
#p2boothModal #p2boothUpload,
#p2boothModal #p2boothRetake{
 display:none!important;
}
#p2boothModal .p204-guide{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 box-sizing:border-box;gap:7px;text-align:center;
 padding:18px 13px;margin:10px 0 8px;
 border:1px solid #e6d4b7;border-radius:15px;
 background:linear-gradient(145deg,#fffaf0,#f5e9d5);
 color:#463626;
}
#p2boothModal .p204-guide[hidden],
#p2boothModal[data-ready="true"] .p204-guide{display:none!important}
#p2boothModal .p204-guide .p204-symbol{
 display:grid;place-items:center;
 width:37px;height:37px;border-radius:12px;
 background:#fffcf6;border:1px solid #e6d2ae;
 font:24px Georgia,serif;color:#ab8044;
}
#p2boothModal .p204-guide strong{
 font:500 19px/1.2 Georgia,serif;color:#3f3023;
}
#p2boothModal .p204-guide small{
 font:500 12px/1.45 system-ui,sans-serif;color:#715a3f;
 max-width:310px;
}
#p2boothModal .p2booth-actions{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important;
 margin:12px 0 9px!important;
}
#p2boothModal[data-ready="true"] .p2booth-actions{display:none!important}
#p2boothModal .p2booth-actions .p2booth-files{
 grid-column:auto!important;
 box-sizing:border-box;display:flex!important;align-items:center!important;
 justify-content:center!important;
 min-width:0!important;min-height:64px!important;
 padding:10px 8px!important;
 border:1px solid #cbaa78!important;border-radius:14px!important;
 background:#fff9ec!important;color:#493720!important;
 font:750 12px/1.28 system-ui,sans-serif!important;
 white-space:normal!important;text-align:center!important;
 box-shadow:0 4px 12px #54370f0b!important;
}
#p2boothModal .p2booth-actions .p2booth-native{
 background:linear-gradient(145deg,#f4e4c8,#ebd3a9)!important;
 border-color:#b78c4e!important;
 color:#4d351d!important;
}
#p2boothModal .p2booth-actions .p2booth-files:focus-within{
 outline:3px solid #a77b39!important;outline-offset:2px!important;
}
#p2boothModal .p2booth-actions .p2booth-files input{
 position:absolute!important;width:1px!important;height:1px!important;
 opacity:0!important;pointer-events:none!important;
}
#p2boothModal .p2booth-status{
 margin:5px 0 10px!important;
 color:#776149!important;font:500 11px/1.45 system-ui,sans-serif!important;
}
#p2boothModal .p2booth-status[data-error="true"]{color:#a03e28!important}
#p2boothModal .p2booth-counter{margin:7px 0 0!important}
@media(max-width:360px){
 #p2boothModal .p2booth-actions{gap:7px!important}
 #p2boothModal .p2booth-actions .p2booth-files{font-size:11px!important;padding:9px 5px!important}
}

/* v18.206: one-tap 3/4-shot session. Same gold outline family as v18.202. */
#p2boothModal .p206-matched-icon,
#p2boothLaunch .p206-matched-icon{
 display:block!important;width:21px!important;height:21px!important;
 flex:0 0 21px!important;stroke:currentColor!important;
 stroke-width:1.7!important;fill:none!important;overflow:visible!important;
}
#p2boothModal .p204-symbol .p206-matched-icon{
 width:25px!important;height:25px!important;flex-basis:25px!important;
 color:#976e31!important;
}
#p2boothLaunch > span:has(.p206-matched-icon){
 display:inline-grid!important;place-items:center!important;
 width:32px!important;height:32px!important;border-radius:11px!important;
 border:1px solid #e6d2b0!important;background:#f4e6d0!important;
 color:#976e31!important;font-size:0!important;
}
#p2boothModal .p2booth-mode button{
 display:flex!important;gap:6px!important;align-items:center!important;
 justify-content:center!important;
 background:#fff9ec!important;color:#564027!important;
 border:1px solid #d3bc96!important;
}
#p2boothModal .p2booth-mode button[aria-pressed="true"]{
 background:linear-gradient(150deg,#f4e5cc,#ead1a5)!important;
 color:#694419!important;border:2px solid #aa8041!important;
}
#p2boothModal .p2booth-actions .p2booth-files{
 gap:7px!important;flex-direction:column!important;
}
#p2boothModal .p2booth-actions .p2booth-native{
 flex-direction:column!important;
}
#p2boothModal .p206-session-start{
 display:flex!important;justify-content:center!important;align-items:center!important;
 gap:11px!important;box-sizing:border-box!important;
 width:100%!important;min-height:58px!important;
 margin:11px 0 6px!important;padding:11px 13px!important;
 border:1px solid #aa8041!important;border-radius:14px!important;
 background:linear-gradient(145deg,#ecd5ae,#f9ecd4)!important;
 color:#553819!important;
 font:750 14px/1.35 system-ui,sans-serif!important;
 box-shadow:0 5px 15px #62451e13!important;
}
#p2boothModal .p206-session-start[hidden],
#p2boothModal[data-ready="true"] .p206-session-start,
#p2boothModal[data-guided="active"] .p206-session-start{
 display:none!important;
}
#p2boothModal .p206-session-start:focus-visible{
 outline:3px solid #a77929!important;outline-offset:2px!important;
}
#p2boothModal[data-guided="active"] .p204-guide,
#p2boothModal[data-guided="active"] .p2booth-actions{
 display:none!important;
}
#p2boothModal[data-guided="active"] .p2booth-video-box:not([hidden]){
 display:flex!important;min-height:220px!important;max-height:43dvh!important;
 margin:12px 0!important;
}
#p2boothModal[data-guided="active"] .p2booth-video-box video{
 width:100%!important;height:100%!important;min-height:220px!important;
 max-height:43dvh!important;object-fit:cover!important;
}
#p2boothModal[data-guided="active"] .p2booth-countdown{
 font:800 clamp(80px,27vw,120px)/1 system-ui,sans-serif!important;
 text-shadow:0 3px 26px #000c!important;
}
#p2boothModal[data-guided="active"] #p2boothStatus{
 font-weight:700!important;color:#6c4b21!important;
}
@media(max-width:355px){
 #p2boothModal .p2booth-mode .p206-matched-icon{
  width:17px!important;height:17px!important;flex-basis:17px!important;
 }
 #p2boothModal .p2booth-mode button{gap:4px!important;font-size:11px!important}
}

/* v18.209 — immersive camera view while the 10-second sequence runs:
   controls collapse, the camera fills the phone, NO face crop, scroll stays
   locked behind the modal, Save/Send after completion remain untouched. */
#p2boothModal .p209-camera-facing{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:10px!important;width:100%!important;box-sizing:border-box!important;
 min-height:48px!important;margin:10px 0 4px!important;padding:10px 14px!important;
 border:1px solid #ddcaa8!important;border-radius:13px!important;
 background:#fffcf6!important;color:#775527!important;
 font:700 13px/1.3 system-ui,sans-serif!important;
}
#p2boothModal .p209-camera-facing .p206-matched-icon{
 width:21px!important;height:21px!important;flex:0 0 21px!important;
}
#p2boothModal .p209-camera-facing:focus-visible{
 outline:3px solid #a77929!important;outline-offset:2px!important;
}
#p2boothModal .p209-camera-facing[hidden],
#p2boothModal[data-ready="true"] .p209-camera-facing,
#p2boothModal[data-guided="active"] .p209-camera-facing,
#p2boothModal[data-guided="pending"] .p209-camera-facing{
 display:none!important;
}
#p2boothModal[data-guided="active"] .p2booth-mode,
#p2boothModal[data-guided="active"] .p2booth-controls,
#p2boothModal[data-guided="active"] .p2booth-heading p,
#p2boothModal[data-guided="active"] .p2booth-heading small{
 display:none!important;
}
#p2boothModal[data-guided="active"] .p2booth-heading{
 margin-bottom:8px!important;align-items:center!important;
}
#p2boothModal[data-guided="active"] .p2booth-heading h2{
 margin:0!important;font:500 23px/1.1 Georgia,serif!important;
}
#p2boothModal[data-guided="active"] .p2booth-video-box:not([hidden]){
 display:flex!important;
 box-sizing:border-box!important;
 width:100%!important;
 /* Height comes from actual handset viewport, not a tiny WebView window. */
 height:min(67dvh,610px)!important;
 min-height:0!important;max-height:min(67dvh,610px)!important;
 aspect-ratio:3 / 4!important;
 margin:8px 0!important;border:1px solid #ad8551!important;
 border-radius:16px!important;background:#1b1b1b!important;
 overflow:hidden!important;
}
#p2boothModal[data-guided="active"] .p2booth-video-box video{
 display:block!important;
 width:100%!important;height:100%!important;
 min-height:0!important;max-height:none!important;
 object-fit:contain!important;
 background:#1b1b1b!important;
}
#p2boothModal[data-guided="active"] .p2booth-countdown{
 position:absolute!important;inset:0!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 font-size:clamp(96px,34vw,150px)!important;
 color:#fff!important;text-shadow:0 4px 27px #000d!important;
}
#p2boothModal[data-guided="active"] .p2booth-counter{
 font:800 14px/1.2 system-ui,sans-serif!important;margin:8px 0 0!important;
 color:#725027!important;
}
#p2boothModal[data-guided="active"] #p2boothStatus{
 margin:5px 0 9px!important;font-size:13px!important;
}
@media(max-height:650px){
 #p2boothModal[data-guided="active"] .p2booth-video-box:not([hidden]){
  height:61dvh!important;max-height:61dvh!important;
 }
 #p2boothModal[data-guided="active"] .p2booth-sheet{padding:10px!important}
}
