.template-generator{max-width:1400px;margin:0 auto;padding:2rem;font-family:Inter,sans-serif;min-height:100vh;transition:background .3s}.template-generator.dark{background:#1a1a1a;color:#f5f5f5}.template-generator header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.template-generator header h1{font-size:2.8rem;color:#2c3e50;text-align:center}.dark .template-generator header h1{color:#ecf0f1}.template-generator header .theme-toggle{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:transform .2s,background .3s}.template-generator header .theme-toggle:hover{transform:scale(1.05);background:#2980b9}.template-generator .generator-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:1024px){.template-generator .generator-container{grid-template-columns:1fr}}.template-generator .generator-form{background:hsla(0,0%,100%,.9);padding:2rem;border-radius:12px;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.dark .template-generator .generator-form{background:rgba(30,30,30,.9);color:#ecf0f1}.template-generator .generator-form h2{color:#2c3e50;margin-bottom:1.5rem}.dark .template-generator .generator-form h2{color:#ecf0f1}.template-generator .generator-form .form-group{margin-bottom:1.5rem}.template-generator .generator-form .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#34495e}.dark .template-generator .generator-form .form-group label{color:#bdc3c7}.template-generator .generator-form .form-group input,.template-generator .generator-form .form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.dark .template-generator .generator-form .form-group input,.dark .template-generator .generator-form .form-group select{background:#2c2c2c;border-color:#444;color:#ecf0f1}.template-generator .generator-form .form-group input:focus,.template-generator .generator-form .form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 5px rgba(52,152,219,.3)}.template-generator .generator-form .checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.template-generator .generator-form .checkbox-group label{display:flex;align-items:center;gap:.5rem;color:#34495e}.dark .template-generator .generator-form .checkbox-group label{color:#bdc3c7}.template-generator .generator-form .checkbox-group label input{cursor:pointer}.template-generator .generator-form .button-group{display:flex;gap:1rem}.template-generator .generator-form .button-group button{flex:1;padding:1rem;background:#3498db;color:#fff;border:none;border-radius:6px;font-size:1.1rem;cursor:pointer;transition:transform .2s,background .3s}.template-generator .generator-form .button-group button:hover{transform:translateY(-2px);background:#2980b9}.template-generator .generator-form .button-group button:nth-child(2){background:#2ecc71}.template-generator .generator-form .button-group button:nth-child(2):hover{background:#27ae60}.template-generator .preview{background:hsla(0,0%,100%,.9);padding:2rem;border-radius:12px;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.dark .template-generator .preview{background:rgba(30,30,30,.9)}.template-generator .preview h2{color:#2c3e50;margin-bottom:1rem}.dark .template-generator .preview h2{color:#ecf0f1}.template-generator .preview pre{margin:0;border-radius:6px;overflow-x:auto}.template-generator .saved-templates{margin-top:2rem;background:hsla(0,0%,100%,.9);padding:2rem;border-radius:12px;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.dark .template-generator .saved-templates{background:rgba(30,30,30,.9)}.template-generator .saved-templates h2{color:#2c3e50;margin-bottom:1.5rem}.dark .template-generator .saved-templates h2{color:#ecf0f1}.template-generator .saved-templates ul{list-style:none;padding:0}.template-generator .saved-templates ul li{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;background:rgba(0,0,0,.05);border-radius:6px}.dark .template-generator .saved-templates ul li{background:hsla(0,0%,100%,.1)}.template-generator .saved-templates ul li pre{flex:1;margin:0;font-size:.9rem;color:#34495e}.dark .template-generator .saved-templates ul li pre{color:#ecf0f1}.template-generator .saved-templates ul li button{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:transform .2s,background .3s}.template-generator .saved-templates ul li button:hover{transform:translateY(-2px);background:#c0392b}@media(max-width:768px){.template-generator{padding:1rem}.template-generator header{flex-direction:column;gap:1rem}.template-generator header h1{font-size:2rem}.template-generator .generator-form,.template-generator .preview,.template-generator .saved-templates{padding:1.5rem}.template-generator .checkbox-group{grid-template-columns:1fr}}