@font-face{font-family:PF Expo;src:url(/fonts/PFExpo-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Angie Sans;src:url(/fonts/AngieSans.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--chip: #f3f1ec;--ink: #323232;--overlay-ease: 1s cubic-bezier(.22, 1, .36, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--dock-pad: 16px}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;background:var(--chip);color:var(--ink);font-family:Angie Sans,system-ui,sans-serif;overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%}html,body{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.app{position:relative;width:100%;height:100%;overflow:hidden;background:var(--chip)}.bar{position:absolute;z-index:8;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;padding-top:calc(12px + var(--safe-top));padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right));pointer-events:none}.bar-top{top:0}.title{font-family:PF Expo,Angie Sans,system-ui,sans-serif;font-size:16px;letter-spacing:.02em}.hint-top{font-size:12px;opacity:.65;text-align:right;max-width:min(420px,58vw)}.stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;touch-action:none;overflow:hidden;background:var(--chip)}.stage canvas{display:block;width:100%!important;height:100%!important}.pane-label{position:absolute;z-index:4;top:calc(52px + var(--safe-top));left:calc(14px + var(--safe-left));font-size:11px;letter-spacing:.04em;text-transform:uppercase;opacity:.55;pointer-events:none}.pane-hint{position:absolute;z-index:4;left:calc(14px + var(--safe-left));bottom:calc(96px + var(--safe-bottom));font-size:12px;opacity:.65;pointer-events:none}.photo-overlay{position:absolute;z-index:3;display:flex;flex-direction:column;background:var(--chip);border-left:1px solid color-mix(in srgb,var(--ink) 10%,transparent);overflow:hidden;pointer-events:none;top:0;right:0;bottom:0;width:min(50vw,720px);opacity:0;transform:translate(18px);transition:opacity var(--overlay-ease),transform var(--overlay-ease)}.photo-overlay.is-open{opacity:1;transform:translate(0);pointer-events:auto}.photo-overlay .pane-label{top:calc(52px + var(--safe-top));left:14px}.photo-stage{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;background:var(--chip);padding-top:calc(44px + var(--safe-top));padding-bottom:calc(72px + var(--safe-bottom))}.photo{flex:1;min-height:0;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;background:var(--chip);display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.bottom-dock{position:absolute;z-index:7;left:50%;bottom:calc(var(--dock-pad) + var(--safe-bottom));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;max-width:calc(100% - 24px);width:max-content;pointer-events:none}.step-caption{margin:0;font-family:Angie Sans,system-ui,sans-serif;font-size:13px;line-height:1.4;color:var(--ink);opacity:.78;pointer-events:none;text-align:center;max-width:min(92vw,52rem);width:max-content;padding:0 12px;display:flex;flex-direction:column;align-items:center;gap:.2em}.step-caption-line{display:block;white-space:nowrap}.photo-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:10px 14px;pointer-events:auto;background:color-mix(in srgb,var(--chip) 92%,white);border-radius:999px}.photo-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background:color-mix(in srgb,var(--chip) 88%,white);color:var(--ink);font-family:inherit;font-size:12px;padding:8px 12px;min-height:40px;min-width:40px;border-radius:999px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.photo-btn.primary{background:var(--ink);color:var(--chip);border-color:var(--ink);min-height:44px;padding:12px 18px;font-size:13px}.photo-count{font-size:12px;opacity:.7;min-width:3.5em;text-align:center}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;opacity:.8;z-index:2}@media(max-width:820px){.bar-top{padding:8px 12px;padding-top:calc(8px + var(--safe-top));padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right))}.title{font-size:14px}.hint-top{display:none}.photo-overlay{top:auto;left:0;right:0;bottom:0;width:100%;height:min(46vh,420px);border-left:none;border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);transform:translateY(16px)}.photo-overlay.is-open{transform:translateY(0)}.photo-overlay .pane-label{top:8px;left:12px}.photo-stage{padding-top:28px;padding-bottom:calc(78px + var(--safe-bottom))}.pane-label.form-label{top:calc(40px + var(--safe-top));left:calc(12px + var(--safe-left))}.pane-hint{display:none}.bottom-dock{bottom:calc(10px + var(--safe-bottom));gap:10px;max-width:calc(100% - 16px);width:calc(100% - 16px)}.step-caption{font-size:11px;max-width:96vw;padding:0 8px}.step-caption-line{white-space:nowrap}.photo-nav{padding:8px 12px;gap:8px}.photo-btn{min-height:44px;min-width:44px;padding:10px 14px;font-size:13px}.photo-btn.primary{min-height:46px;padding:12px 18px}.photo-count{font-size:13px;min-width:3.8em}}@media(max-width:420px){.step-caption{font-size:10px;max-width:98vw}.photo-nav{gap:6px;padding:6px 10px}.photo-overlay{height:min(44vh,380px)}}.photo-btn.active{background:color-mix(in srgb,var(--ink) 14%,var(--chip));border-color:color-mix(in srgb,var(--ink) 45%,transparent);font-weight:600}