.tool[data-tool=css-transform-generator] .stage{background:var(--c-surface-2);border-radius:var(--r-md);block-size:18rem;place-items:center;margin-block-end:var(--space-3);display:grid;position:relative;overflow:hidden}.tool[data-tool=css-transform-generator] .ghost,.tool[data-tool=css-transform-generator] .box{border-radius:var(--r-sm);grid-area:1/1;block-size:7rem;inline-size:7rem}.tool[data-tool=css-transform-generator] .ghost{border:2px dashed var(--c-border-strong)}.tool[data-tool=css-transform-generator] .box{background:var(--c-primary);color:var(--c-on-primary);opacity:.9;place-items:center;font-weight:700;display:grid}.tool[data-tool=css-transform-generator] .big-output{font-size:var(--fs-md);overflow-wrap:anywhere;white-space:pre-wrap}
