:root{--bg-gradient-from:#e6e6fa;--bg-gradient-to:#ffb6c1;--text-primary:#4a4a4a;--text-secondary:#666;--bg-container:hsla(0,0%,100%,.7);--bg-box:#ff67cc93;--accent-color:#ff69b4;--outline-color:#ffb6e6;--error-color:#ef4444}@media (prefers-color-scheme:dark){:root{--bg-gradient-from:#2d3748;--bg-gradient-to:#1a202c;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--bg-container:rgba(0,0,0,.7);--bg-box:#999;--accent-color:#f687b3;--outline-color:#d53f8c;--error-color:#fc8181}}.app-container{min-height:100vh;background:var(--bg-container);color:var(--text-primary)}.container{border-radius:.75rem}.container,.input-field{background-color:var(--bg-container)}.input-field{color:var(--text-primary);border:2px solid var(--accent-color);border-radius:.75rem;padding:1rem 1.5rem;width:100%;resize:none}.input-field:focus{outline:none;border-color:var(--outline-color)}.input-field::-moz-placeholder{color:var(--text-secondary)}.input-field::placeholder{color:var(--text-secondary)}.button-primary{background-color:var(--accent-color);color:#fff;border-radius:.75rem;padding:1rem;transition:all .3s}.button-primary:hover{box-shadow:0 0 20px rgba(255,105,180,.6)}.image-container{display:inline-block;position:relative}.image-selected{outline:8px solid var(--outline-color);outline-offset:-8px}.hover-accent:hover{color:var(--accent-color)}.button-primary:disabled{background-color:var(--accent-color);opacity:.4}