*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;display:flex;flex-direction:column}body.modal-open{overflow:hidden}body{justify-content:flex-start}main{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;max-width:512px;margin:20px auto;text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.not-main-image-section{padding:0 20px}h1{font-size:24px;color:#333;text-align:center;padding-top:10px}.frame{border-radius:10px;box-shadow:0 10px 20px #0000001a;overflow:hidden;min-height:348px;display:flex;align-items:stretch;justify-content:center;position:relative;background:linear-gradient(65deg,red,orange,#ff0,green,#00f,indigo,violet);background-size:500% 500%;animation:gradientShift 10s ease infinite}.frame h2,#output-img{display:flex;align-items:center;justify-content:center}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fillFrame{0%{opacity:.5}10%{opacity:.6}20%{opacity:.7}30%{opacity:.8}40%{opacity:.9}50%{opacity:1}60%{opacity:.9}70%{opacity:.8}80%{opacity:.7}90%{opacity:.6}to{opacity:.5}}.frame img{width:100%;height:100%;object-fit:cover}.loading-panel{display:none;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc}h2{font-size:17px;color:#fff;margin-top:10px;padding:10px;text-shadow:2px 2px 4px #333}.h2-grey{color:#fff;text-shadow:2px 2px 10px #000000}#ai-submit-btn,.h2Or{margin-top:0}textarea{width:100%;padding:10px;margin:15px 0;border:1px solid #ddd;border-radius:5px;box-shadow:inset 0 2px 4px #0000001a;resize:none;font-size:16px;text-align:center;height:2.5rem}#image-instructions{display:none;margin-top:15px}button{width:100%;padding:15px;margin-top:15px;border:none;border-radius:5px;background:linear-gradient(to right,#56ccf2,#2f80ed);color:#fff;font-size:16px;cursor:pointer;transition:background .3s;text-shadow:2px 2px 4px #333;transition:all .2s ease}button:hover{background:#2f80ed}#button-container{display:flex;gap:10px}#button-container button{font-size:16px}.modal{display:none;position:fixed;z-index:1;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#000000e6}.modal-content{margin:auto;display:block;max-width:100%;max-height:100%}.close{position:absolute;top:20px;right:35px;color:#f1f1f1;font-size:30px;font-weight:700;transition:.3s}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}#recent-images{margin-top:20px}#recent-images h2{text-align:center;margin-bottom:10px}#recent-images-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px}.recent-image{width:100%;cursor:pointer;border-radius:15px}#output-img img{width:100%;cursor:pointer}.download-image{position:absolute;top:20px;right:80px;color:#f1f1f1;font-size:30px;font-weight:700;cursor:pointer;text-decoration:none}.download-image:hover,.download-image:focus{color:#bbb}.styled-select{padding:10px 10px 10px 20px;margin-top:5px;width:190px;font-size:16px;border:1px solid #ddd;border-radius:5px;background-color:#fff;box-shadow:0 2px 4px #0000001a;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="none" stroke="%23333" stroke-width=".5" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:right 10px top 50%;background-size:8px 10px}.styled-select:focus{outline:none;border-color:#aaa}.styled-select option{padding:10px}#clear-storage-btn{margin-bottom:10px}