@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Noto+Sans+JP:wght@400;700&display=swap');
        
        body {
            font-family: 'Inter', 'Noto Sans JP', sans-serif;
            background-color: #f8fafc;
        }

        .glass-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(226, 232, 240, 1);
        }

        .preview-container {
            min-height: 200px;
            border: 2px dashed #cbd5e1;
            transition: all 0.3s ease;
            position: relative;
            z-index: 1;
        }

        .preview-container.active {
            border-style: solid;
            border-color: #3b82f6;
            background-color: #eff6ff;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .fade-in { animation: fadeIn 0.4s ease-out forwards; }

        #file-input {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
            z-index: 20;
        }

        #error-log {
            font-family: monospace;
            font-size: 11px;
        }

        /* トーストアニメーション */
        @keyframes slideIn {
            from { transform: translateX(100%); opacity: 0; }
            to { transform: translateX(0); opacity: 1; }
        }
        .toast-active { animation: slideIn 0.3s ease-out forwards; }

        /* 編集用入力スタイルの調整 */
        .edit-input {
            width: 100%;
            background: transparent;
            border-bottom: 2px solid #e2e8f0;
            padding: 4px 0;
            outline: none;
            transition: border-color 0.2s;
        }
        .edit-input:focus {
            border-color: #3b82f6;
        }

        /* カスタムスクロールバー */
        .custom-scroll::-webkit-scrollbar {
            width: 6px;
        }
        .custom-scroll::-webkit-scrollbar-track {
            background: #f1f5f9;
        }
        .custom-scroll::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 10px;
        }