.create-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.create-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start}@media(max-width:900px){.create-layout{grid-template-columns:1fr}.preview-column{order:-1}}.success-message{padding:.75rem 1rem;background-color:#d1fae5;border:1px solid #6ee7b7;border-radius:.5rem;color:#065f46;font-size:.875rem;margin-bottom:1.5rem}.content-fields{display:none}.content-fields:not([style*=none]){display:block;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mode-toggle{display:flex;gap:1rem}.mode-option{flex:1;cursor:pointer}.mode-option input{position:absolute;opacity:0}.mode-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-gray-50, #f9fafb);border:2px solid var(--color-gray-200, #e5e7eb);border-radius:.75rem;transition:all .2s}.mode-card span{display:flex;flex-direction:column;gap:.25rem}.mode-card strong{font-size:.875rem;font-weight:600;color:var(--color-gray-900, #111827)}.mode-card small{font-size:.75rem;color:var(--color-gray-500, #6b7280)}.mode-option input:checked+.mode-card{border-color:var(--color-teal-500, #14b8a6);background:var(--color-teal-50, #f0fdfa)}.mode-option input:checked+.mode-card svg{color:var(--color-teal-600, #0d9488)}.style-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-gray-300, #d1d5db);border-radius:var(--border-radius, .5rem);font-size:1rem;color:var(--color-gray-900, #111827);background-color:#fff;transition:border-color .2s,box-shadow .2s}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-teal-500, #14b8a6);box-shadow:0 0 0 3px #14b8a61a}.preview-card{background:#fff;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:1rem;padding:1.5rem;position:sticky;top:1rem}.preview-card h3{font-size:1.125rem;font-weight:600;color:var(--color-gray-900, #111827);margin:0 0 1rem;text-align:center}.qr-preview-container{display:flex;justify-content:center;align-items:center;min-height:280px;background:var(--color-gray-50, #f9fafb);border-radius:.75rem;margin-bottom:1rem}.qr-placeholder{text-align:center;color:var(--color-gray-500, #6b7280)}.qr-placeholder p{margin:0;font-size:.875rem}.preview-actions{display:flex;justify-content:center}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--color-gray-100, #f3f4f6);color:var(--color-gray-700, #374151);border:none;border-radius:var(--border-radius, .5rem);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s}.download-btn:hover:not(:disabled){background-color:var(--color-gray-200, #e5e7eb)}.download-btn:disabled{opacity:.5;cursor:not-allowed}.create-header{margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-gray-600, #4b5563);text-decoration:none;font-size:.875rem;font-weight:500;margin-bottom:1rem;transition:color .2s}.back-link:hover{color:var(--color-gray-900, #111827)}.create-header h1{font-size:1.875rem;font-weight:700;color:var(--color-gray-900, #111827);margin:0}.error-message{padding:.75rem 1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius, .5rem);color:#dc2626;font-size:.875rem;margin-bottom:1.5rem}.create-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#fff;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:1rem;padding:1.5rem}.form-section h2{font-size:1.125rem;font-weight:600;color:var(--color-gray-900, #111827);margin:0 0 1rem}.type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.type-option{cursor:pointer}.type-option input{position:absolute;opacity:0;width:0;height:0}.type-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--color-gray-50, #f9fafb);border:2px solid var(--color-gray-200, #e5e7eb);border-radius:.75rem;transition:border-color .2s,background-color .2s}.type-card span{font-size:.875rem;font-weight:500;color:var(--color-gray-700, #374151)}.type-card svg{color:var(--color-gray-500, #6b7280)}.type-option input:checked+.type-card{border-color:var(--color-teal-500, #14b8a6);background-color:var(--color-teal-50, #f0fdfa)}.type-option input:checked+.type-card span{color:var(--color-teal-700, #0f766e)}.type-option input:checked+.type-card svg{color:var(--color-teal-600, #0d9488)}.type-option:hover .type-card{border-color:var(--color-gray-300, #d1d5db)}.type-option input:checked:hover+.type-card{border-color:var(--color-teal-600, #0d9488)}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-gray-700, #374151);margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=url],.form-group input[type=email],.form-group input[type=tel],.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-gray-300, #d1d5db);border-radius:var(--border-radius, .5rem);font-size:1rem;color:var(--color-gray-900, #111827);background-color:#fff;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-teal-500, #14b8a6);box-shadow:0 0 0 3px #14b8a61a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray-400, #9ca3af)}.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.color-input{display:flex;gap:.5rem;align-items:center}.color-input input[type=color]{width:48px;height:48px;padding:4px;border:1px solid var(--color-gray-300, #d1d5db);border-radius:var(--border-radius, .5rem);cursor:pointer}.color-input input[type=text]{flex:1;padding:.75rem 1rem;border:1px solid var(--color-gray-300, #d1d5db);border-radius:var(--border-radius, .5rem);font-size:.875rem;color:var(--color-gray-900, #111827)}.color-input input[type=text]:focus{outline:none;border-color:var(--color-teal-500, #14b8a6);box-shadow:0 0 0 3px #14b8a61a}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background-color:var(--color-teal-500, #14b8a6);color:#fff;border:none;border-radius:var(--border-radius, .5rem);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.submit-btn:hover{background-color:var(--color-teal-600, #0d9488)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}