:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fdfaf6;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.2}body{background-color:#fdfaf6;background-image:radial-gradient(circle at 10% 20%,#f9a8d41a 0%,#0000 20%),radial-gradient(circle at 90% 80%,#93c5fd1a 0%,#0000 20%);justify-content:center;place-items:center;width:100vw;height:100vh;margin:0;display:flex;overflow:hidden}#root{box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;max-width:440px;height:100%;padding:1rem;display:flex}header{text-align:center;margin-bottom:1rem}h1{color:#000;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:.25rem;font-family:Syne,sans-serif;font-size:1.75rem;font-weight:800;line-height:1}.text-subtitle{color:#374151;margin-bottom:0;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:500}.card{background:#fff;border:1px solid #e5e7eb;border-radius:32px;flex-direction:column;max-height:85vh;padding:1.25rem;display:flex;position:relative;box-shadow:0 10px 30px #00000008}.step-indicator{justify-content:center;align-items:center;gap:.4rem;margin-bottom:1.25rem;display:flex}.step-dot{background:#e5e7eb;border-radius:50%;width:6px;height:6px}.step-dot.active{background:#000;border-radius:4px;width:18px}button{cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.5rem;font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.btn-primary{color:#fff;background-color:#000}.btn-secondary{color:#000;background-color:#f3f4f6}.school-grid{grid-template-columns:1fr;gap:.3rem;max-height:50vh;display:grid;overflow-y:auto}.school-card{cursor:pointer;background:#fdfaf6;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:.75rem;padding:.5rem 1rem;transition:all .2s;display:flex}.school-card.active{background:#fff;border:2px solid #000}.school-icon{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.input-field{background:#fdfaf6;border:1px solid #e5e7eb;border-radius:16px;width:90%;padding:.75rem 1.25rem;font-family:Space Grotesk,sans-serif;font-size:.9rem}.crop-container{background:#f3f4f6;border-radius:20px;width:100%;height:240px;margin-bottom:.75rem;position:relative;overflow:hidden}.preview-image{border:3px solid #fff;border-radius:24px;max-width:100%;max-height:280px}.upload-area{text-align:center;cursor:pointer;border:2px dashed #e5e7eb;border-radius:24px;padding:2rem 1rem}.controls{border-top:1px solid #f9fafb;justify-content:space-between;gap:.5rem;margin-top:1.25rem;padding-top:1rem;display:flex}.zoom-slider{width:100%;height:6px}footer{text-align:center;color:#9ca3af;text-transform:uppercase;font-size:9px;font-weight:700;position:absolute;bottom:.75rem;left:0;right:0}@media (width<=480px){h1{font-size:1.5rem}.card{border-radius:24px;padding:1rem}.crop-container{height:200px}.preview-image{max-height:220px}}