.magic-item-creator-container{display:flex;min-height:100vh;position:relative}.magic-item-creator{flex:1;max-width:800px;margin:0 auto;padding:20px;transition:margin-right .3s ease}.magic-item-creator.with-chat{width:66%;max-width:none;margin-right:33%}@media (max-width:768px){.magic-item-creator.with-chat{width:100%;margin-right:0}}.magic-item-creator h1{margin-bottom:10px}.magic-item-creator p{margin-bottom:30px;color:#aaa}.magic-item-form{background-color:rgba(0,0,0,.4);border-radius:8px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,.2)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#eee}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border-radius:4px;border:1px solid #444;background-color:#222;color:#fff;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4db5ff;box-shadow:0 0 0 2px rgba(77,181,255,.2)}.form-group input.error,.form-group select.error{border-color:#ff4d4d}.error-message{color:#ff4d4d;font-size:.85rem;margin-top:5px}.required{color:#ff4d4d}.form-actions{margin-top:30px;display:flex;gap:12px;justify-content:center}.ai-chat-button{background-color:#4db5ff;color:white;border:none;border-radius:4px;padding:12px 24px;font-size:1rem;cursor:pointer;transition:background-color .3s}.ai-chat-button:hover{background-color:#6d28d9}.submit-button{background-color:#4db5ff;color:white;border:none;border-radius:4px;padding:12px 24px;font-size:1rem;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:#2a9df4}.submit-button:disabled{background-color:#666;cursor:not-allowed}.submit-button-loading{display:flex;align-items:center;justify-content:center}textarea{resize:vertical;min-height:120px}.ai-chat-panel{position:fixed;right:0;top:0;width:33%;height:100vh;background-color:rgba(0,0,0,.95);border-left:2px solid #4db5ff;display:flex;flex-direction:column;z-index:1000;transition:all .3s ease}@media (max-width:768px){.ai-chat-panel{width:100%;left:0;border-left:none;border-top:2px solid #4db5ff}}.chat-header{padding:20px;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center;background-color:rgba(77,181,255,.2)}.chat-header h3{margin:0;color:#fff}.close-chat{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px 10px;transition:all .3s}.close-chat:hover{color:#ff4d4d}@media (max-width:768px){.close-chat{background-color:rgba(255,77,77,.2);border-radius:4px;font-size:1.8rem;padding:8px 14px}.close-chat:hover{background-color:rgba(255,77,77,.3)}}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.chat-message{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{justify-content:flex-end}.chat-message.assistant{justify-content:flex-start}.message-content{max-width:80%;padding:12px 16px;border-radius:12px;word-wrap:break-word;white-space:pre-wrap}.chat-message.user .message-content{background-color:#4db5ff;color:white;border-bottom-right-radius:4px}.chat-message.assistant .message-content{background-color:rgba(77,181,255,.2);color:#fff;border:1px solid #4db5ff;border-bottom-left-radius:4px}.chat-input-container{padding:20px;border-top:1px solid #444;display:flex;gap:10px;background-color:rgba(0,0,0,.5)}.chat-input{flex:1;padding:12px;border-radius:4px;border:1px solid #444;background-color:#222;color:#fff;font-size:1rem}.chat-input:focus{outline:none;border-color:#4db5ff;box-shadow:0 0 0 2px rgba(77,181,255,.2)}.send-button{color:white;border:none;border-radius:4px;padding:12px 24px;font-size:1rem;cursor:pointer;transition:background-color .3s;white-space:nowrap}.send-button,.send-button:hover:not(:disabled){background-color:#4db5ff}.send-button:disabled{background-color:#666;cursor:not-allowed;opacity:.5}.back-to-form-button{width:100%;padding:16px;background-color:#4db5ff;color:white;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s;display:none}.back-to-form-button:hover{background-color:#2a9df4}@media (max-width:768px){.magic-item-creator{padding:15px}.magic-item-form{padding:20px}.chat-header,.chat-messages{padding:15px}.message-content{max-width:85%;font-size:.95rem}.chat-input-container{padding:15px}.send-button{padding:12px 16px}.ai-chat-button{width:100%;margin-bottom:10px}.form-actions{flex-direction:column}.submit-button{width:100%}.back-to-form-button{display:block}}.chat-hint{padding:10px 20px;background-color:rgba(77,181,255,.1);border-top:1px solid rgba(77,181,255,.3);font-size:.85rem;color:#4db5ff;text-align:center}