body{background-color:#d6eaf8;font-family:sans-serif;margin:0}.container{display:flex;height:100vh}.column{border-right:1px solid #ccc;box-sizing:border-box;flex:1 1;padding:20px}.column:last-child{border-right:none}@media (max-width:768px){.container{flex-direction:column;height:auto}.column{border-bottom:1px solid #ccc;border-right:none;padding:16px}.column:last-child{border-bottom:none}.search-box input{width:100%}.tile-row{flex-direction:column;gap:12px}.tile-item{width:100%}iframe{height:auto;max-width:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-box{display:flex;margin-bottom:10px}.search-box input{border:2px solid #007bff;border-radius:8px;font-size:16px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:50%}.search-box input:focus{border-color:#0056b3;box-shadow:0 0 0 2px #007bff40}.search-box input::placeholder{color:#999}.search-box button{background-color:#3498db;border:none;color:#fff;cursor:pointer;padding:6px 12px}.column.search-section{display:flex;flex-direction:column;height:100vh;position:relative}.search-footer{background:#fff;border-top:1px solid #ccc;display:flex;gap:20px;justify-content:center;margin-top:auto;padding:10px 16px}.search-footer button,.search-footer i{background:none;border:none;color:#444;cursor:pointer;font-size:20px}.search-footer .active,.search-footer button:hover i,.search-footer i:hover{color:#007bff}.search-footer button.active{background-color:#3498db;border-radius:4px;color:#fff}.results{list-style:none;margin:10px 0;padding:0}.results li{cursor:pointer;padding:5px 0}.results.list{list-style:none;margin:0;padding:0}.results.list .result-item{align-items:center;display:flex;margin-bottom:10px}.results.tile{display:flex;flex-direction:column;gap:12px}.tile-row{display:flex;gap:20px;justify-content:space-between}.tile-item{align-items:center;display:flex;flex:1 1;flex-direction:column;text-align:center}.recent h3{margin-bottom:10px}.recent ul{list-style:none;padding:0}.recent li{cursor:pointer;padding:5px 0}.result{align-items:center;display:flex;justify-content:center}.result img{border:2px solid #000;max-height:300px;max-width:100%}.artist-info{align-items:center;display:flex;flex-direction:column}.artist-image{border-radius:8px;height:auto;margin-bottom:16px;max-width:100%}iframe{border:none;height:120px;max-width:400px;width:100%}
/*# sourceMappingURL=main.bf69d8c4.css.map*/