.schema-generator-container{max-width:1400px;margin:0 auto;padding:30px}.schema-generator-header{text-align:center;margin-bottom:40px}.header-icon{margin-bottom:20px}.schema-generator-header h1{font-size:2.5rem;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.schema-generator-header p{font-size:1.1rem;color:#6b7280;max-width:600px;margin:0 auto}.schema-generator-content{display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px}.schema-result-section{margin-top:30px}.form-card,.result-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid #e5e7eb}.form-card h2,.result-card h2{font-size:1.5rem;font-weight:600;margin-bottom:24px;color:#1a1f2e}.schema-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-bottom:30px}.schema-type-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500}.schema-type-btn:hover{border-color:#667eea;background:#f5f7fa}.schema-type-btn.active{border-color:#667eea;background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea}.schema-type-icon{font-size:24px}.form-fields{margin-top:30px}.form-fields h3{font-size:1.2rem;font-weight:600;color:#1a1f2e}.form-fields h3,.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px;color:#374151;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.result-actions{display:flex;gap:12px}.btn-icon{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f5f7fa;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-icon:hover{background:#e5e7eb;border-color:#d1d5db}.schema-preview{background:#1a1f2e;border-radius:8px;padding:20px;margin-bottom:20px;overflow-x:auto}.schema-preview pre{color:#e5e7eb;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;margin:0}.schema-instructions{background:#f5f7fa;border-radius:8px;padding:20px}.schema-instructions h3{font-size:1.1rem;font-weight:600;margin-bottom:12px;color:#1a1f2e}.schema-instructions ol{margin:0;padding-left:20px}.schema-instructions li{margin-bottom:8px;color:#6b7280;line-height:1.6}.schema-instructions code{background:#fff;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;color:#667eea}@media (min-width:1024px){.schema-generator-content{grid-template-columns:1fr 1fr}.schema-result-section{margin-top:0}}