.tile-section{display:flex;gap:40px;padding:80px;background:#f5f5f5;justify-content:center}.tile-form,.tile-result{background:#fff;padding:30px;border-radius:15px;width:400px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.tile-section h2{text-align:center;margin-bottom:20px}.tile-section select,.tile-section input{width:100%;padding:8px;margin-bottom:15px;border-radius:8px;border:1px solid #ddd}.note{font-size:12px;color:#777}.btn-group{display:flex;gap:10px}.tile-section button{flex:1;padding:12px;border:none;border-radius:8px;cursor:pointer}.tile-section button:first-child{background:#eee}.tile-section button:last-child{background:#111;color:#fff}.result-box p{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #eee}.tile-section{display:flex;gap:40px;padding:60px 20px;justify-content:center}@media (max-width:768px){.tile-section{flex-direction:column}.tile-form,.tile-result{width:100%}}