@media (max-width:768px){h1{margin-bottom:1.5rem;font-size:2rem}h2{font-size:1.25rem}button{width:90%;padding:.7rem 1rem}.responsive-image{max-width:90%}select{width:90%}}.App{text-align:center;background:#f0f4f8;flex-direction:column;align-items:center;min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}h1{color:#1f2937;margin-bottom:2rem;font-size:2.5rem}h2{color:#374151;margin-top:2rem;font-size:1.5rem}h3{color:#111827;margin-top:1.5rem}button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:12px;margin:1rem 0;padding:.8rem 1.6rem;font-size:1rem;transition:all .2s;box-shadow:0 4px 10px #0000001a}button:hover{background:#6366f1;transform:translateY(-2px)}button:disabled{cursor:not-allowed;background:#a5b4fc}.download-button{background:#10b981}.download-button:hover{background:#059669}.responsive-image{border:1px solid #e5e7eb;border-radius:16px;width:90%;max-width:400px;height:auto;margin:1rem 0;box-shadow:0 6px 15px #0000001a}.mode-checkboxes{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.mode-checkboxes label{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000d}.mode-checkboxes label:hover{transform:translateY(-1px)}.mode-checkboxes input[type=checkbox],.mode-checkboxes input[type=radio]{cursor:pointer}.mode-checkboxes label:last-child{color:#065f46;border:1px solid #10b981}select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;margin-top:.5rem;padding:.6rem 1rem;font-size:1rem;transition:all .2s}select:hover{border-color:#4f46e5;box-shadow:0 2px 6px #4f46e533}.obstacle-count{color:#065f46;background:#ecfdf5;border-radius:999px;margin-bottom:.5rem;padding:.4rem .8rem;font-weight:600;display:inline-block}.predict-button-container{margin-top:.5rem}@media (max-width:768px){h1{margin-bottom:1.5rem;font-size:2rem}h2{font-size:1.25rem}button{width:90%;padding:.7rem 1rem}.responsive-image{max-width:90%}select{width:90%}}button{color:#fff;cursor:pointer;text-align:center;background:#4f46e5;border:none;border-radius:12px;min-width:200px;max-width:300px;margin:1rem 0;padding:.8rem 2rem;font-size:1rem;transition:all .2s;display:inline-block;box-shadow:0 4px 10px #0000001a}@media (max-width:768px){button{width:90%;min-width:unset;max-width:unset;padding:.7rem 1rem}}