.quick-templates{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-xl) 0;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);}.quick-templates:hover{box-shadow:var(--shadow-md);border-color:var(--border-secondary);}.templates-header{display:flex;align-items:center;gap:var(--space-sm);margin:0 0 var(--space-lg) 0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary);}.templates-icon{font-size:var(--text-xl);filter:drop-shadow(0 0 8px var(--primary-color));}[data-theme="dark"] .templates-icon{filter:drop-shadow(0 0 12px var(--primary-color));}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md);}.btn--template{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);overflow:hidden;}.btn--template::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,var(--primary-color) 100%);opacity:0;transition:opacity var(--transition-fast);z-index:0;}.btn--template:hover::before{opacity:0.1;}[data-theme="dark"] .btn--template:hover::before{opacity:0.15;}.btn--template > *{position:relative;z-index:1;}.btn--template:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md);}[data-theme="dark"] .btn--template:hover{box-shadow:var(--glow-primary),var(--shadow-md);}.btn--template:active{transform:translateY(0);}.template__icon{font-size:2rem;line-height:1;transition:transform var(--transition-fast);}.btn--template:hover .template__icon{transform:scale(1.2);}.template__name{font-weight:600;text-align:center;line-height:1.2;}.btn--template[data-template="portrait"]:hover{border-color:#f59e0b;}.btn--template[data-template="landscape"]:hover{border-color:#10b981;}.btn--template[data-template="fantasy"]:hover{border-color:#8b5cf6;}.btn--template[data-template="scifi"]:hover{border-color:#06b6d4;}.btn--template[data-template="vintage"]:hover{border-color:#d97706;}.btn--template[data-template="anime"]:hover{border-color:#ec4899;}.btn--template[data-template="watercolor"]:hover{border-color:#3b82f6;}.btn--template[data-template="cyberpunk"]:hover{border-color:#a855f7;}.btn--template[data-template="gothic"]:hover{border-color:#6b7280;}.btn--template[data-template="abstract"]:hover{border-color:#ef4444;}.btn--template[data-template="minimalist"]:hover{border-color:#64748b;}.btn--template[data-template="steampunk"]:hover{border-color:#92400e;}@media (max-width:1200px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));}}@media (max-width:768px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm);}.btn--template{padding:var(--space-md);gap:var(--space-xs);}.template__icon{font-size:1.5rem;}.template__name{font-size:var(--text-xs);}}@media (max-width:480px){.templates-grid{grid-template-columns:repeat(3,1fr);}}