.letter-container[data-v-2b969479]{display:flex;gap:20px;max-width:1200px;margin:0 auto;padding:20px}.letter-container .main-content[data-v-2b969479]{flex:1;border-radius:20px;padding:20px;min-height:500px}.letter-container .main-content.blue-bg[data-v-2b969479]{background:#488ed8}.letter-container .main-content .placeholder[data-v-2b969479]{color:#fff;text-align:center;padding:40px;font-size:18px}.letter-container .sidebar[data-v-2b969479]{width:300px}.letter-container .sidebar .scale-list[data-v-2b969479]{padding:15px;background-color:#efefef;border-radius:25px}.letter-container .sidebar .scale-list .list-header[data-v-2b969479]{font-size:14px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ddd}.letter-container .sidebar .scale-list .scale-grid[data-v-2b969479]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.letter-container .sidebar .scale-list .scale-grid .scale-button[data-v-2b969479]{border:0;background-color:transparent;padding:10px;cursor:pointer;border-radius:8px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.letter-container .sidebar .scale-list .scale-grid .scale-button[data-v-2b969479]:hover{background-color:#7eaaec;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.letter-container .sidebar .scale-list .scale-grid .scale-button .scale-icon[data-v-2b969479]{width:56px;height:56px;-o-object-fit:contain;object-fit:contain;margin-bottom:8px}.letter-container .sidebar .scale-list .scale-grid .scale-button .scale-name[data-v-2b969479]{font-size:12px;line-height:1.4;text-align:center;word-break:break-word}@media(max-width:768px){.letter-container[data-v-2b969479]{flex-direction:column}.letter-container .sidebar[data-v-2b969479]{width:100%}.letter-container .scale-grid[data-v-2b969479]{grid-template-columns:repeat(4,1fr)!important}}@media(max-width:480px){.scale-grid[data-v-2b969479]{grid-template-columns:repeat(3,1fr)!important}}