.ascii-canvas-view{cursor:grab;background-color:var(--cds-background);background-image:radial-gradient(circle,var(--cds-border-subtle-01)calc(.5px*var(--canvas-zoom,1)),transparent calc(.5px*var(--canvas-zoom,1)));background-size:calc(16px*var(--canvas-zoom,1))calc(16px*var(--canvas-zoom,1));background-position:var(--canvas-pan-x,0)var(--canvas-pan-y,0);width:100%;height:100%;position:relative;overflow:hidden}.ascii-canvas-view--dragging{cursor:grabbing}.ascii-canvas-view__content{transform-origin:0 0;-webkit-user-select:none;user-select:none;width:max-content;position:absolute;top:0;left:0}.ascii-canvas-view__toolbar{bottom:var(--cds-spacing-05);right:var(--cds-spacing-04);isolation:isolate;z-index:10;align-items:center;gap:1px;display:flex;position:absolute}.ascii-canvas-view__zoom-button{width:32px;height:32px;padding:var(--cds-spacing-03);background-color:var(--cds-layer-01);cursor:pointer;color:var(--cds-icon-primary);transition:background-color var(--cds-duration-fast-02)var(--cds-standard-easing);border:none;justify-content:center;align-items:center;display:flex}.ascii-canvas-view__zoom-button:hover{background-color:var(--cds-layer-hover-01)}.ascii-canvas-view__zoom-button:focus{outline:2px solid var(--cds-focus);outline-offset:-2px;z-index:1}.ascii-canvas-view__zoom-button svg{fill:currentColor;width:16px;height:16px}.ascii-canvas-view__zoom-button--minus{border-radius:8px 0 0 8px}.ascii-canvas-view__zoom-button--plus{border-radius:0 8px 8px 0}.ascii-canvas-view__zoom-display{justify-content:center;align-items:center;gap:var(--cds-spacing-02);min-width:52px;height:32px;padding:7px var(--cds-spacing-03);background-color:var(--cds-layer-01);cursor:pointer;color:var(--cds-icon-primary);transition:background-color var(--cds-duration-fast-02)var(--cds-standard-easing);border:none;display:flex}.ascii-canvas-view__zoom-display:hover{background-color:var(--cds-layer-hover-01)}.ascii-canvas-view__zoom-display:focus{outline:2px solid var(--cds-focus);outline-offset:-2px;z-index:1}.ascii-canvas-view__zoom-percentage{color:var(--cds-text-primary);white-space:nowrap}.ascii-canvas-view__zoom-chevron{transition:transform var(--cds-duration-fast-02)var(--cds-standard-easing)}.ascii-canvas-view__zoom-chevron--open{transform:rotate(180deg)}.ascii-canvas-view__zoom-dropdown{display:flex}