:root{--primary-color: #d95550;--text-color: #333;--background-color: #fff}body,html{box-sizing:border-box;margin:0;padding:0;height:100%;width:100%;font-family:Arial,sans-serif;color:var(--text-color);background-color:var(--background-color)}textarea:focus,input:focus{outline-color:#fff;outline-width:2px;outline-style:groove}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--primary-color);min-height:100vh}.titleContainer{display:flex;align-items:center;justify-content:center}.title{font-size:2.5rem;font-weight:700;color:#fff;text-align:center}.content{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center}.imageContainer.card{width:100%;aspect-ratio:1/1;background:#ffffff1a;border-radius:8px;overflow:hidden;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.imageContainer.card .imageWrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.imageContainer.card img{max-width:100%;max-height:100%;object-fit:contain}.inputContainer{width:100%;padding:1rem;display:flex;flex-direction:column;align-items:center}.input,.sendButton{width:calc(100% - 2rem);padding:1rem;margin-bottom:1rem;font-size:1rem;border:none;border-radius:4px;color:#fff}.input{background:#fff3;color:#fff}.input::placeholder{color:#fff}.sendButton{background:#fff;color:var(--primary-color);cursor:pointer;transition:background .3s ease;font-weight:700}.sendButton:hover{background:#f0f0f0}.sendButton:disabled{background:#ffffff80;color:#d9555080;cursor:not-allowed}.countdownTimer,.loadingIndicator{color:#fff;margin-top:1rem}.gallery{padding:2rem;background-color:var(--background-color)}.gallery h2{color:var(--primary-color);text-align:center;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.galleryContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.galleryItem{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 4px 8px #0000001a}.galleryItem img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.galleryItem:hover img{transform:scale(1.05)}.documentation{max-width:600px;margin:2rem auto;padding:2rem;background-color:#fff;font-family:Arial,sans-serif;color:#444}.documentation h1{color:#d95550;font-size:2rem;text-align:left;margin-bottom:1rem;font-weight:700}.documentation h2{color:#d95550;font-size:2rem;text-align:left;margin-bottom:1.5rem;font-weight:700}.documentation h3{color:#d95550;font-size:1.2rem;margin-top:1.5rem;margin-bottom:.5rem;font-weight:700;position:relative;padding-left:.5rem}.doc-section{margin-bottom:1.5rem}.documentation p{line-height:1.6;font-size:.9rem;color:#444;margin-bottom:1rem;text-align:justify}.documentation ul,.documentation ol{padding-left:1.5rem;margin-bottom:1rem}.documentation ul{list-style-type:none}.documentation ul li:before{content:"•";color:#d95550;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.documentation li{line-height:1.6;font-size:.9rem;color:#444;margin-bottom:.5rem}.documentation .highlight{color:#d95550;font-weight:700}@media (max-width: 768px){.documentation{padding:1.5rem}.documentation h2{font-size:1.8rem}.documentation h3{font-size:1.1rem}.documentation p,.documentation li{font-size:.85rem}.main-content{padding:1rem}.imageContainer.card,.inputContainer,.input,.sendButton{width:95%;padding:.5rem;margin-bottom:.5rem}.input,.sendButton{padding:.75rem;margin-bottom:.9rem}}
