@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600&family=Montserrat:wght@400;500;600&family=Muli:wght@400;700&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{line-height: 1.5;font-family:'Montserrat',sans-serif;background:#fdfcf3;color:#0a2271;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px}
.container{width:100%;max-width:900px}
h1{font-family:'Oswald',sans-serif;font-size:30px;font-weight:600;color:#C95837;letter-spacing:.5px; text-align: center;}
details > summary{font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#3564FF;margin-bottom:20px}
details{margin-bottom:50px;}
.section{margin: 22px 0px 22px 0px ;justify-content:center;}
.section-label{font-weight:600;color:#C95837;margin-bottom:10px}
.drop-zone{border:2px dashed #FFCA1E;border-radius:25px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .2s;background:white;position:relative;}
.drop-zone:hover{background:#fffbe6;}
.drop-zone.has-file{border-style:solid;border-color:#FFCA1E;background:#fffbe6}
.drop-zone.drag-over{background:#fffbe6;border-color:#C95837;transform:scale(1.01)}
.drop-zone input[type="file"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.drop-icon{font-size:28px;margin-bottom:8px;display:block}
.file-name{font-size:12px;font-weight:600;color:#C95837;margin-top:8px}
.btn-generate{width: 100%;justify-content: center;font-family:'Montserrat',sans-serif;padding:10px;background:#3564FF;color:#fffbe6;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s}
.btn-generate:hover:not(:disabled){background:#0a2271;transform:translateY(-1px)}
.btn-generate:disabled{opacity:.35;cursor:not-allowed}
.status{margin-top:16px;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:500;display:none;line-height:1.5}
.status.success{display:block;background:#e8f5e9;color:#1b5e20;border-left:3px solid #4caf50}
.status.error{display:block;background:#fce4ec;color:#880e4f;border-left:3px solid #e91e63}
.status.loading{display:block;background:#e3f2fd;color:#0d47a1;border-left:3px solid #2196f3}
.lakesi-credit{margin-top:28px;font-size:12px;color:#0a2271;font-family:'Montserrat',sans-serif}
.lakesi-credit span{font-family:'Muli',sans-serif;font-weight:700;color:#3564FF}
.lakesi-line{text-align: center; margin-bottom:50px}
ol {padding-left: 30px;}
.column {display: flex; gap: 2rem; align-items: flex-start;}
.steps { flex: 0 0 70%; }
.screen { flex: 0 0 30%; }
.screen img {  width: 100%; height: auto;}