/* ちらつきを防ぎ、タッチ操作をスムーズにします */
body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* 表示する文字のスタイル */
.display-text-style {
    text-shadow: 0 0 10px rgba(0,0,0,0.5), 0 0 20px rgba(0,0,0,0.5);
}
/* 縦書き用のスタイル */
.vertical-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}
/* コントロールパネルを非表示にするためのスタイル */
.controls-hidden {
    transform: translateY(100%);
}
/* プリセットの保存モード時のスタイル */
.preset-save-mode .preset-slot {
    animation: pulse-border 1.5s infinite;
}
@keyframes pulse-border {
    0%, 100% { border-color: #6366f1; }
    50% { border-color: #a5b4fc; }
}
/* アクティブなサイズボタンのスタイル */
.active-size-button {
    background-color: #4f46e5   !important;
    border-color: #6366f1  !important;
    font-weight: bold;
}
/* スクロールバーのスタイル */
.overflow-y-auto::-webkit-scrollbar {
    width: 8px;
}
.overflow-y-auto::-webkit-scrollbar-track {
    background: transparent;
}
.overflow-y-auto::-webkit-scrollbar-thumb {
    background-color: #4b5563;
    border-radius: 20px;
    border: 2px solid transparent;
    background-clip: content-box;
}
.overflow-y-auto::-webkit-scrollbar-thumb:hover {
    background-color: #6b7280;
}
.overflow-y-auto {
    scrollbar-width: thin;
    scrollbar-color: #4b5563 transparent;
}