.annotated-shot[data-astro-cid-g3pelgvt]{margin:0;background:var(--paper-card);border:var(--border-thin);border-radius:var(--radius-md);max-width:100%;min-width:0;overflow:hidden}.annotated-shot-chrome[data-astro-cid-g3pelgvt]{align-items:center;background:var(--paper-soft);border-bottom:var(--border-thin);display:flex;gap:var(--space-3);min-width:0;padding:10px 14px}.annotated-shot-lights[data-astro-cid-g3pelgvt]{display:flex;flex-shrink:0;gap:6px}.annotated-shot-lights[data-astro-cid-g3pelgvt] span[data-astro-cid-g3pelgvt]{background:var(--hairline-strong);border-radius:50%;height:10px;width:10px}.annotated-shot-url[data-astro-cid-g3pelgvt]{color:var(--ink-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotated-shot-canvas[data-astro-cid-g3pelgvt]{background:var(--paper-soft);position:relative;width:100%}.annotated-shot-canvas[data-astro-cid-g3pelgvt] img[data-astro-cid-g3pelgvt]{height:100%;object-fit:var(--shot-fit);object-position:var(--shot-position);width:100%}.annotated-shot-pin[data-astro-cid-g3pelgvt]{align-items:center;background:var(--clay);border:2px solid var(--paper-card);border-radius:50%;box-shadow:0 2px 6px #151c1e2e;color:var(--paper);display:inline-flex;font-family:var(--font-mono);font-size:12px;font-weight:600;height:24px;justify-content:center;left:var(--pin-x);line-height:1;position:absolute;top:var(--pin-y);transform:translate(-50%,-50%);width:24px;z-index:2}.annotated-shot-notes[data-astro-cid-g3pelgvt]{counter-reset:shot-note;display:grid;gap:var(--space-3);list-style:none;margin:0;padding:var(--space-4)}.annotated-shot-notes[data-astro-cid-g3pelgvt] li[data-astro-cid-g3pelgvt]{align-items:start;color:var(--ink-body);display:grid;font-size:14px;gap:var(--space-3);grid-template-columns:24px minmax(0,1fr);line-height:1.6}.annotated-shot-num[data-astro-cid-g3pelgvt]{align-items:center;background:var(--clay);border-radius:50%;color:var(--paper);display:inline-flex;font-family:var(--font-mono);font-size:12px;font-weight:600;height:22px;justify-content:center;line-height:1;margin-top:2px;width:22px}.annotated-shot-caption[data-astro-cid-g3pelgvt]{border-top:var(--border-thin);color:var(--ink-muted);font-size:13px;padding:var(--space-3) var(--space-4)}@media(min-width:768px){.annotated-shot-notes[data-astro-cid-g3pelgvt]{gap:14px;padding:20px 24px}}.device-shot[data-astro-cid-yrhshtye]{align-items:stretch;display:flex;flex-direction:column;gap:14px;margin:0;min-width:0;width:calc(var(--device-w, 428) * 1px * var(--device-s, .32))}.device-shot-imac[data-astro-cid-yrhshtye]{--device-w: 640;--device-h: 540;--device-s: .5}.device-shot-ipad[data-astro-cid-yrhshtye]{--device-w: 560;--device-h: 778;--device-s: .36}.device-shot-iphone[data-astro-cid-yrhshtye]{--device-w: 428;--device-h: 868;--device-s: .32}.device-shot-frame[data-astro-cid-yrhshtye]{flex-shrink:0;height:calc(var(--device-h) * 1px * var(--device-s));position:relative;transform-origin:top left;width:calc(var(--device-w) * 1px * var(--device-s))}.device-shot-frame[data-astro-cid-yrhshtye] .device{transform:scale(var(--device-s));transform-origin:top left}.device-shot-frame[data-astro-cid-yrhshtye] .device-screen{background:var(--paper);object-fit:cover;object-position:top center}.device-shot-caption[data-astro-cid-yrhshtye]{color:var(--ink-muted);font-size:13px;line-height:1.5;margin:0;text-align:center}@media(min-width:1280px){.device-shot-imac[data-astro-cid-yrhshtye]{--device-s: .55}.device-shot-ipad[data-astro-cid-yrhshtye]{--device-s: .38}.device-shot-iphone[data-astro-cid-yrhshtye]{--device-s: .33}}@media(max-width:640px){.device-shot-imac[data-astro-cid-yrhshtye]{--device-s: .42}.device-shot-ipad[data-astro-cid-yrhshtye]{--device-s: .32}.device-shot-iphone[data-astro-cid-yrhshtye]{--device-s: .34}}.demo-creds{background:var(--paper-soft);border:var(--border-thin);border-radius:var(--radius-md);padding:var(--space-6)}.demo-creds-title{color:var(--ink);font-family:var(--font-serif);font-size:20px;font-weight:500;line-height:1.4;margin:0 0 var(--space-2) 0}.demo-creds-intro{color:var(--ink-body);font-size:14px;line-height:1.7;margin:0 0 var(--space-4) 0}.demo-creds-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-2) 0}.demo-creds-row-url{border-bottom:var(--border-thin);padding-bottom:var(--space-4);margin-bottom:var(--space-2)}.demo-creds-label{color:var(--ink-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;min-width:56px;text-transform:uppercase}.demo-creds-url{color:var(--ink);font-family:var(--font-mono);font-size:13px;text-decoration:underline;text-decoration-color:var(--hairline-strong);text-underline-offset:3px}.demo-creds-url:hover{color:var(--clay-deep);text-decoration-color:currentColor}.demo-creds-reveal{align-items:center;background:var(--ink);border:none;border-radius:var(--radius-sm);color:var(--paper);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:12px;gap:var(--space-2);letter-spacing:.04em;margin-top:var(--space-2);padding:var(--space-2) var(--space-4);transition:background var(--transition-fast)}.demo-creds-reveal:hover:not(:disabled){background:var(--clay-deep)}.demo-creds-reveal:disabled{background:var(--ink-muted);cursor:default}.demo-creds-reveal-icon{font-size:14px}.demo-creds-accounts{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.demo-creds-account{display:grid;gap:var(--space-3)}.demo-creds-role{align-items:baseline;color:var(--ink);display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:var(--space-2);line-height:1.5;margin:0}.demo-creds-role-name{font-family:var(--font-mono)}.demo-creds-role-note{color:var(--ink-muted);font-family:var(--font-sans);font-size:12px;font-weight:400}.demo-creds-fields{display:grid;gap:var(--space-2)}.demo-creds-field{align-items:center;display:flex;gap:var(--space-3)}.demo-creds-field .demo-creds-label{flex:0 0 auto;min-width:72px}.demo-creds-field-value{background:var(--paper-card);border:var(--border-thin);border-radius:var(--radius-sm);color:var(--ink);flex:1 1 0;font-family:var(--font-mono);font-size:13px;min-width:0;overflow:hidden;padding:var(--space-2) var(--space-3);text-overflow:ellipsis;user-select:all;white-space:nowrap}.demo-creds-iconbtn-group{display:flex;flex:0 0 auto;gap:var(--space-1)}.demo-creds-iconbtn{align-items:center;background:transparent;border:var(--border-thin);border-radius:var(--radius-sm);color:var(--ink-muted);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);width:36px}.demo-creds-iconbtn:hover:not(:disabled){background:var(--paper-soft);border-color:var(--hairline-strong);color:var(--ink)}.demo-creds-iconbtn:disabled{cursor:default}.demo-creds-iconbtn:focus-visible{outline:2px solid var(--clay);outline-offset:2px}.demo-creds-sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.demo-creds-error{color:var(--ink-body);font-size:13px;line-height:1.6;margin:var(--space-3) 0 0 0}.demo-creds-error a{color:var(--clay-deep)}.demo-creds-notes{color:var(--ink-muted);font-size:12px;line-height:1.6;list-style:none;margin:var(--space-4) 0 0 0;padding-left:0}.demo-creds-notes li{padding-left:var(--space-4);position:relative}.demo-creds-notes li:before{color:var(--ink-subtle);content:"*";left:0;position:absolute}@media(max-width:639px){.demo-creds-field{flex-wrap:wrap}.demo-creds-field .demo-creds-label{flex:0 0 100%;min-width:0}.demo-creds-iconbtn{height:44px;width:44px}}@media(min-width:768px){.demo-creds{padding:var(--space-8)}}