#form-description,#form-tools-container{text-align:center}#form-tools-container{margin-top:.5rem;margin-bottom:2rem;font-size:.9rem;color:var(--text-color-light)}#form-tools-container a{text-decoration:underline;text-decoration-color:var(--border-color);transition:text-decoration-color .2s ease-in-out,color .2s ease-in-out}#form-tools-container a:hover{text-decoration-color:currentColor}.prompt-form{padding-top:1rem}.form-field,.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:700;color:var(--text-color-light)}input[type=number],input[type=text],select,textarea{width:100%;padding:12px;border:1px solid var(--input-border-color);border-radius:var(--border-radius);box-sizing:border-box;font-size:1em;background-color:var(--input-background-color);color:var(--text-color);transition:border-color .3s ease,box-shadow .3s ease}input.is-invalid,select.is-invalid,textarea.is-invalid{border-color:var(--color-alert-danger-border)!important}.form-validation-message{display:none;padding:12px 15px;margin-bottom:1rem;border-radius:var(--border-radius);background-color:var(--color-alert-danger-bg);color:var(--color-alert-danger-text);border:1px solid var(--color-alert-danger-border);text-align:center;font-weight:500}.checkbox-group{border:1px solid var(--input-border-color);border-radius:var(--border-radius);padding:15px;margin-top:5px}.checkbox-group legend{font-weight:700;color:var(--text-color-light);padding:0 10px;margin-left:5px;font-size:.9em}.checkbox-item{display:flex;align-items:center;margin-bottom:10px}.checkbox-item:last-child{margin-bottom:0}.checkbox-item input[type=checkbox]{width:auto;margin-right:10px;flex-shrink:0}.checkbox-item label{margin-bottom:0;font-weight:400;color:var(--text-color)}.field-row{display:grid;grid-template-columns:1.5fr 3fr auto;gap:10px;align-items:center;margin-bottom:10px}.field-row input,.field-row select{margin-bottom:0}.remove-field-btn{background-color:var(--color-alert-danger-bg);color:var(--color-alert-danger-text);border:1px solid var(--color-alert-danger-border);border-radius:50%;width:30px;height:30px;font-size:1.2em;font-weight:700;line-height:1;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0;transition:background-color .2s ease,color .2s ease}.remove-field-btn:hover{background-color:var(--color-alert-danger-text);color:#fff}@media (max-width:768px){.field-row{grid-template-columns:1fr}}.prompt-output-container{margin-top:2rem;padding:1.5rem;border:1px solid var(--prompt-output-border);border-radius:var(--border-radius);background-color:var(--prompt-output-bg);color:var(--prompt-output-text);white-space:pre-wrap;word-wrap:break-word;position:relative;font-family:'Courier New',Courier,monospace;font-size:.95em}.prompt-output-container pre{white-space:pre-wrap;word-wrap:break-word}#copyPromptBtn{position:absolute;top:10px;right:10px;padding:8px 12px;font-size:.8em;background-color:var(--btn-secondary-bg);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}#copyPromptBtn:hover{background-color:var(--btn-secondary-hover)}#copyConfirmation{position:absolute;top:10px;right:10px;background-color:var(--btn-primary-bg);color:#fff;padding:8px 12px;border-radius:5px;font-size:.8em;opacity:0;transition:opacity .5s}.prompt-navigation-container{flex-direction:row;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.prompt-navigation-container .nav-btn{flex:0 0 auto}.prompt-navigation-container .nav-title{flex:1 1 auto;text-align:center;margin:0 1rem;padding:0;border-bottom:none}@media (max-width:768px){.prompt-navigation-container .nav-btn{display:none!important}.prompt-navigation-container .nav-title{margin:0}}.how-to-guide{background-color:var(--background-color-offset);border-radius:8px;padding:2rem;margin-bottom:2rem}.steps-container{display:flex;justify-content:space-between;gap:2rem}.step{display:flex;align-items:flex-start;gap:1rem;flex:1}.step-number{font-size:2rem;font-weight:700;color:var(--primary-accent-color);background-color:var(--card-background-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--primary-accent-color)}.step-content h3{margin:0 0 .5rem 0;font-size:1.2rem;color:var(--heading-color)}.step-content p{margin:0;color:var(--text-color-light)}@media (max-width:768px){.steps-container{flex-direction:column}.step{align-items:center;text-align:center}.step-content{text-align:left}}