demoのcssのカスタマイズについて

はじめまして。
cmsは初めてで、html、cssの知識はwebクリエイター上級程度です。
まだ編集作業などは一切しておりません。
■ BaserCMSのバージョン：2.0.5.1
■ レンタルサーバー名：ロリポップ
■ スマートURLの利用：　[ON
■ 設置フォルダ：　分かりません
■ 利用しているデータベース：SQLite
■ PHPスキル（自己評価）：　E
アップロードは画像はffftp basercmsは簡単インストールです。

basercms2.0.5.1のdemoテーマをインストールして見て、スマートフォンで確認したのですがWordPressのテーマなどより最適化がとても好みなので利用して行こうと思っているのですが、
何点かご質問したいことがあります。

1・index内のcssを編集するには、theme/demoのcssをffftpなどで編集すればいいんでしょうか？

2・また編集する際はcssで編集するとスマートフォンの最適化は崩れてしまうのでしょうか？

3・皆さんはテーマをカスタマイズする時はcssでカスタマイズされていますか?またcssでカスタマイズするコツなどございましたらご教授お願いいたします。

引用：
そうです。特にスマホのCSSファイルは「demo/css/smartphone/」内にあると思います。
（ただ、CSSは管理画面のテーマ管理からも編集できたように思います）

引用：
CSSの使い方次第ではないでしょうか。

引用：
個人的にはデザインから新しく作ることが多いのですが、一般的に既存テーマを基にしてカスタマイズするならば、画像の差替えとCSSの調整になるのだと思います。