body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:#f4f4f9;font-family:Roboto,sans-serif;justify-content:center}.main-container,body{display:flex;height:auto;max-width:100%;width:100%}.main-container{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #0000001a;min-height:500px;overflow:hidden}.sidebar{background:url(/static/media/Rectangle%2012.cc2a93f87554aa3497b9.png) no-repeat 50%;background-size:cover;border-radius:20px;border-right:1px solid #ccc;color:#fff;display:flex;flex-direction:column;height:100vh;margin:2rem;padding:20px;width:16%}.sidebar-logo{height:auto;margin-bottom:20px;width:100%}.divider{border:0;border-top:1px solid #fff;margin:10px 0}.sidebar-subheading{font-size:26px;margin-bottom:20px}.exercise-card{background-color:initial;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:20px;margin-bottom:10px;margin-left:0;padding:5px;text-align:center}.exercise-card.highlighted{background-color:#fff;border-radius:50px;color:#000}.container{display:flex;flex-direction:column;max-width:1440px;padding:20px;width:1100px}#exercise-title{font-size:30px;margin-bottom:10px}.exercise-description{font-size:20px;margin-bottom:20px}.prompt-section{width:100%}.prompt-label{color:#4479df;display:block;font-size:16px;font-weight:700;margin-bottom:5px}textarea{border:1px solid #ccc;border-radius:5px;font-family:Roboto,sans-serif;margin-bottom:10px;padding:10px;resize:vertical;width:100%}.button-group{display:flex;gap:10px;justify-content:flex-end}button{border:none;border-radius:30px;cursor:pointer;font-family:Roboto,sans-serif;padding:10px 20px}.reset-button{background-image:linear-gradient(90deg,#525252,#494949,#404040,#373737,#2e2e2e);color:#fff}.download-button,.generate-button{background-image:linear-gradient(90deg,#38b7ff,#2398e6,#177acc,#155db1,#184094);color:#fff}.settings-wrapper{display:flex;flex-direction:column;width:100%}.settings-label{display:block;font-size:16px;margin-bottom:5px}.settings-section{border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:20px;width:100%}.settings-columns{display:flex;justify-content:space-between;position:relative}.left-column,.right-column{color:#666;display:flex;flex-direction:column;font-size:14px;gap:12px;width:48%}.setting-item{align-items:center;display:flex;justify-content:space-between}input[type=number],input[type=text]{border:1px solid #ccc;border-radius:5px;font-family:Roboto,sans-serif;margin-left:10px;max-width:60px;padding:6px}.settings-columns:before{border-left:1px solid #b0b0b0;bottom:0;content:"";left:50%;position:absolute;top:0}.file-upload-container{align-items:center;display:flex;gap:10px;margin-top:20px;padding:3px}.browse-button,.file-upload-container{border:1px solid #ccc;border-radius:20px}.browse-button{background-image:linear-gradient(90deg,#525252,#494949,#404040,#373737,#2e2e2e);color:#fff;cursor:pointer;margin-right:10px;padding:8px 16px}.file-upload-label{flex-grow:1;text-align:left}.output-section{margin-top:0}.output-label{color:#4479df;display:block;font-size:16px;font-weight:700;margin-bottom:5px}textarea[readonly]{background-color:#f9f9f9;cursor:not-allowed;height:450px}.output-section textarea::placeholder,.prompt-section textarea::placeholder{color:#d3d3d3}.input-settings-container{display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}#case-study-2 .left-column,#case-study-2 .right-column{width:48%}#case-study-2 .prompt-section,#case-study-2 .settings-wrapper{width:100%}#case-study-2 .output-label,#case-study-2 .prompt-label,#case-study-2 .settings-label{color:#4479df;display:block;font-size:16px;font-weight:700;margin-bottom:5px}#case-study-2 textarea{border:1px solid #ccc;border-radius:5px;color:#000;font-family:Roboto,sans-serif;margin-bottom:10px;padding:10px;resize:vertical;width:100%}#case-study-2 .button-group{display:flex;gap:10px;justify-content:flex-end}#case-study-2 button{border:none;border-radius:30px;cursor:pointer;font-family:Roboto,sans-serif;padding:10px 20px}#case-study-2 .reset-button{background-image:linear-gradient(90deg,#525252,#494949,#404040,#373737,#2e2e2e);color:#fff}#case-study-2 .download-button,#case-study-2 .generate-button{background-image:linear-gradient(90deg,#38b7ff,#2398e6,#177acc,#155db1,#184094);color:#fff}#case-study-2 .settings-section{border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:20px;width:100%}#case-study-2 .settings-columns{display:flex;justify-content:space-between;position:relative}#case-study-2 .left-column,#case-study-2 .right-column{display:flex;flex-direction:column;font-size:14px;gap:12px}#case-study-2 .setting-item{align-items:center;display:flex;justify-content:space-between}#case-study-2 .setting-label{display:block;margin-bottom:0!important}#case-study-2 input[type=number],#case-study-2 input[type=text]{border:1px solid #ccc;border-radius:5px;font-family:Roboto,sans-serif;margin-left:5px;max-width:70px;padding:6px}#case-study-2 .settings-columns:before{border-left:1px solid #b0b0b0;bottom:0;content:"";left:50%;position:absolute;top:0}#case-study-2 .output-section{margin-top:0}#case-study-2 .output-box{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:10px;display:flex;height:450px;justify-content:center;overflow:hidden;padding:20px;width:100%}#case-study-2 .prompt-section textarea::placeholder{color:#d3d3d3}#case-study-2 .placeholder{align-items:center;color:#d3d3d3;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}#case-study-2 .placeholder-icon{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARsSURBVHgB7ZyNVdswFEZfTAZgAU6cCYAJGiZomACYgGwQMgF0gqYTlE7QdIKGCeIEBmABoN9LpeCESLYlmdjOu+f4xI3kYq71+yRMJAiCIAiCIAiCIKzTsiXOZrNDfPSiKIpfX18PaY+Bg2c4SHA66Xa7z6Z8W4VCZO/g4GD49vbWI+EDrVbr/uXlZQSx0w9p6X9wiVQiByRkArF3SuyqxK6EskwU6984PSGhCFM0BWdaaqS/Rcn8SSLThRPlbslS6OPj47W0l+6wO9TwZTPZUlX9L85jEnzgUUC3jZM+2WVy23CPzHPaY9ABHePoW7LwsPKyjUxfLZkS1eAmJHDHHauOOzZk6XEbauyIIHskMt9hFyhgV6Z0yD6OIC02ZcAY656ETaaWtDiyJJJtirWvZDmxChWKI0ID06YS2IxS5Y3UNIGgQrdFqSBz7XOxWBgjNU0gSJXnEglRtzxGy5rCIr3PMzPOr0pyo/AWqqNURUN+nJ+va5pUb6GeUaq1SE0T8BIaIkqVjtQ0AWehXFXRcwcRgao/bErV9ymheaJUY0gfoRRmTWGXkRpqAM7DpqJRqjyRGhx3VHN8SmihKFWeSA01AGehjlEqa6SGGoDM5QPjLBQdTWJJNjUHtiWEhBqATwk1Vl+0h9+5E0p/pzqloekatK8P1ACce3mU0D+WRSuWN1OBkAfMhjo8h6f/w6OtIE8jVgd8ok1jHFzijJJUIKSPT8ogCbnckgoffsFDP1T38ozzB/ycSZnrZM5COa6JGx/hpm/JE1T3byHipCyy3W5fqxmcFrlK53MOI6LmjFUIMaHAePXyuKE7PPUJeYBfkkuM94D+6enpgpsZyLwhS61RP/OS8yIWMaTAeA+b8KTPyT6+tDHFL3dOnrAY3MeYMkRuwvJDS/UWylWVp5lcbYtcx/nTu9ZcYSGqVDoRWmqQgT1LwTHAzZ1mBUK4iiuRg13L1ISU2prP58YuuNPpWLeMm/iMRbpQMtPgPm+Ojo5GWflszkoRWjZ5ZXJtQKf5C3n5IfIDvsi6Jo9Um7NSlpHLJK9MjsOiNqTzjVFzJjyLy7iOqz/lKanbqFVwxEPmEnw3toUQU9c7t6m1EeorU1O21FoIDSVTU6bUygsNLVNTltRKCy1LpqYMqZUVWrZMTWiplRw2fZZMDUvFkIryDqnwacxTuRL62TI1RUqqLb1SQnclU5NXqo3KCN21TI2v1EoIrYpMjY/UnQutmkyNq9SdCq2qTI2L1J0JrbpMTVGpOxFaF5maIlKtQsvYBFs3mZq8UiPHPUpO1FWmRkm1LUYmXEIL7VFype4yGbU/y7jRmPdn8RsdBlm7P9RrdZw3c+H/71C+Ld8JbuoHVZA8+7Pg6Uq/ImNGBTcJCB/gwnAaqY0KTgtSwjt6f9ZqmXixWGT+WaGwHV6ujuP4jM9XwybPPUr7zNr+rJVQ1z1K+8y2/VmmlwmeoMcaZrxWZ2/hKo6Dh3eTzTR53WVO9uklCoIgCIIgCIIgCGH5BybmmlSb0PxBAAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain;height:50px;margin-bottom:10px;width:50px}#case-study-2 .loading-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}#case-study-2 .loading-spinner{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#4479df;height:50px;width:50px}#case-study-2 img#output-image{height:100%;object-fit:cover;width:100%}#case-study-2.loading-spinner{animation:spin 1.5s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#4479df;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#case-study-3 .input-settings-container{display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}#case-study-3 .left-column,#case-study-3 .right-column{width:48%}#case-study-3 .prompt-section,#case-study-3 .settings-wrapper{width:100%}#case-study-3 .output-label,#case-study-3 .prompt-label,#case-study-3 .settings-label{color:#4479df;display:block;font-size:16px;font-weight:700;margin-bottom:5px}#case-study-3 textarea{border:1px solid #ccc;border-radius:5px;font-family:Roboto,sans-serif;margin-bottom:10px;padding:10px;resize:vertical;width:100%}#case-study-3 .button-group{display:flex;gap:10px;justify-content:flex-end}#case-study-3 button{border:none;border-radius:30px;cursor:pointer;font-family:Roboto,sans-serif;padding:10px 20px}#case-study-3 .reset-button{background-image:linear-gradient(90deg,#525252,#494949,#404040,#373737,#2e2e2e);color:#fff}#case-study-3 .download-button,#case-study-3 .generate-button{background-image:linear-gradient(90deg,#38b7ff,#2398e6,#177acc,#155db1,#184094);color:#fff}#case-study-3 .settings-section{border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:20px;width:100%}#case-study-3 .settings-columns{display:flex;justify-content:space-between;position:relative}#case-study-3 .left-column,#case-study-3 .right-column{display:flex;flex-direction:column;font-size:14px;gap:12px}#case-study-3.setting-item{align-items:center;display:flex;margin-bottom:10px}#case-study-3.setting-label{align-items:center;display:flex;margin-bottom:5px;white-space:nowrap}#case-study-3.setting-item input{margin-bottom:5px;width:100%}#case-study-3.setting-item input:last-child{margin-bottom:0}#case-study-3 input[type=number],#case-study-3 input[type=text]{border:1px solid #ccc;border-radius:5px;font-family:Roboto,sans-serif;margin-left:10px;max-width:60px;padding:6px}#case-study-3 .settings-columns:before{border-left:1px solid #b0b0b0;bottom:0;content:"";left:50%;position:absolute;top:0}#case-study-3 .output-section textarea::placeholder,#case-study-3 .prompt-section textarea::placeholder{color:#d3d3d3}#case-study-3 .placeholder{align-items:center;color:#d3d3d3;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}#case-study-4 .input-settings-container{display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}#case-study-4 .left-column,#case-study-4 .right-column{width:48%}#case-study-4 .prompt-section,#case-study-4 .settings-wrapper{width:100%}#case-study-4 .output-label,#case-study-4 .prompt-label,#case-study-4 .settings-label{color:#4479df;display:block;font-size:16px;font-weight:700;margin-bottom:5px}#case-study-4 textarea{border:1px solid #ccc;border-radius:5px;font-family:Roboto,sans-serif;margin-bottom:10px;padding:10px;resize:vertical;width:100%}#case-study-4 .button-group{display:flex;gap:10px;justify-content:flex-end}#case-study-4 button{border:none;border-radius:30px;cursor:pointer;font-family:Roboto,sans-serif;padding:10px 20px}#case-study-4 .reset-button{background-image:linear-gradient(90deg,#525252,#494949,#404040,#373737,#2e2e2e);color:#fff}#case-study-4 .download-button,#case-study-4 .generate-button{background-image:linear-gradient(90deg,#38b7ff,#2398e6,#177acc,#155db1,#184094);color:#fff}#case-study-4 .settings-section{border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:20px;width:100%}#case-study-4 .settings-columns{display:flex;justify-content:space-between;position:relative}#case-study-4 .left-column,#case-study-4 .right-column{display:flex;flex-direction:column;font-size:14px;gap:12px}#case-study-4 .setting-item{align-items:center;display:flex;justify-content:space-between}#case-study-4 input[type=number],#case-study-4 input[type=text]{border:1px solid #ccc;border-radius:5px;font-family:Roboto,sans-serif;margin-left:10px;max-width:60px;padding:6px}#case-study-4 .settings-columns:before{border-left:1px solid #b0b0b0;bottom:0;content:"";left:50%;position:absolute;top:0}#case-study-4 .prompt-section textarea::placeholder{color:#d3d3d3}#case-study-4 .placeholder{align-items:center;color:#d3d3d3;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}#case-study-4 .output-section textarea::placeholder{color:#d3d3d3}@media (max-width:768px){.main-container{width:100%}.sidebar{border-bottom:1px solid #ccc;border-right:none;height:auto;margin-left:20px;margin-top:20px;width:50%}.container{width:100%}#exercise-title{font-size:22px;margin-bottom:10px;margin-left:10px}.exercise-description{font-size:14px;margin-bottom:20px;margin-left:10px}.input-settings-container{flex-direction:column}.left-column,.right-column{padding-left:10px;padding-right:10px;width:100%}.settings-columns:before{border-left:1px solid #b0b0b0;bottom:0;content:"";left:51%;margin-left:-1px;position:absolute;top:0}.output-section{margin-top:20px}}@media (max-width:425px){body{align-items:center;background-color:#f4f4f9;display:flex;font-family:Roboto,sans-serif;height:auto;justify-content:center;max-width:100%;width:100%}.main-container{box-sizing:border-box;flex-direction:column;padding:0;width:100%}.sidebar{background-color:#fff;border-bottom:1px solid #ccc;border-radius:8px;border-right:none;box-sizing:border-box;height:90px;margin:20px auto;overflow:hidden;padding:10px;width:90%}.sidebar-logo{display:block;height:auto;margin-bottom:10px;margin-left:auto;margin-right:auto;width:110px}.sidebar-subheading{font-size:14px;margin-bottom:2.5px;text-align:center}.divider,.exercise-card{display:none}.container{padding:0 20px;width:100%}#exercise-title{font-size:22px;margin-bottom:10px;margin-left:10px}.exercise-description{font-size:14px;margin-bottom:20px;margin-left:10px}.input-settings-container,.settings-wrapper{flex-direction:column;width:100%}.settings-wrapper{display:flex}.settings-label{display:block;font-size:16px;margin-bottom:10px}.settings-columns:before{border-left:1px solid #b0b0b0;bottom:0;content:"";left:51%;position:absolute;top:0}}@media (max-width:375px){body{background-color:#f4f4f9;font-family:Roboto,sans-serif;margin:0;padding:0}.main-container,body{box-sizing:border-box;width:100%}.main-container{align-items:center;display:flex;flex-direction:column;padding:0 10px}.sidebar{background-color:#fff;border-radius:8px;box-sizing:border-box;margin-bottom:10px;max-width:360px;padding:10px;width:100%}.sidebar-logo{display:block;margin:0 auto 10px;width:100px}.sidebar-subheading{font-size:14px;margin-bottom:5px;text-align:center}.divider,.exercise-card{display:none}.container{box-sizing:border-box;max-width:360px;padding:0 10px;width:100%}#exercise-title{font-size:20px;margin:8px 0 8px 5px;text-align:left}.exercise-description{font-size:14px;margin-bottom:20px;margin-left:20px;text-align:left}.input-settings-container,.output-section,.settings-wrapper{box-sizing:border-box;padding:0 -10px;width:100%}.settings-section{border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:15px;width:100%}.setting-item{align-items:left;box-sizing:border-box;display:flex;font-size:12px;justify-content:space-between;padding:2px 0;width:100%}.setting-label{color:#666;flex:1 1;font-size:12px;margin-right:5px;text-align:left}input[type=number],input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Roboto,sans-serif;margin-left:10px;max-width:100px;padding:6px;text-align:center;width:calc(100% - 70px)}.output-label,.prompt-label{color:#4479df;font-size:16px;font-weight:700;margin-bottom:5px;padding-left:10px}textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Roboto,sans-serif;height:auto;margin-bottom:10px;max-width:340px;padding:10px;resize:vertical;width:100%}textarea[readonly]{background-color:#f9f9f9;cursor:not-allowed;height:450px}}@media (max-width:768px){#case-study-2 .main-container{flex-direction:column;padding:10px}#case-study-2 #exercise-title{font-size:22px;margin-bottom:10px;margin-left:10px}#case-study-2 .exercise-description{font-size:14px;margin-bottom:20px;margin-left:10px}#case-study-2 .left-column,#case-study-2 .right-column{width:100%}#case-study-2 .output-box{height:300px}}@media (max-width:425px){#case-study-2 .sidebar{border-bottom:1px solid #ccc;border-right:none;box-sizing:border-box;height:1130px;margin:20px 0 20px 50px;padding:10px;width:50%}#case-study-2 .exercise-card{font-size:14px;padding:10px}#case-study-2 #exercise-title{font-size:22px;margin-bottom:10px;margin-left:10px}#case-study-2 .exercise-description{font-size:14px;margin-bottom:20px;margin-left:10px}#case-study-2 .setting-label{color:#666;flex:1 1;font-size:12px;margin-left:-6px;margin-right:2px;text-align:left}#case-study-2.exercise-description{font-size:14px;margin-bottom:20px}#case-study-2 .settings-columns:before{border-left:1px solid #b0b0b0;bottom:0;content:"";left:48%;position:absolute;top:0}#case-study-2 .setting-item{align-items:left;box-sizing:border-box;display:flex;font-size:12px;justify-content:space-between;padding:2px 0;width:100%}#case-study-2 input[type=number],#case-study-2 input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Roboto,sans-serif;margin-left:10px;max-width:100px;padding:6px;text-align:center;width:calc(100% - 70px)}#case-study-2 .output-box{height:250px}}@media (max-width:375px){#case-study-2 body{background-color:#f4f4f9;box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0;width:100%}#case-study-2 .main-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:0 10px;width:100%}#case-study-2 .sidebar{background-color:#fff;border-radius:8px;box-sizing:border-box;margin-bottom:10px;max-width:360px;padding:10px;width:100%}#case-study-2 .sidebar-logo{display:block;margin:0 auto 10px;width:100px}#case-study-2 .sidebar-subheading{font-size:14px;margin-bottom:5px;text-align:center}#case-study-2 .divider,.exercise-card{display:none}#case-study-2 .container{box-sizing:border-box;max-width:360px;padding:0 10px;width:100%}#case-study-2 #exercise-title{font-size:20px;margin:8px 0 8px 5px;text-align:left}#case-study-2 .exercise-description{font-size:14px;margin-bottom:20px;margin-left:20px;text-align:left}#case-study-2.input-settings-container,.output-section,.settings-wrapper{box-sizing:border-box;padding:0 -10px;width:100%}#case-study-2 .settings-section{border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:15px;width:100%}#case-study-2 .setting-item{align-items:left;box-sizing:border-box;display:flex;font-size:12px;justify-content:space-between;padding:2px 0;width:100%}#case-study-2 .setting-label{color:#666;flex:1 1;font-size:12px;margin-right:5px;text-align:left}#case-study-2 input[type=number],#case-study-2 input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Roboto,sans-serif;margin-left:10px;max-width:100px;padding:6px;text-align:center;width:calc(100% - 70px)}#case-study-2 .prompt-label,.output-label{color:#4479df;font-size:16px;font-weight:700;margin-bottom:5px;padding-left:10px}#case-study-2 textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Roboto,sans-serif;height:auto;margin-bottom:10px;max-width:340px;padding:10px;resize:vertical;width:100%}#case-study-2 textarea[readonly]{background-color:#f9f9f9;cursor:not-allowed;height:450px}#case-study-2 .settings-columns:before{border-left:1px solid #b0b0b0;bottom:0;content:"";left:50%;position:absolute;top:0}}@media (max-width:768px){#case-study-3 .main-container{flex-direction:column;padding:10px}#case-study-3 #exercise-title{font-size:22px;margin-bottom:10px;margin-left:10px}#case-study-3 .exercise-description{font-size:14px;margin-bottom:20px;margin-left:10px}#case-study-3 .left-column,#case-study-3 .right-column{width:100%}#case-study-3 .output-box{height:300px}}@media (max-width:425px){#case-study-3 .sidebar{border-bottom:1px solid #ccc;border-right:none;box-sizing:border-box;height:1130px;margin:20px 0 20px 50px;padding:10px;width:50%}#case-study-3.exercise-card{font-size:14px;padding:10px}#case-study-3 #exercise-title{font-size:22px;margin-bottom:10px;margin-left:10px}#case-study-3 .exercise-description{font-size:14px;margin-bottom:20px;margin-left:10px}#case-study-3 .setting-label{color:#666;flex:1 1;font-size:12px;margin-left:-6px;margin-right:2px;text-align:left}#case-study-3.exercise-description{font-size:14px;margin-bottom:20px}#case-study-3 .settings-columns:before{border-left:1px solid #b0b0b0;bottom:0;content:"";left:51%;position:absolute;top:0}#case-study-3 .setting-item{align-items:left;box-sizing:border-box;display:flex;font-size:12px;justify-content:space-between;padding:2px 0;width:100%}#case-study-3 .output-box{height:250px}}@media (max-width:375px){#case-study-3 body{background-color:#f4f4f9;box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0;width:100%}#case-study-3 .main-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:0 10px;width:100%}#case-study-3 .sidebar{background-color:#fff;border-radius:8px;box-sizing:border-box;margin-bottom:10px;max-width:360px;padding:10px;width:100%}#case-study-3 .sidebar-logo{display:block;margin:0 auto 10px;width:100px}#case-study-3 .sidebar-subheading{font-size:14px;margin-bottom:5px;text-align:center}#case-study-3 .divider,.exercise-card{display:none}#case-study-3 .container{box-sizing:border-box;max-width:360px;padding:0 10px;width:100%}#case-study-3 #exercise-title{font-size:20px;margin:8px 0 8px 5px;text-align:left}#case-study-3 .exercise-description{font-size:14px;margin-bottom:20px;margin-left:20px;text-align:left}#case-study-3.input-settings-container,.output-section,.settings-wrapper{box-sizing:border-box;padding:0 -10px;width:100%}#case-study-3 .settings-section{border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:15px;width:100%}#case-study-3 .setting-item{align-items:left;box-sizing:border-box;display:flex;font-size:12px;justify-content:space-between;padding:2px 0;width:100%}#case-study-3 .setting-label{color:#666;flex:1 1;font-size:12px;margin-right:5px;text-align:left}#case-study-3 .prompt-label,.output-label{color:#4479df;font-size:16px;font-weight:700;margin-bottom:5px;padding-left:10px}#case-study-3 textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Roboto,sans-serif;height:auto;margin-bottom:10px;max-width:340px;padding:10px;resize:vertical;width:100%}#case-study-3 textarea[readonly]{background-color:#f9f9f9;cursor:not-allowed;height:450px}#case-study-3 .settings-columns:before{border-left:1px solid #b0b0b0;bottom:0;content:"";left:50%;position:absolute;top:0}}@media (max-width:768px){#case-study-4 .main-container{flex-direction:column;padding:10px}#case-study-4 .left-column,#case-study-4 .right-column{width:100%}#case-study-4 #exercise-title{font-size:22px;margin-bottom:10px;margin-left:10px}#case-study-4 .exercise-description{font-size:14px;margin-bottom:20px;margin-left:10px}#case-study-4 .output-box{height:300px}}@media (max-width:425px){#case-study-4 .sidebar{height:auto;width:100%}#case-study-4 .exercise-card{font-size:14px;padding:10px}#case-study-4 #exercise-title{font-size:22px;margin-bottom:10px;margin-left:10px}#case-study-4 .settings-columns:before{border-left:1px solid #b0b0b0;bottom:0;content:"";left:51%;position:absolute;top:0}#case-study-4 .exercise-description{font-size:14px;margin-bottom:20px;margin-left:10px}#case-study-4 .output-box{height:250px}}@media (max-width:375px){#case-study-4 body{background-color:#f4f4f9;box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0;width:100%}#case-study-4 .main-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:0 10px;width:100%}#case-study-4 .sidebar{background-color:#fff;border-radius:8px;box-sizing:border-box;margin-bottom:10px;max-width:360px;padding:10px;width:100%}#case-study-4 .sidebar-logo{display:block;margin:0 auto 10px;width:100px}#case-study-4 .sidebar-subheading{font-size:14px;margin-bottom:5px;text-align:center}#case-study-4 .divider,.exercise-card{display:none}#case-study-4 .container{box-sizing:border-box;max-width:360px;padding:0 10px;width:100%}#case-study-4 #exercise-title{font-size:20px;margin:8px 0 8px 5px;text-align:left}#case-study-4 .exercise-description{font-size:14px;margin-bottom:20px;margin-left:20px;text-align:left}#case-study-4.input-settings-container,.output-section,.settings-wrapper{box-sizing:border-box;padding:0 -10px;width:100%}#case-study-4 .settings-section{border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:15px;width:100%}#case-study-4 .setting-item{align-items:left;box-sizing:border-box;display:flex;font-size:12px;justify-content:space-between;padding:2px 0;width:100%}#case-study-4 .setting-label{color:#666;flex:1 1;font-size:12px;margin-right:5px;text-align:left}#case-study-4 input[type=number],#case-study-4 input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Roboto,sans-serif;margin-left:10px;max-width:100px;padding:6px;text-align:center;width:calc(100% - 70px)}#case-study-4 .prompt-label,.output-label{color:#4479df;font-size:16px;font-weight:700;margin-bottom:5px;padding-left:10px}#case-study-4 textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Roboto,sans-serif;height:auto;margin-bottom:10px;max-width:340px;padding:10px;resize:vertical;width:100%}#case-study-4 textarea[readonly]{background-color:#f9f9f9;cursor:not-allowed;height:450px}}
/*# sourceMappingURL=main.c4e3c035.css.map*/