.shot-desktop{inset:var(--menu-h) 0 var(--dock-h);position:absolute}.shot-window,.shot-window-highlight,.shot-selection,.shot-staged,.shot-frozen,.shot-flash{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:calc(var(--w) * 100%);height:calc(var(--h) * 100%);position:absolute}.shot-window{background:#1a1a1f;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 24px 60px -16px #000000bf}.shot-browser{border-radius:calc(24px * var(--browser-scale));background:0 0}.shot-browser-frame{width:calc(100% / var(--browser-scale));height:calc(100% / var(--browser-scale));transform-origin:0 0;scale:var(--browser-scale)}.shot-browser-frame .browser-window{width:100%;height:100%;box-shadow:0 0 0 1px #ffffff14}.shot-notes{border-radius:calc(24px * var(--notes-scale));background:0 0}.shot-notes-frame{width:calc(100% / var(--notes-scale));height:calc(100% / var(--notes-scale));transform-origin:0 0;scale:var(--notes-scale)}.shot-notes-frame .notes-panel{width:100%;height:100%}.shot-overlay{z-index:5;pointer-events:none;transition:background-color .16s;position:absolute;inset:0}.shot-overlay[data-shown]{pointer-events:auto;cursor:crosshair}.shot-overlay[data-shown]:is([data-mode=window],[data-mode=full]){background:#00000026}.shot-overlay[data-shown][data-engaged]:not([data-frozen]):is([data-mode=area],[data-mode=annotate],[data-mode=stage],[data-mode=measure]){cursor:none}.shot-overlay[data-frozen]{cursor:default}.shot-window-highlight{background:#0a84ff47;border-radius:12px;transition:left .22s cubic-bezier(.22,.61,.36,1),top .22s cubic-bezier(.22,.61,.36,1),width .22s cubic-bezier(.22,.61,.36,1),height .22s cubic-bezier(.22,.61,.36,1);box-shadow:inset 0 0 0 1px #0a84ff99}.shot-full-highlight{inset:calc(2px - var(--menu-h)) 2px calc(2px - var(--dock-h));border-radius:calc((var(--device-radius) - 4px) / var(--scene-scale,1) - 2px);background:#0a84ff1f;animation:.16s both shot-fade;position:absolute;box-shadow:inset 0 0 0 3px #0a84ffe6}@keyframes shot-fade{0%{opacity:0}}.shot-selection{z-index:6;pointer-events:none;background:#ffffff0f}.shot-outline{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.shot-staged{z-index:6;pointer-events:none;animation:.16s both shot-fade}.shot-staged:before{content:"";border:1px solid #fff;border-radius:6px;position:absolute;inset:-4px;box-shadow:0 0 0 .75px #00000059,inset 0 0 0 .75px #00000059}.shot-staged-pill{left:calc(var(--cx) * 100%);top:calc(var(--cy) * 100% + 12px);z-index:25;white-space:nowrap;color:#fff;transform-origin:50% 0;background:#222228db;border-radius:21px;align-items:center;gap:8px;height:42px;padding:0 6px 0 12px;font-size:11.5px;font-weight:500;transition:opacity .12s;animation:.2s both shot-fade;display:flex;position:absolute;translate:-50%;scale:.84;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #ffffff14,0 12px 30px -12px #000000b3}.shot-staged-pill[data-shooting]{opacity:.5}.shot-staged-pill>svg{width:14px;height:14px}.shot-staged-pill button{font:inherit;color:inherit;cursor:pointer;border:0;padding:0}.shot-staged-pill .shot-round svg:not([class]){width:13px;height:13px}.shot-staged-pill kbd{background:#ffffff1a;border-radius:5px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;font-weight:600}.shot-flash{z-index:7;pointer-events:none;background:#fff;animation:.26s ease-out both shot-flash}@keyframes shot-flash{0%{opacity:.85}to{opacity:0}}.shot-cursor,.shot-anchor{left:calc(var(--cx) * 100%);top:calc(var(--cy) * 100%);z-index:20;pointer-events:none;width:0;height:0;position:absolute}.shot-cursor svg,.shot-anchor svg{max-width:none}.shot-cursor{transition:left .72s cubic-bezier(.45,0,.25,1),top .72s cubic-bezier(.45,0,.25,1),opacity .16s}.shot-cursor[data-hidden]{opacity:0}.shot-desktop[data-tracking] .shot-cursor{transition:left 60ms linear,top 60ms linear,opacity .16s}.shot-overlay[data-engaged]~.shot-cursor{transition:opacity .16s}.shot-arrow{filter:drop-shadow(0 1px 2px #0006);width:13px;height:18px;position:absolute;top:-2px;left:-2px}.shot-cross{--size:18px;left:calc(var(--size) / -2);top:calc(var(--size) / -2);width:var(--size);height:var(--size);position:absolute}.shot-cross:before,.shot-cross:after{content:"";background:#fff;position:absolute;box-shadow:0 0 0 1px #0000008c}.shot-cross:before{height:1px;top:calc(50% - .5px);left:0;right:0}.shot-cross:after{width:1px;top:0;bottom:0;left:calc(50% - .5px)}.shot-reticle{position:absolute;top:-8.5px;left:-8.5px;overflow:visible}.shot-plus{top:-8px;left:-8px}.shot-pill{font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;background:#000000b8;border-radius:999px;padding:3px 7px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;font-weight:600;position:absolute;top:13px;left:13px}.shot-pill[data-left]{left:auto;right:13px}.shot-pill[data-above]{top:auto;bottom:13px}.shot-frozen{z-index:1;pointer-events:none;border-radius:5px;animation:.18s both shot-fade;box-shadow:0 0 0 200vmax #00000061}.shot-grip{font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;background:#000000b8;border-radius:999px;align-items:center;gap:5px;padding:3px 7px 3px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;font-weight:600;display:flex;position:absolute;bottom:calc(100% + 9px);left:0}.shot-grip svg{opacity:.7;width:9px;height:9px}.shot-marks{z-index:2;pointer-events:none;filter:drop-shadow(0 1px 2.5px #0000004d);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.shot-toolbar{left:calc(var(--cx) * 100%);top:calc(var(--cy) * 100% + 14px);z-index:8;transform-origin:50% 0;animation:.26s cubic-bezier(.22,.61,.36,1) both shot-rise;position:absolute;translate:-50%;scale:.78}.shot-ink{white-space:nowrap;background:#ffffff12;border-radius:15px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:11.5px;font-weight:600;display:flex}.shot-ink i{border-radius:50%;width:12px;height:12px;transition:background-color .2s}.shot-ink svg{opacity:.6}.shot-toolbar-pair{align-items:center;gap:3px;display:flex}.shot-capsule,.shot-done{white-space:nowrap;background:#ffffff12;border-radius:15px;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:11.5px;font-weight:600;display:flex}.shot-done{color:#1e1e22;background:#fff;padding:0 12px}.shot-measure{fill:none;stroke-linecap:butt;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.shot-measure-pill{z-index:3;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;pointer-events:none;background:#ff336b;border-radius:999px;padding:2px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;font-weight:600;position:absolute;translate:-50% -50%}.shot-measure-pill[data-side]{translate:0 -50%}.shot-hint{z-index:25;white-space:nowrap;color:#fff9;transform-origin:50% 0;pointer-events:none;background:#222228db;border-radius:16px;align-items:center;gap:12px;height:32px;padding:0 14px;font-size:11px;animation:.2s both shot-fade;display:flex;position:absolute;top:14px;left:50%;translate:-50%;scale:.84;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #ffffff14,0 12px 30px -12px #000000b3}.shot-hint>span{align-items:center;gap:5px;display:flex}.shot-hint kbd{color:#fff;background:#ffffff1a;border-radius:5px;place-items:center;height:18px;padding:0 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;font-weight:600;display:grid}.shot-bar,.shot-toolbar,.shot-flyout{color:#fff;background:#222228cc;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #ffffff14,0 18px 44px -14px #000000bf}.shot-bar,.shot-toolbar{white-space:nowrap;border-radius:22px;align-items:center;gap:10px;width:max-content;height:44px;padding:0 8px;display:flex}:is(.shot-bar,.shot-toolbar)>*,:is(.shot-bar,.shot-toolbar) button>svg{flex:none}:is(.shot-bar,.shot-toolbar) :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.shot-bar{left:50%;bottom:calc(var(--dock-h) + 24px);z-index:30;opacity:0;pointer-events:none;transition:opacity .2s,translate .32s cubic-bezier(.22,.61,.36,1);position:absolute;transform:translate(-50%)translateY(10px)}.shot-bar[data-shown]{opacity:1;pointer-events:auto;translate:0}.shot-bar-brand{flex:none;width:24px;height:24px;margin:0 3px 0 4px}.shot-bar-divider{background:#ffffff29;flex:none;width:1px;height:18px}.shot-bar-group{--seg:34px;gap:2px;display:flex;position:relative}.shot-bar-group:before{content:"";width:var(--seg);height:30px;translate:calc(var(--i) * (var(--seg) + 2px)) 0;background:#ffffff21;border-radius:15px;transition:translate .3s cubic-bezier(.3,1.25,.5,1);position:absolute;top:0;left:0}.shot-bar-group-text{--seg:30px}.shot-bar-segment{width:var(--seg);opacity:.75;place-items:center;height:30px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:600;transition:opacity .2s;display:grid;position:relative}.shot-bar-segment[data-selected],.shot-bar-segment:hover{opacity:1}.shot-bar-segment svg{width:15px;height:15px}.shot-bar-anchor{display:flex;position:relative}.shot-bar-background{background:#ffffff0f;border-radius:15px;align-items:center;gap:5px;height:30px;padding:0 10px;transition:background-color .16s;display:flex}.shot-bar-background:is([data-on],[data-open]){background:#ffffff2e}.shot-bar-background>svg:first-child{opacity:.55;width:13px;height:13px;transition:opacity .16s}.shot-bar-background[data-on]>svg:first-child{opacity:1}.shot-bar-ratio{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:600}.shot-bar-background:disabled{opacity:.4;cursor:default}.shot-bar-chevron{opacity:.6;transition:rotate .3s cubic-bezier(.3,1.25,.5,1)}[data-open]>.shot-bar-chevron{rotate:180deg}.shot-round{background:#ffffff12;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.shot-round[data-disabled]{opacity:.35}.shot-round-small{width:24px;height:24px}.shot-flyout{transform-origin:50% 100%;opacity:0;pointer-events:none;border-radius:20px;flex-direction:column;width:264px;padding:8px;font-size:11.5px;transition:opacity .2s,translate .3s cubic-bezier(.3,1.2,.5,1),scale .3s cubic-bezier(.3,1.2,.5,1);display:flex;position:absolute;bottom:calc(100% + 17px);left:50%;translate:-50% 10px;scale:.94}.shot-flyout[data-shown]{opacity:1;pointer-events:auto;translate:-50%;scale:1}.shot-flyout-ratio{width:288px}.shot-flyout-label{color:#fff9;padding:4px 6px;font-weight:500}.shot-flyout-chips{grid-template-columns:repeat(4,1fr);gap:4px;padding:0 4px 4px;display:grid}.shot-flyout-chips[data-wide]{grid-template-columns:repeat(2,1fr)}.shot-flyout-chips>*{background:#ffffff0d;border-radius:13px;place-items:center;height:26px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:600;transition:background-color .16s;display:grid}.shot-flyout-chips>[data-free]{font-family:inherit}.shot-flyout-chips>[data-selected]{background:#ffffff29}.shot-flyout-note{white-space:normal;color:#fff6;padding:4px 6px;font-size:10.5px;line-height:1.7}.shot-flyout-note kbd{color:#ffffffd9;background:#ffffff1a;border-radius:4px;padding:1px 4px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9.5px;font-weight:600}.shot-flyout-head{justify-content:space-between;align-items:center;padding:0 0 4px 6px;font-size:12px;font-weight:600;display:flex}.shot-flyout-row{color:#fff9;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:32px;padding:0 6px;font-weight:500;display:flex}.shot-flyout-body{flex-direction:column;transition:opacity .2s;display:flex}.shot-flyout-body[data-off]{opacity:.4}.shot-flyout-segments{color:#fff;gap:1px;font-size:11px;font-weight:600;display:flex}.shot-flyout-segments>*{border-radius:13px;place-items:center;height:26px;padding:0 8px;display:grid}.shot-flyout-segments b{font-weight:inherit;background:#ffffff1f}.shot-flyout-swatches{display:flex}.shot-flyout-swatches i{border-radius:50%;width:13px;height:13px;margin:6px 4.5px;box-shadow:0 0 0 .5px #fff3}.shot-flyout-swatches i[data-selected]{box-shadow:0 0 0 .5px #fff3,0 0 0 4.5px #ffffff24}.shot-flyout-slider{align-items:center;gap:6px;display:flex}.shot-flyout-slider i{background:linear-gradient(90deg,#ffffffd9 44%,#ffffff2e 44%);border-radius:2px;width:104px;height:4px;position:relative}.shot-flyout-slider i:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:44%;translate:-50% -50%}.shot-flyout-slider b{text-align:right;width:24px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px}.shot-switch{background:#ffffff24;border-radius:7px;flex:none;width:24px;height:14px;transition:background-color .2s;position:relative}.shot-switch:after{content:"";background:#ffffff8c;border-radius:50%;width:10px;height:10px;transition:translate .28s cubic-bezier(.3,1.3,.5,1),background-color .2s;position:absolute;top:2px;left:2px}.shot-switch[data-on]{background:#fffc}.shot-switch[data-on]:after{background:#1e1e22;translate:10px}.system-screen[data-compact] .shot-bar{transform-origin:50% 100%;scale:.74}.system-screen[data-compact] .shot-toolbar,.system-screen[data-compact] .shot-hint{scale:.6}.shot-hud{--card-w:132px;--card-h:96px;--base:0px;left:14px;bottom:calc(var(--dock-h) + 12px);z-index:6;width:var(--card-w);position:absolute}.shot-hud[data-many]{--base:22px}.shot-hud :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.shot-card{z-index:calc(10 - var(--depth));width:var(--card-w);height:var(--card-h);transform-origin:50% 0;translate:0 calc(-1 * (var(--base) + var(--depth) * (var(--card-h) + 8px)));background:#2c2c32d1;border-radius:16px;transition:translate .46s cubic-bezier(.3,1.15,.5,1),scale .46s cubic-bezier(.3,1.15,.5,1),opacity .3s;animation:.28s cubic-bezier(.22,.61,.36,1) backwards shot-card-in;position:absolute;bottom:0;left:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 14px 30px -10px #000000b3}.shot-card:after{content:"";z-index:3;border-radius:inherit;opacity:0;pointer-events:none;background:#000;transition:opacity .3s;position:absolute;inset:0}[data-collapsed]>.shot-card{translate:0 calc(-1 * (var(--base) + var(--depth) * 7px));scale:calc(1 - var(--depth) * .05)}[data-collapsed]>.shot-card:after{opacity:min(.45, calc(var(--depth) * .14))}[data-dismissed]>.shot-card{translate:-40px calc(-1 * (var(--base) + var(--depth) * 7px));opacity:0}@keyframes shot-card-in{0%{opacity:0;scale:.92}}.shot-card-media{border-radius:13px;transition:inset .2s,border-radius .2s;position:absolute;inset:3px;overflow:hidden}[data-revealed]>.shot-card-media{border-radius:11px;inset:5px 5px 27px}.shot-card-footer{color:#fffc;opacity:0;pointer-events:none;justify-content:space-between;align-items:center;height:18px;transition:opacity .18s;display:flex;position:absolute;bottom:5px;left:8px;right:5px}[data-revealed]>.shot-card-footer{opacity:1;pointer-events:auto}.shot-card-footer svg{width:10px;height:10px}.shot-card-footer svg[data-hot]{color:#fff;filter:drop-shadow(0 0 4px #ffffff80)}.shot-card-actions{align-items:center;gap:8px;display:flex}.shot-card-annotate{color:#ffffffeb;background:linear-gradient(#1a3948,#10132e) padding-box padding-box,linear-gradient(135deg,#39ffe7,#4f10d6) border-box;border:1px solid #0000;border-radius:999px;align-items:center;gap:3px;height:16px;padding:0 6px 0 3px;font-size:7.5px;display:flex;box-shadow:0 1px 3px #4073f238}.shot-card-annotate svg{width:10px;height:10px}.shot-card-toast{color:#30d158;align-items:center;gap:5px;font-size:10.5px;font-weight:600;animation:.24s backwards shot-rise;display:flex}.shot-card-close{z-index:2;color:#fff;opacity:0;pointer-events:none;background:#28282ecc;border-radius:50%;place-items:center;width:16px;height:16px;transition:opacity .18s;display:grid;position:absolute;top:10px;left:10px;box-shadow:inset 0 0 0 1px #ffffff2e}[data-revealed]>.shot-card-close{opacity:1;pointer-events:auto}.shot-card-cursor{z-index:4;animation:.3s backwards shot-rise;inset:auto 52px 0 auto}@keyframes shot-rise{0%{opacity:0;translate:0 4px}}.shot-hud-controls{color:#ffffffd9;opacity:0;pointer-events:none;align-items:center;gap:4px;height:16px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0}[data-many]>.shot-hud-controls{opacity:1;pointer-events:auto}[data-dismissed]>.shot-hud-controls{opacity:0;pointer-events:none}.shot-hud-controls svg{flex:none;width:8px;height:8px}.shot-hud-circle,.shot-hud-pill,.shot-hud-dots{background:#2c2c32d9;border-radius:8px;flex:none;justify-content:center;align-items:center;height:16px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.shot-hud-circle{width:16px}.shot-hud-pill{white-space:nowrap;gap:3px;padding:0 6px;font-size:7px;font-weight:600;display:flex}.shot-hud-dots{opacity:0;gap:2px;padding:0 5px;transition:opacity .2s}[data-collapsed] .shot-hud-dots{opacity:1}.shot-hud-dots i{background:#ffffff59;border-radius:2px;width:4px;height:4px}.shot-hud-dots i[data-current]{background:#fff;width:9px}.shot-status{display:contents}.shot-menu-recent{align-items:center;gap:10px;padding-left:2px;display:flex}.shot-menu-thumb{border-radius:6px;flex:none;width:26px;height:26px;position:relative;overflow:hidden}.shot-menu-text{flex-direction:column;gap:2px;display:flex}.shot-menu-text b{font-size:12.5px;font-weight:500}.shot-menu-text small{color:#fff6;font-size:11px}.shot-picture{--shot-paper:var(--lightningcss-light,#f7f3ec)var(--lightningcss-dark,#181512);display:grid;position:absolute;inset:0}.shot-picture[data-background]{background:linear-gradient(334deg, color-mix(in srgb, var(--scene-color) 22%, #0c0c11), #0c0c11, color-mix(in srgb, var(--scene-color) 34%, #0c0c11));padding:13% 15%}.shot-picture-subject{background:#1a1a1f;flex-direction:column;gap:6%;min-height:0;display:flex;position:relative;overflow:hidden}[data-background]>.shot-picture-subject{border-radius:5px;box-shadow:0 6px 14px -4px #0000008c}.shot-picture-subject :where(i){flex:none}.shot-picture-subject[data-mode=window]{background:linear-gradient(#151517 0 10%, var(--shot-paper) 10%);padding:0 8% 8%}.shot-picture-subject[data-mode=area]{background:var(--shot-paper);padding:8%}.shot-picture-subject[data-mode=full]{background:linear-gradient(334deg, color-mix(in srgb, var(--scene-color) 14%, #0c0c11), #0c0c11, color-mix(in srgb, var(--scene-color) 22%, #0c0c11))}.shot-picture-bar{height:10%;margin:0 -9%}.shot-picture-hero{background:linear-gradient(#c8663b1f,#1f1c1840),url(/mock/mock-hero.webp) 50% 60%/cover no-repeat,#8d877e;border-radius:4px;flex:1}.shot-picture-line{background:var(--lightningcss-light,#1f1c1838)var(--lightningcss-dark,#f1ebe238);border-radius:2px;width:70%;height:4px}.shot-picture-line+.shot-picture-line{width:50%}.shot-picture-box,.shot-picture-badge,.shot-picture-hovered,.shot-picture-guide{position:absolute}.shot-picture-hovered{background:#8d877e;border-radius:3px;width:30%;height:26%;top:56%;left:34%;box-shadow:0 3px 6px -2px #1f1c1899}.shot-picture-hovered:before{content:"";background:#141418f0;border-radius:2px;width:50%;height:5px;position:absolute;bottom:calc(100% + 3px);left:25%}.shot-picture-box{border:1.5px solid #ff4740;border-radius:3px;width:40%;height:34%;top:16%;left:14%}.shot-picture-badge{background:#0d85ff;border-radius:50%;width:9px;height:9px;top:22%;left:64%;box-shadow:0 0 0 1px #fff}.shot-picture-guide{background:#ff336b;height:1px;top:40%;left:8%;right:8%}.shot-picture-guide[data-v]{width:1px;height:auto;inset:8% auto 30% 46%}.shot-picture-window,.shot-picture-note,.shot-picture-dock{border-radius:3px;position:absolute}.shot-picture-window{background:linear-gradient(#151517 0 12%, var(--shot-paper) 12%);width:54%;height:64%;top:9%;left:22%}.shot-picture-note{background:#1c1c1f;width:23%;height:44%;top:30%;left:73%;box-shadow:inset 0 0 0 .5px #ffffff1f}.shot-picture-dock{background:#ffffff2e;border-radius:2px;height:7%;bottom:5%;left:30%;right:30%}@media (prefers-reduced-motion:reduce){.shot-cursor,.shot-window-highlight,.shot-bar,.shot-bar-group:before,.shot-flyout,.shot-card,.shot-card-media{transition:none}.shot-card,.shot-flash,.shot-frozen,.shot-toolbar,.shot-hint,.shot-staged,.shot-staged-pill,.shot-full-highlight{animation:none}}