@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--bg-primary:#000000;--bg-card:rgba(20,20,25,0.85);--bg-input:#2d2d3a;--bg-input-focus:#353542;--text-primary:#e1e3e6;--text-secondary:#a0a7b4;--text-placeholder:#717a8a;--border-color:rgba(255,255,255,0.1);--border-input:rgba(128,128,128,0.3);--border-focus:#6366f1;--accent-primary:#4f46e5;--accent-secondary:#00aaff;--button-bg:#3a3a3a;--button-hover-bg:#4f4f4f;--button-action-bg:var(--accent-primary);--button-action-hover-bg:#6366f1;--shadow-color-light:rgba(99,102,241,0.15);--shadow-color-dark:rgba(0,0,0,0.4);--transition-fast:all 0.2s ease-in-out;--transition-base:all 0.3s ease-in-out;--transition-layout:all 0.4s cubic-bezier(0.4,0,0.2,1);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);margin:0;line-height:1.6}.create-container{min-height:100vh;padding:40px 20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.content-wrapper{width:100%;max-width:800px;position:relative;z-index:10;background-color:var(--bg-card);backdrop-filter:blur(10px);padding:35px 40px;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 10px 30px var(--shadow-color-dark),0 0 25px var(--shadow-color-light);transition:var(--transition-base)}.create-title{text-align:center;font-size:2.25rem;font-weight:700;margin-bottom:25px;color:var(--text-primary);letter-spacing:-.01em}.connect-btn{display:block;margin:0 auto 35px;padding:12px 24px;background-color:var(--button-bg);color:white;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);box-shadow:0 2px 5px rgba(0,0,0,.2)}.connect-btn:hover:not(:disabled){background-color:var(--button-hover-bg);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.connect-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.connect-btn:disabled{opacity:.6;cursor:not-allowed;background-color:#555;box-shadow:none}.form-preview-wrapper{display:flex;gap:40px;width:100%;transition:var(--transition-layout)}.form-section{flex:1 1 100%;max-width:100%;transition:flex-basis var(--transition-layout),max-width var(--transition-layout)}.preview-section{flex:0 0 0%;opacity:0;overflow:hidden;transition:flex-basis var(--transition-layout),opacity .4s ease-in-out .1s,padding var(--transition-layout);display:flex;flex-direction:column;align-items:center;background-color:rgba(255,255,255,.03);padding:0 20px;border-radius:12px;border:1px solid rgba(255,255,255,.05);box-sizing:border-box}.form-preview-wrapper.has-preview .form-section{flex-basis:50%;max-width:50%}.form-preview-wrapper.has-preview .preview-section{flex-basis:50%;opacity:1;padding:25px 20px}.preview-title{font-size:1.1rem;font-weight:600;margin-bottom:20px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.nft-preview{width:100%;aspect-ratio:1/1;border-radius:10px;border:1px solid var(--border-color);object-fit:contain;background-color:rgba(0,0,0,.2);display:block}.form-group{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.form-input,.form-select,.form-textarea{padding:12px 16px;background-color:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:var(--transition-fast);box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-placeholder);opacity:.8}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--border-focus);background-color:var(--bg-input-focus);box-shadow:0 0 0 2px rgba(99,102,241,.3),inset 0 1px 2px rgba(0,0,0,.2)}.form-textarea{min-height:100px;resize:vertical;line-height:1.5}.file-input-label{display:inline-block;padding:12px 18px;background-color:var(--button-bg);color:white;border:none;border-radius:8px;cursor:pointer;text-align:center;font-size:.9rem;font-weight:500;transition:var(--transition-fast);width:100%;box-sizing:border-box}.file-input-label:hover{background-color:var(--button-hover-bg);transform:translateY(-1px)}.file-input-label:focus-within{outline:2px solid var(--border-focus);outline-offset:2px}.loading,.upload-prompt{text-align:center;margin:15px 0;color:var(--text-secondary);font-size:.9rem}.loading{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.ai-btn,.create-btn{width:100%;padding:14px 20px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-base);margin-top:15px;letter-spacing:.02em}.create-btn{background-color:var(--button-action-bg);color:white;box-shadow:0 4px 10px rgba(79,70,229,.3)}.create-btn:hover:not(:disabled){background-color:var(--button-action-hover-bg);transform:translateY(-2px);box-shadow:0 6px 15px rgba(79,70,229,.4)}.create-btn:disabled{background-color:#555;opacity:.6;cursor:not-allowed;box-shadow:none}.ai-btn{background-color:transparent;color:var(--accent-secondary);border:1.5px solid var(--accent-secondary)}.ai-btn:hover:not(:disabled){background-color:rgba(0,170,255,.1);border-color:#33c6ff;color:#33c6ff;transform:translateY(-1px)}.ai-btn:disabled{opacity:.5;cursor:not-allowed;background-color:transparent;border-color:rgba(0,170,255,.3);color:rgba(0,170,255,.4)}.ai-btn:focus-visible,.create-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.rain-beam{position:absolute;top:-250px;width:1px;height:200px;background:linear-gradient(180deg,rgba(99,102,241,0),rgba(99,102,241,.5));animation:fall 3s linear infinite;opacity:.5;z-index:5}@keyframes fall{to{transform:translateY(110vh);opacity:0}}@media (max-width:768px){.content-wrapper{padding:25px 20px;border-radius:12px}.create-title{font-size:1.8rem}.form-preview-wrapper{flex-direction:column;gap:25px}.form-preview-wrapper .form-section,.form-preview-wrapper.has-preview .form-section,.form-preview-wrapper.has-preview .preview-section{flex-basis:auto;max-width:100%}.form-preview-wrapper.has-preview .preview-section{opacity:1;padding:20px}.form-input,.form-select,.form-textarea{font-size:.9rem}.ai-btn,.create-btn{padding:12px 18px;font-size:.95rem}}