.artifact-form-container{background:#f5f5f5f2;border:2px solid #fff;border-radius:12px;max-width:600px;margin:2rem auto;padding:2rem;box-shadow:0 10px 40px #0003}.artifact-form-container .form-title{color:#333;text-align:center;border-bottom:2px solid #7575754d;margin-bottom:2rem;padding-bottom:1rem;font-size:1.8rem;font-weight:600}.artifact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group .form-text{color:#000}.form-group .form-label{color:#000;align-items:center;gap:.5rem;margin-left:.5rem;font-size:1rem;font-weight:600;display:flex}.form-group .form-label:after{content:"*";color:#f7941e;opacity:.8;margin-left:-.3rem;font-size:1.2rem}.form-group .form-label:has(+input:not(:required)):after{display:none}.form-group .form-label:has(+textarea:not(:required)):after{display:none}.form-input,.form-textarea{color:#000;background:#fff;border:2px solid #e0e0e04d;border-radius:8px;padding:1rem;font-size:1rem;transition:all .3s}.form-input:focus,.form-textarea:focus{border-color:#f7941e;outline:none;box-shadow:0 0 0 3px #fff3}.form-input:disabled,.form-textarea:disabled{cursor:not-allowed;opacity:.7;background:#ffffffb3}.form-input.error,.form-textarea.error{background:#ff7f2b0d;border-color:#ff7f2b}.form-input.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px #ff7f2b33}.form-textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.icon-selector{grid-template-columns:repeat(8,1fr);gap:.5rem;margin-bottom:1rem;display:grid}@media (max-width:768px){.icon-selector{grid-template-columns:repeat(6,1fr)}}@media (max-width:480px){.icon-selector{grid-template-columns:repeat(4,1fr)}}.icon-selector .icon-option{aspect-ratio:1;cursor:pointer;background:#ffffffe6;border:2px solid #f7941e4d;border-radius:8px;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.icon-selector .icon-option:hover:not(:disabled){background:#f7941e1a;border-color:#f7941e;transform:scale(1.1)}.icon-selector .icon-option.selected{background:#f7941e33;border-color:#f7941e;transform:scale(1.1);box-shadow:0 0 10px #f7941e80}.icon-selector .icon-option:disabled{opacity:.5;cursor:not-allowed}.selected-icon-preview{background:#f7941e1a;border:1px dashed #f7941e80;border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.selected-icon-preview .preview-icon{filter:drop-shadow(0 0 5px #f7941e);font-size:2rem}.selected-icon-preview .preview-text{color:#333;font-size:.9rem}.char-counter{text-align:right;color:#3339;margin-top:.25rem;font-size:.8rem}.error-message{color:#781a1a;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.85rem;display:flex}.error-message:before{content:"⚠️";font-size:.9rem}.status-message{text-align:center;border-radius:8px;margin:1rem 0;padding:1rem;font-weight:600}.status-message.success{color:#2e7d32;background:#4caf501a;border:1px solid #4caf504d}.status-message.error{color:#781a1a;background:#781a1a1a;border:1px solid #781a1a4d}.form-actions{gap:1rem;margin-top:1rem;display:flex}@media (max-width:480px){.form-actions{flex-direction:column}}.form-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.form-actions button:disabled{opacity:.5;cursor:not-allowed}.form-actions .btn-cancel{color:#333;background:#3333331a}.form-actions .btn-cancel:hover:not(:disabled){background:#3333}.form-actions .btn-submit{color:#fff;background:linear-gradient(135deg,#f7941e,#c26c07)}.form-actions .btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#f8a037,#fab768);box-shadow:0 5px 20px #f7941e66}.form-actions .btn-submit:disabled{background:#f7941e80}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-hint{text-align:center;color:#3339;border-top:1px solid #f7941e33;margin-top:1rem;padding-top:1rem;font-size:.9rem}.form-group{opacity:0;animation:.5s forwards slideIn}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}