.sf2.sf-live{--sf2-ink:var(--sf-camera-canvas,var(--sf-text));--sf2-canvas:var(--sf-camera-foreground,var(--sf-canvas));box-sizing:border-box;z-index:100;background:var(--sf2-ink);height:100dvh;min-height:0;color:var(--sf2-canvas);font-family:var(--sf-font-body);padding:calc(var(--app-safe-top,0px) + 12px)12px calc(var(--app-safe-bottom,0px) + 24px);flex-direction:column;justify-content:space-between;gap:20px;display:flex;position:fixed;top:0;bottom:auto;left:0;right:0;overflow:hidden}.sf-live__feed,.sf-live__photo{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.sf-live__feed{filter:brightness(.9)}.sf-live__photo{z-index:1;-o-object-fit:contain;object-fit:contain;background:var(--sf2-ink)}.sf-live__photo[data-muted]{filter:brightness(.3)}.sf-live__top{z-index:5;flex-shrink:0;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid;position:relative}.sf-live__close,.sf-live__spacer{flex-shrink:0;width:44px;height:44px}.sf-live__close{border-radius:var(--sf2-r-pill,999px);background:color-mix(in srgb,var(--sf2-ink)40%,transparent);color:var(--sf2-canvas);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0;place-items:center;display:grid}.sf-live__modes{border-radius:var(--sf2-r-pill,999px);background:color-mix(in srgb,var(--sf2-ink)50%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-self:center;gap:2px;max-width:100%;padding:3px;display:flex}.sf-live__modes button{border-radius:inherit;min-width:0;min-height:44px;color:inherit;font:inherit;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;padding:8px 12px;font-size:10px;font-weight:800;line-height:1.3}.sf-live__modes button[aria-selected=true]{background:color-mix(in srgb,var(--sf2-canvas)20%,transparent)}.sf-live__permission-wrap{z-index:3;padding:calc(var(--app-safe-top,0px) + 76px)16px calc(var(--app-safe-bottom,0px) + 20px);background:color-mix(in srgb,var(--sf2-ink)55%,transparent);pointer-events:none;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.sf-live__permission{border:1px solid color-mix(in srgb,var(--sf2-canvas)12%,transparent);background:color-mix(in srgb,var(--sf2-ink)90%,transparent);text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);pointer-events:auto;border-radius:20px;justify-items:center;gap:14px;width:100%;max-width:320px;max-height:100%;padding:22px 20px;display:grid;overflow-y:auto}.sf-live__permission h1{letter-spacing:.12em;text-transform:uppercase;font-size:14px;font-weight:800}.sf-live__permission p{opacity:.8;font-size:13px}.sf-live__permission .sf-live__key{border-radius:var(--sf2-r-pill,999px);letter-spacing:.1em;text-transform:uppercase;min-height:48px;font-size:11px;font-weight:800}.sf-live__permission .sf-live__help{font-size:12px}.sf-live__pick{overscroll-behavior:contain;z-index:2;min-height:0;flex-shrink:1;gap:16px;width:100%;max-width:360px;margin:auto auto 0;padding:24px 8px 0;display:grid;position:relative;overflow-y:auto}.sf-live__pick:before{content:"";z-index:-1;inset:-32px -24px calc(-24px - var(--app-safe-bottom,0px));background:linear-gradient(to top,color-mix(in srgb,var(--sf2-ink)90%,transparent),color-mix(in srgb,var(--sf2-ink)40%,transparent)60%,transparent);pointer-events:none;position:absolute}.sf-live__title,.sf-live__note{text-align:center;margin:0}.sf-live__title{letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:700;line-height:18px}.sf-live__note{font-size:13px;line-height:20px}.sf-live__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:12px;max-height:42svh;padding:4px;display:grid;overflow-y:auto}.sf-live__can{border:1px solid color-mix(in srgb,var(--sf2-canvas)18%,transparent);background:color-mix(in srgb,var(--sf2-canvas)8%,transparent);min-width:0;min-height:112px;color:inherit;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;text-decoration:none;display:flex}.sf-live__can:hover{border-color:var(--sf-primary)}.sf-live__art{flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.sf-live__art img{-o-object-fit:contain;object-fit:contain;width:56px;height:56px;min-height:0;max-height:100%}.sf-live__name{text-transform:uppercase;letter-spacing:.05em;overflow-wrap:anywhere;font-size:10px;font-weight:700;line-height:1.25}.sf-live__panel{z-index:4;border:1px solid color-mix(in srgb,var(--sf2-canvas)12%,transparent);background:color-mix(in srgb,var(--sf2-ink)90%,transparent);width:100%;max-width:420px;max-height:calc(100% - 64px);color:inherit;text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:20px;margin:auto;padding:24px;position:relative;overflow-y:auto}.sf-live h1{overflow-wrap:break-word;margin:0;font-size:max(1.25rem,min(5vw,1.5rem));line-height:1.3}.sf-live p{margin:0;line-height:1.5}.sf-live__key,.sf-live__quiet{border-radius:var(--sf-radius-control,12px);width:100%;min-height:48px;font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;padding:12px 16px;font-weight:700;text-decoration:none;display:flex}.sf-live__key{background:var(--sf-primary);color:var(--sf-primary-fg)}.sf-live__quiet{color:inherit;background:0 0}.sf-live button:disabled{opacity:.5;cursor:default}.sf-live button:focus-visible{outline:2px solid var(--sf-primary);outline-offset:3px}.sf-live a:focus-visible{outline:2px solid var(--sf-primary);outline-offset:3px}.sf-live input:focus-visible{outline:2px solid var(--sf-primary);outline-offset:3px}.sf-live__panel form,.sf-live__panel{gap:16px}.sf-live__panel form{display:grid}.sf-live__panel>*+*{margin-top:16px}.sf-live__panel label,.sf-live__pick label{text-align:left;gap:8px;display:grid}.sf-live input:not([hidden]){border:1px solid var(--sf-border);border-radius:var(--sf-radius-control,12px);min-height:48px;color:var(--sf-text);background:var(--sf-surface);padding:8px;font-size:16px}.sf-live__panel a:not(.sf-live__key){color:inherit;text-decoration:underline}.sf-live__capture{justify-content:space-between;align-items:center;display:flex}.sf-live__shutter{border:3px solid var(--sf2-canvas);background:0 0;border-radius:50%;width:72px;height:72px;padding:5px}.sf-live__shutter span{background:var(--sf2-canvas);border-radius:50%;width:100%;height:100%;display:block}.sf-live__guide{pointer-events:none;position:absolute;top:23%;bottom:29%;left:13%;right:13%}.sf-live__guide span{border:3px solid var(--sf-primary);width:28px;height:28px;position:absolute}.sf-live__guide span:first-child{border-bottom:0;border-right:0;top:0;left:0}.sf-live__guide span:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.sf-live__guide span:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.sf-live__guide span:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}.sf-live__campaigns{--sf-ink:var(--sf2-canvas);--sf-text-muted:var(--sf2-canvas);--sf-surface-2:color-mix(in srgb,var(--sf2-canvas)16%,var(--sf2-ink));--sf-border:color-mix(in srgb,var(--sf2-canvas)25%,transparent);background:var(--sf2-ink);border-radius:12px;padding:12px}.sf-live__campaigns [role=listbox]{max-height:26svh;margin-top:8px;overflow-y:auto}@media (max-width:359px){.sf-live__top{grid-template-columns:44px minmax(0,1fr)}.sf-live__top>.sf-live__spacer{display:none}.sf-live__modes button{letter-spacing:.03em;padding-left:10px;padding-right:10px}}@media (min-width:1024px){.sf-live__pick{max-width:560px}.sf-live__can{min-height:120px}.sf-live__permission{max-width:320px}}.sf-live__progress{width:100%;height:4px;accent-color:var(--sf-primary);border:0;border-radius:4px}.sf-live__guide[data-detected] span{border-color:var(--sf2-canvas)}.sf-ar-loading{z-index:15;background:var(--sf-camera-canvas,var(--sf-canvas));color:var(--sf-camera-foreground,var(--sf-text));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.sf-ar-loading img{-o-object-fit:contain;object-fit:contain;max-height:64px;max-width:min(65%,240px)}.sf-ar-loading progress{height:4px;width:min(65%,240px);accent-color:var(--sf-accent)}.sf-ar-loading p{font:600 13px/1.5 var(--sf-font-body);text-transform:uppercase;letter-spacing:.08em}.sf-live__pick[data-empty]{border:1px solid var(--sf-border);border-radius:var(--sf-radius-lg,20px);background:var(--sf-camera-canvas,var(--sf-canvas));text-align:center;margin-top:auto;margin-bottom:auto;padding:24px}.sf-live__pick[data-empty]:before{display:none}