.mermaid-file-view .pv-mermaid::-webkit-scrollbar{width:6px;height:6px}.mermaid-file-view .pv-mermaid::-webkit-scrollbar-track{background:0 0}.mermaid-file-view .pv-mermaid::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--text-muted) 55%, transparent);border-radius:var(--app-radius-pill)}.mermaid-file-view .pv-mermaid::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--text-muted) 80%, transparent)}.mermaid-file-view .pv-mermaid-host{flex-direction:column;display:flex}.mermaid-live-measure{inset-inline-start:100vw;visibility:hidden;pointer-events:none;position:fixed;top:0}.mermaid-file-view .pv-body{isolation:isolate;position:relative}.mermaid-file-view__notice{inset-inline:.75rem;z-index:var(--app-z-overlay);border:1px solid var(--status-amber-border);border-radius:var(--app-radius-md);background-color:var(--card-bg,var(--app-bg-card));background-image:linear-gradient(var(--status-amber-bg), var(--status-amber-bg));color:var(--status-amber-text);pointer-events:none;flex-direction:column;gap:.125rem;margin:0;padding:.5rem .75rem;font-size:.75rem;line-height:1.5;display:flex;position:absolute;bottom:.75rem}
.ui-modal-card.image-resize{max-width:80rem;padding:1rem}.image-resize__form{flex-direction:column;gap:.75rem;display:flex}.image-resize__head{flex-wrap:wrap;align-items:baseline;gap:.15rem .75rem;display:flex}.image-resize__body{grid-template-columns:minmax(0,1fr) 19rem;align-items:stretch;gap:1rem;display:grid}.image-resize__body--bare{grid-template-columns:minmax(0,1fr)}@media (max-width:640px){.image-resize__body{grid-template-columns:minmax(0,1fr)}}.image-resize__side{flex-direction:column;gap:.75rem;min-width:0;display:flex}.image-resize__options{flex-direction:column;gap:.7rem;min-width:0;display:flex}.image-resize__foot{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.image-resize__actions>*{flex:1 1 0}.image-resize__title{font-size:var(--app-type-callout);font-weight:var(--doc-weight-bold);margin:0}.image-resize__source{color:var(--text-muted);font-size:var(--app-type-caption);font-variant-numeric:tabular-nums;margin:0}.image-resize__formats{align-self:flex-start}.image-resize__size{align-items:flex-end;gap:.5rem;display:flex}.image-resize__field{min-width:0;font-size:var(--app-type-caption);color:var(--text-muted);flex-direction:column;flex:1 1 0;gap:.25rem;display:flex}.image-resize__output{font-size:var(--app-type-caption);color:var(--text-muted);overflow-wrap:anywhere;margin:0}.image-resize__output strong{color:var(--doc-header-text)}.image-resize__actions{justify-content:flex-end;gap:.5rem;display:flex}.image-resize__option{flex-direction:column;gap:.35rem;display:flex;position:relative}.image-resize__label{color:var(--text-muted);font-size:var(--app-type-caption);font-weight:var(--doc-weight-bold)}.image-resize__segments{flex-wrap:wrap;align-self:flex-start;max-width:100%}.image-resize__colour{align-items:center;gap:.4rem;display:inline-flex}.image-resize__dot{border:1px solid var(--doc-header-border);border-radius:var(--doc-radius-full);width:.75rem;height:.75rem}.image-resize__colour-input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;bottom:0;left:0}.image-resize__preview{flex-direction:column;gap:.4rem;margin:0;display:flex}.image-resize__screen{aspect-ratio:16/10;border:1px solid var(--doc-header-border);border-radius:var(--doc-radius-md);background:var(--code-bg,var(--surface-alt));justify-content:center;align-items:center;min-height:14rem;max-height:calc(100dvh - 12rem);padding:.25rem;display:flex;overflow:hidden;container-type:size}.image-resize__shot{object-fit:contain;outline:1px solid color-mix(in srgb, var(--text-muted) 70%, transparent);background-color:var(--card-bg);background-image:repeating-conic-gradient(color-mix(in srgb, var(--text-color) 12%, transparent) 0% 25%, transparent 0% 50%);background-size:16px 16px;max-width:100cqw;max-height:100cqh;display:block}.image-resize__note{min-height:1.5em;margin:0}.image-resize__note.image-resize__failed{text-align:left}.image-resize__making,.image-resize__summary{color:var(--text-muted);font-size:var(--app-type-caption);font-variant-numeric:tabular-nums}.image-resize__summary{margin:0}.image-resize__failed{color:var(--status-rose-text);font-size:var(--app-type-caption);text-align:center;margin:0}.image-crop{width:min(100cqw, calc(100cqh * var(--image-crop-ratio)));aspect-ratio:var(--image-crop-ratio);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:1px solid color-mix(in srgb, var(--text-muted) 70%, transparent);background:var(--card-bg);flex-shrink:0;position:relative}.image-crop:active{cursor:grabbing}.image-crop:focus-visible{outline:2px solid var(--doc-header-primary-btn,var(--primary));outline-offset:2px}.image-crop__ghost,.image-crop__picture{pointer-events:none;max-width:none;display:block;position:absolute}.image-crop__ghost{opacity:.28}.image-crop__window{position:absolute;inset:0;overflow:hidden}.image-crop__window--clear{background-color:var(--card-bg);background-image:repeating-conic-gradient(color-mix(in srgb, var(--text-color) 12%, transparent) 0% 25%, transparent 0% 50%);background-size:16px 16px}.image-resize__hint{color:var(--text-muted);font-size:var(--app-type-caption);margin:0}.image-resize__centre{margin-left:auto}.image-resize__original{align-self:flex-start}@media (min-width:641px){.image-resize__screen{min-height:24rem}}
.image-view.image-view--sized{justify-content:flex-start;align-items:flex-start}.image-view.image-view--sized .image-view__img{flex-shrink:0;max-width:none;margin:auto}.image-view.is-pannable{cursor:grab}.image-view.is-pannable:active{cursor:grabbing}.image-view__img.image-view__img--checker{background-color:var(--card-bg);background-image:repeating-conic-gradient(color-mix(in srgb, var(--text-color) 12%, transparent) 0% 25%, transparent 0% 50%);background-size:16px 16px}.image-view__img.image-view__img--light{background:var(--neutral-light-card)}.image-view__img.image-view__img--dark{background:var(--app-code-plate-bg)}.image-view-pane .pv-body{position:relative}.image-view__ground-input{top:var(--pv-float-clearance,0);right:var(--pv-float-offset,0);opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute}.image-view-pane .pv-note:has(.image-view__message--done){border-bottom-color:var(--green-border);background:var(--green-bg);color:var(--green)}