:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background-color:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;width:100%;min-height:100vh;background:#f3f4f6;color:#1f2937;font-family:Inter,sans-serif;overflow-x:hidden}#root{width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden;background:#f3f4f6}.app-responsive-wrapper{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 8px 32px;box-sizing:border-box}@media(max-width:900px){.app-responsive-wrapper{padding:0 2vw 24px}.preview-container,.editor-container{max-height:none;height:auto;min-height:unset;padding:8px}}@media(max-width:600px){.app-responsive-wrapper{padding:0 0 16px}.preview-container,.editor-container{padding:4px}button,input,textarea,select{font-size:1.05em}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;color:#1f2937;overflow-x:hidden;width:100%;height:100%;margin:0;padding:0;min-height:100vh}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.editor-container{max-height:600px;overflow-y:auto;overflow-x:hidden;padding:16px;border:1px solid #E5E7EB;border-radius:8px}.preview-container{max-height:700px;overflow:hidden}.slide-transition{transition:all .2s ease-out}.accordion{max-height:80vh;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in{animation:slideIn .4s ease-out}