.tool[data-tool=css-filter-generator] .stage{background:repeating-conic-gradient(#e5e7eb 0 25%, #fff 0 50%) 0 0 / 16px 16px;border-radius:var(--r-md);padding:var(--space-4);place-items:center;margin-block-end:var(--space-3);display:grid;overflow:hidden}.tool[data-tool=css-filter-generator] .sample{aspect-ratio:4/3;border-radius:var(--r-md);background:linear-gradient(#4aa3f0 0%,#bfe3ff 62%);inline-size:min(100%,18rem);position:relative;overflow:hidden}.tool[data-tool=css-filter-generator] .sun{aspect-ratio:1;background:#ffd23f;border-radius:50%;inline-size:22%;position:absolute;inset-block-start:14%;inset-inline-end:18%}.tool[data-tool=css-filter-generator] .hill{aspect-ratio:1;border-radius:50%;position:absolute;inset-block-end:-30%}.tool[data-tool=css-filter-generator] .hill.a{background:#2f9e44;inline-size:80%;inset-inline-start:-15%}.tool[data-tool=css-filter-generator] .hill.b{background:#e8590c;inline-size:75%;inset-inline-end:-20%}.tool[data-tool=css-filter-generator] .big-output{overflow-wrap:anywhere}