.app-header{background-color:#fafad1;box-shadow:0 2px 5px rgba(0,0,0,.05);padding:10px 20px;margin:-20px -20px 20px;box-sizing:border-box}.header-logo{width:200px;height:auto;object-fit:cover;border-radius:8px}.header-logo-area{display:flex;align-items:center;gap:20px}.header-title h1{font-size:24px;margin:0;color:#52591d}.header-title p{font-size:14px;margin:0;color:#eee}body{font-family:Noto Sans JP,sans-serif;line-height:1.5;margin:0;padding:20px;font-size:16px;background-color:#f5f5f5;color:#444}h1,h2,h3{font-family:Noto Sans JP,sans-serif;font-weight:700;color:#333}h3{font-size:20px}button,input,select,textarea{font-family:Noto Sans JP,sans-serif;font-size:14px;color:#444}select#speakerSelect{width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#exportSettingsSection h2,#preview h2{text-align:left;margin-left:0}.btn{background-color:#4f46e5;color:white;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:700}.btn:hover{background-color:#4338ca}.shutdown-btn{background-color:#d32f2f;color:white;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:700}.shutdown-btn:hover{background-color:#b71c1c}.thumbnail-wrapper{border:2px solid black;padding:15px;margin-bottom:20px}.thumbnail-container{display:flex;align-items:center;gap:20px}.thumbnail-preview{display:flex;flex-direction:column;align-items:center;gap:10px}.thumbnail-text{display:flex;flex-direction:column;justify-content:center;gap:5px}#thumbnailTitle{width:300px;height:80px;padding:8px;font-size:14px;font-family:Noto Sans JP,sans-serif;border:1px solid #ddd;border-radius:4px;resize:vertical}.video-preview-container{border:2px solid #ccc;padding:15px;max-width:100%;margin:0;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;background-color:#fff}#videoPreviewContainer{grid-template-columns:repeat(auto-fill,minmax(390px,1fr));justify-content:start}#thumbnailSettings,#videoPreviewContainer{display:grid;gap:20px;margin:20px 0;max-width:100%}#thumbnailSettings{border:2px solid #ccc;width:fit-content;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}#thumbnailSettings,.thumbnail-container{padding:15px;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;background-color:#fff}#thumbnailPreview{max-width:150px!important;height:auto!important;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);background-color:#000}.video-content-wrapper{display:flex;flex-direction:row;align-items:flex-start;gap:10px}.video-wrapper{align-items:center}.subtitle-wrapper,.video-wrapper{display:flex;flex-direction:column;gap:10px}.subtitle-wrapper{align-items:flex-start}.video-wrapper video{width:150px;height:auto}.subtitle-textarea{width:190px;height:80px;padding:8px;font-size:14px;font-family:Noto Sans JP,sans-serif;border:1px solid #ddd;border-radius:4px;resize:vertical}#exportSettingsContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(390px,1fr));gap:20px;margin:20px 0;max-width:100%;justify-content:start}#bgmContainer,#narrationSettings,#settingsContainer{border:2px solid black;padding:15px;margin-bottom:20px}.btn:disabled{opacity:.5;cursor:not-allowed;background-color:#9ca3af}.btn.generating{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:white;padding:30px;border-radius:12px;max-width:600px;max-height:80vh;overflow-y:auto}.video-list{display:flex;flex-direction:column;gap:10px;margin:20px 0}.video-list-item{padding:12px;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s}.video-list-item:hover{background:#f0f0f0;border-color:#4f46e5}