生成した CSS はそのまま使えますか?
はい。background や box-shadow などのプロパティをそのままコピーして、対象の要素に貼り付けてください。ベンダープレフィックスは付けていません。linear-gradient・radial-gradient・box-shadow は主要ブラウザで長く安定して使えます。conic-gradient は比較的新しい機能です。
カラーストップの位置は省略できますか?
CSS では省略でき、その場合は等間隔に配置されます。このツールでは意図した位置を明示するため常に % を出力します。不要なら貼り付けたあとに数値だけ消してください。
ボックスシャドウのレイヤーはいくつまで重ねられますか?
CSS 側の上限はなく、カンマ区切りで好きなだけ並べられます。このツールでは扱いやすさを優先して 5 レイヤーまでにしています。自然な影は「小さくて濃い影」と「大きくて薄い影」を 2〜3 枚重ねると作りやすいです。
パターンは画像を使っていませんか?
使っていません。ストライプは repeating-linear-gradient、ドットは radial-gradient と background-size、チェック柄は conic-gradient で作っています。画像リクエストが増えず、拡大しても粗くならず、色の変更もコード上で完結します。