.text-layers-list{max-height:300px;overflow-y:auto}.text-layer-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:12px;transition:all 0.2s ease}.text-layer-item.active{border-color:#6366f1;background:#f5f3ff}.text-layer-item:hover{border-color:#a5b4fc}.text-layer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.text-layer-header span{font-weight:600;font-size:13px;color:#4b5563}.text-layer-actions button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280;transition:all 0.2s ease}.text-layer-actions button:hover{background:#e5e7eb;color:#ef4444}.text-input-field{width:100%;padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color 0.2s ease;background:#fff}.text-input-field:focus{border-color:#6366f1;outline:none}.font-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.font-select{padding:8px 10px;border:2px solid #e5e7eb;border-radius:8px;font-size:13px;background:#fff;cursor:pointer}.font-select:focus{border-color:#6366f1;outline:none}.size-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#e5e7eb;border-radius:4px;outline:none}.size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#6366f1;border-radius:50%;cursor:pointer}.color-row{display:flex;align-items:center;gap:10px}.color-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;background:none}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:2px solid #d1d5db;border-radius:8px}.style-btn-group{display:flex;gap:4px;direction:ltr}.style-btn{padding:6px 12px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.2s ease;color:#4b5563}.style-btn:hover{border-color:#a5b4fc;background:#f5f3ff}.style-btn.active{border-color:#6366f1;background:#eef2ff;color:#4f46e5}.canvas-container{position:relative;background:repeating-conic-gradient(#e5e7eb 0% 25%,transparent 0% 50%) 50% / 20px 20px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:300px;border:2px dashed #d1d5db}.canvas-container canvas{max-width:100%;max-height:500px;cursor:move;touch-action:none}.canvas-container .placeholder{color:#9ca3af;text-align:center;padding:40px}.add-text-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;border:2px dashed #d1d5db;border-radius:10px;background:#fff;cursor:pointer;color:#6b7280;font-weight:600;font-size:14px;transition:all 0.2s ease}.add-text-btn:hover{border-color:#6366f1;color:#4f46e5;background:#f5f3ff}@media (max-width:640px){.font-controls{grid-template-columns:1fr}.canvas-container canvas{max-height:300px}}#download-btn.generating{pointer-events:none;opacity:.7}#download-btn.generating::after{content:'';display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:spin 0.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}