37 lines
640 B
CSS
37 lines
640 B
CSS
/* Component – Preview area */
|
||
|
||
.tool-preview {
|
||
flex: 1;
|
||
position: relative;
|
||
min-height: 300px;
|
||
transition: border-color var(--speed);
|
||
}
|
||
|
||
.preview-scroll {
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 1.5rem;
|
||
}
|
||
|
||
.preview-scroll canvas {
|
||
image-rendering: pixelated;
|
||
image-rendering: crisp-edges;
|
||
display: block;
|
||
max-width: none;
|
||
}
|
||
|
||
.preview-empty {
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
color: var(--text-muted);
|
||
font-size: 0.875rem;
|
||
text-align: center;
|
||
white-space: nowrap;
|
||
user-select: none;
|
||
pointer-events: none;
|
||
}
|