.canvas-versions{position:fixed;z-index:200;top:var(--oc-dimension-x16);right:0;bottom:0;display:flex;flex-direction:column;gap:var(--oc-dimension-x3);box-sizing:border-box;width:min(400px,100vw);padding:var(--oc-dimension-x4);border-left:1px solid var(--oc-color-stroke-neutral-muted);background:var(--oc-color-bg-layer-default);color:var(--oc-color-fg-neutral);box-shadow:var(--oc-shadow-s3);font-size:var(--oc-font-size-t3)}.canvas-versions[hidden],#btnCanvasVersions[hidden]{display:none}.canvas-versions-head,.canvas-versions-save,.canvas-versions-row{display:flex;gap:var(--oc-dimension-x2);align-items:center}.canvas-versions-head{justify-content:space-between}.canvas-versions h2,.canvas-versions h3,.canvas-versions h4,.canvas-versions p{margin:0}.canvas-versions h2{font-size:var(--oc-font-size-t6)}.canvas-versions h3{margin-top:var(--oc-dimension-x4);margin-bottom:var(--oc-dimension-x2);font-size:var(--oc-font-size-t4)}.canvas-versions button,.canvas-versions input{min-height:40px;padding:var(--oc-dimension-x2) var(--oc-dimension-x3);border:1px solid var(--oc-color-stroke-neutral-muted);border-radius:var(--oc-radius-r2);font:inherit;color:inherit;background:var(--oc-color-bg-layer-default)}.canvas-versions button{cursor:pointer}.canvas-versions input{flex:1;min-width:0}.canvas-versions button:hover,.canvas-versions button[aria-pressed=true]{background:var(--oc-color-bg-brand-weak)}.canvas-versions button:focus-visible,.canvas-versions input:focus-visible{outline:2px solid var(--oc-color-fg-brand);outline-offset:2px}.canvas-versions button:disabled{color:var(--oc-color-fg-disabled);cursor:wait}.canvas-versions-status{color:var(--oc-color-fg-neutral-muted)}.canvas-versions-scroll{flex:1;min-height:0;overflow:auto;overflow-wrap:anywhere;line-height:1.6}.canvas-versions-row{margin-bottom:var(--oc-dimension-x2)}.canvas-versions-row>button:first-child{flex:1;min-width:0;display:grid;gap:var(--oc-dimension-x1);text-align:left}.canvas-versions-badge,.canvas-versions small{color:var(--oc-color-fg-neutral-muted);font-size:var(--oc-font-size-t2)}.canvas-versions section{margin-top:var(--oc-dimension-x4);padding-top:var(--oc-dimension-x3);border-top:1px solid var(--oc-color-stroke-neutral-muted)}.canvas-versions section:empty{display:none}.canvas-versions .canvas-versions-primary{width:100%;color:var(--oc-color-fg-brand);border-color:var(--oc-color-stroke-brand-weak)}#toasts .canvas-versions-undo{pointer-events:auto;margin-left:var(--oc-dimension-x3);color:var(--oc-color-fg-brand);background:var(--oc-color-bg-layer-default);border:0;border-radius:var(--oc-radius-r2);padding:var(--oc-dimension-x2);font:inherit;cursor:pointer}@media(max-width:640px){.canvas-versions{top:0;height:100dvh}.canvas-versions-save{flex-wrap:wrap}.canvas-versions-save input{flex-basis:100%}.canvas-versions-save button{width:100%}}