.snapshot-viewer{--snapshot-panel: var(--panel, #fff);--snapshot-line: var(--line, #dce5e9);--snapshot-text: var(--text, #283e4b);--snapshot-muted: var(--muted, #82929c);--snapshot-blue: var(--blue, #1689bd);--snapshot-active: var(--active, #e7f4fa);--snapshot-stage: var(--canvas, #203746);display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;background:var(--snapshot-panel);color:var(--snapshot-text);font:calc(12px * var(--ui-text-scale, 1))/1.2 "DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:none;position:relative;container-type:inline-size}@container (max-width: 400px){.snapshot-title-prefix{display:none}}.snapshot-toolbar{display:flex;align-items:center;gap:6px;height:34px;flex:none;padding:0 4px 0 10px;border-bottom:1px solid var(--snapshot-line);user-select:none;cursor:grab}.snapshot-viewer.desktop .snapshot-toolbar{-webkit-app-region:drag;cursor:default}.snapshot-viewer.desktop .snapshot-toolbar button,.snapshot-viewer.desktop .snapshot-zoom{-webkit-app-region:no-drag}.snapshot-title{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.snapshot-tools{display:flex;align-items:center;gap:1px;flex:none}.snapshot-button{display:inline-grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:5px;background:transparent;color:inherit;cursor:pointer}.snapshot-button:hover:not(:disabled){background:var(--snapshot-active);color:var(--snapshot-blue)}.snapshot-button[aria-pressed=true]{background:var(--snapshot-active);color:var(--snapshot-blue)}.snapshot-button:disabled{opacity:.4;cursor:default}.snapshot-button:focus-visible{outline:2px solid var(--snapshot-blue);outline-offset:-2px}.snapshot-button.labeled{display:inline-flex;align-items:center;gap:5px;width:auto;padding:0 8px 0 7px;font:inherit;font-weight:500;white-space:nowrap}.snapshot-separator{flex:none;width:1px;height:16px;margin:0 4px;background:var(--snapshot-line)}@container (max-width: 380px){.snapshot-button-more{display:none}}@container (max-width: 290px){.snapshot-button-text{display:none}.snapshot-button.labeled{width:26px;padding:0;justify-content:center}}.snapshot-zoom{min-width:44px;text-align:center;font-variant-numeric:tabular-nums;color:var(--snapshot-muted);cursor:default}.snapshot-stage{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:var(--snapshot-stage);cursor:grab;touch-action:none}.snapshot-stage[data-tool=pen],.snapshot-stage[data-tool=highlighter]{cursor:crosshair}.snapshot-stage[data-tool=eraser]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='6' fill='%23ffffffb0' stroke='%23283e4b' stroke-width='1.2'/%3E%3C/svg%3E") 8 8,cell}.snapshot-stage.panning{cursor:grabbing}.snapshot-ink-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.snapshot-ink-layer.highlights{mix-blend-mode:multiply}.snapshot-canvas{position:absolute;left:0;top:0;width:0;height:0;display:block;box-shadow:0 1px 6px #0005;pointer-events:none}.snapshot-message{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:12px;color:#d5e2e8;text-align:center}.snapshot-status{position:absolute;left:50%;bottom:46px;transform:translate(-50%);padding:5px 10px;border-radius:12px;background:#102433e6;color:#fff;white-space:nowrap;pointer-events:none}.snapshot-inkbar{display:flex;align-items:center;justify-content:space-between;gap:6px;height:36px;flex:none;padding:0 4px 0 6px;border-top:1px solid var(--snapshot-line);user-select:none}@container (max-width: 390px){.snapshot-zoom-tools .snapshot-zoom{display:none}}@container (max-width: 340px){.snapshot-zoom-tools{display:none}}.snapshot-ink-tool{position:relative;display:flex;align-items:center;border-radius:5px}.snapshot-ink-tool.active{background:var(--snapshot-active);color:var(--snapshot-blue)}.snapshot-ink-tool .snapshot-ink-button[aria-pressed=true]{background:transparent}.snapshot-ink-button{position:relative}.snapshot-ink-color{position:absolute;left:7px;right:7px;bottom:2px;height:3px;border-radius:2px;box-shadow:inset 0 0 0 1px #2c3e4a33}.snapshot-chevron{display:inline-grid;place-items:center;width:13px;height:26px;margin-left:-2px;padding:0;border:0;border-radius:0 5px 5px 0;background:transparent;color:var(--snapshot-muted);cursor:pointer}.snapshot-chevron:hover,.snapshot-chevron[aria-expanded=true]{background:var(--snapshot-active);color:var(--snapshot-blue)}.snapshot-chevron:focus-visible,.snapshot-swatch:focus-visible{outline:2px solid var(--snapshot-blue);outline-offset:-2px}.snapshot-ink-popover{position:absolute;left:-2px;bottom:calc(100% + 9px);z-index:5;width:214px;padding:10px 12px 12px;border:1px solid var(--snapshot-line);border-radius:7px;background:var(--snapshot-panel);color:var(--snapshot-text);box-shadow:0 8px 30px #112a3d33,0 2px 7px #112a3d12;cursor:default}.snapshot-ink-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 0 8px;color:var(--snapshot-muted);font-size:calc(11px * var(--ui-text-scale, 1));font-weight:600}.snapshot-ink-heading output{color:var(--snapshot-text);font-weight:500;font-variant-numeric:tabular-nums}.snapshot-swatches{display:grid;grid-template-columns:repeat(8,18px);justify-content:space-between;row-gap:7px;margin-bottom:12px}.snapshot-swatch{width:18px;height:18px;padding:0;border:2px solid var(--snapshot-panel);border-radius:50%;outline:1px solid transparent;background:var(--swatch);box-shadow:0 0 0 1px #64748b55;cursor:pointer}.snapshot-swatch[aria-checked=true]{outline:2px solid var(--snapshot-blue);outline-offset:1px}.snapshot-size{flex:1 0 100%;margin:8px 0 0;accent-color:var(--snapshot-blue)}.snapshot-ink-preview{display:block;width:100%;height:56px;margin-top:8px;border:1px solid var(--snapshot-line);border-radius:5px;background:#fff}.snapshot-preview-text rect{fill:#9aa7ae}.snapshot-panel{position:fixed;z-index:300;display:flex;min-width:200px;min-height:120px;border:1px solid var(--line, #dce5e9);border-radius:8px;overflow:hidden;background:var(--panel, #fff);box-shadow:0 10px 32px #0b1a2440,0 2px 6px #0b1a2426}.snapshot-panel.moving .snapshot-toolbar{cursor:grabbing}.snapshot-resize{position:absolute;right:0;bottom:0;width:16px;height:16px;padding:0;border:0;background:linear-gradient(135deg,transparent 55%,var(--muted, #82929c) 55%,var(--muted, #82929c) 62%,transparent 62%,transparent 72%,var(--muted, #82929c) 72%,var(--muted, #82929c) 79%,transparent 79%);cursor:nwse-resize;touch-action:none}