@import url("/static/palette.css?v=d087293871ba");
@import url("/static/dialog.css?v=51a80af873fc");
/* CLOUD-03: the photo session's confirmation and its status line (demo/static/photo_session.js) */
.ps-dialog-wrap{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--site-button) 36%, transparent);padding:16px}
.ps-dialog{box-sizing:border-box;width:100%;max-width:440px;background:var(--site-panel);color:var(--site-ink);border:1px solid var(--site-ink);padding:22px 22px 18px;font:15px/1.5 var(--site-body)}
.ps-dialog h2{margin:0 0 10px;font-size:20px;font-weight:600;line-height:1.25}
.ps-dialog .ps-lines p{margin:0 0 8px}
.ps-dialog .ps-error{margin:10px 0 0;padding:8px 10px;border:1px solid var(--site-ink)}
.ps-dialog .ps-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:16px}
.ps-dialog button{font:inherit;padding:8px 16px;cursor:pointer;border:1px solid var(--site-ink);background:var(--site-panel);color:var(--site-ink)}
.ps-dialog button.ps-accept{background:var(--site-button);color:var(--site-page)}
.ps-dialog button[disabled]{opacity:.5;cursor:default}
.ps-status{position:fixed;left:16px;bottom:16px;z-index:2147482000;max-width:min(560px,calc(100vw - 32px));box-sizing:border-box;padding:7px 12px;background:var(--site-page);color:var(--site-ink);border:1px solid var(--site-ink);font:13px/1.4 var(--site-body)}
.ps-status[hidden]{display:none}
body[data-ps-status="top"] .ps-status{top:70px;bottom:auto;left:50%;transform:translateX(-50%)}
.ps-status a{color:var(--site-ink);text-decoration:underline;margin-left:6px;cursor:pointer}
.ps-status[data-kind="missing"],.ps-status[data-kind="failed"]{border-width:1px;border-color:var(--site-line);color:var(--site-muted)}
.ps-pay-note{margin:10px 0 0;padding:8px 10px;border:1px solid var(--site-ink)}
.ps-pay-note[hidden]{display:none}
.ps-pay-note button{margin:8px 8px 0 0}
@media (max-width:600px){.ps-status{left:8px;right:8px;bottom:8px;max-width:none}.ps-dialog{padding:18px 16px 14px}.ps-dialog .ps-actions{justify-content:stretch}.ps-dialog .ps-actions button{flex:1 1 auto}
  body[data-ps-status="top"] .ps-status{top:62px;bottom:auto;left:8px;transform:none}}
/* CLOUD-03-R1: the host - the page that holds files this browser's storage could not keep - shows the next pages in a frame */
html.ps-hosting,html.ps-hosting body{overflow:hidden;height:100%}
.ps-host-frame{position:fixed;inset:0;width:100%;height:100%;border:0;margin:0;padding:0;z-index:2147481000;background:var(--site-page);display:block}
.ps-status[data-kind="held"]{border-width:2px}
/* CLOUD-03-R1: the status line never takes a click meant for the page under it (only its own link does) */
.ps-status{pointer-events:none}
.ps-status a{pointer-events:auto}

/* FLOW-FIX-2: document flow reserves the entire line, including its wrapped phone height. */
body .ps-status[data-flow="true"]{position:static;inset:auto;transform:none;max-width:none;margin:12px 16px;flex:none;pointer-events:auto}
.ps-original-mark{position:absolute;right:4px;top:4px;z-index:4;background:var(--site-page);color:var(--site-muted);border:1px solid var(--site-line);border-radius:4px;font:12px/16px var(--site-body);padding:0 3px;pointer-events:none}
.pphoto.ps-original-missing,.s-photo.ps-original-missing{position:relative}
.studio-work > .ps-status{position:static;inset:auto;transform:none;max-width:none;flex:none;margin:0;padding:8px 16px;border:0;border-bottom:1px solid var(--site-line)}

/* MOBILE-1: phone hit areas and supporting copy; desktop composition unchanged. */
@media(max-width:600px){


.ps-status,.ps-status a,.ps-dialog p,.ps-dialog .ps-note{font-size:14px}
.ps-status a{display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;min-width:44px;padding:10px 0}

}

@media(max-width:600px){body.studio #psStatus.ps-status{font-size:14px}}

/* MOBILE-FLOW-1: touch capability, not viewport width; desktop is untouched. */
.intake-touch-note{display:none}
@media (hover:none) and (pointer:coarse){
  .intake-screen #create .actions{display:block}
  .intake-screen #lnkFiles{display:block;width:100%;min-height:44px;background:var(--site-button);color:var(--site-page);border-radius:4px;white-space:normal}
  .intake-screen #lnkFolder{display:none!important}
  .intake-screen #grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .intake-screen #grid[hidden]{display:none}
  .intake-screen #lnkStart{min-height:44px;margin-left:auto}
  .intake-screen .intake-touch-note{display:block;color:var(--site-muted);font-size:14px;line-height:1.5;margin-top:8px}
}

/* UPLOAD-FIX-1: an in-flow touch strip reserves its own height. */
.ps-touch-upload{box-sizing:border-box;height:32px;min-height:32px;flex:0 0 32px;line-height:12px;padding:4px 16px;background:var(--site-panel);color:var(--site-muted);font-size:11px;position:sticky;top:var(--site-bar-height,88px);z-index:79}